大多数站长在使用WordPress进行外贸建站时,可以在WordPress网站上安装一些具有前后对比效果的插件,就可以呈现出产品的前后效果图了。产品的前后对比图可以帮助顾客更好地了解商家的产品,以便用户进行购买。一张好的产品效果对比图可以提高店铺销量,和转化率。那么,如何使用WordPress插件来实现产品效果的前后对比呢,将是本文接下来的叙述要点。

各位商家可以通过添加相关功能的WordPress插件就可以完成该效果。这里给大家演示的WordPress插件是Twenty20 Image Before-After。

Twenty20 Image Before-After插件

在WordPress后台搜索安装该插件,然后激活,就可以使用了。编辑页面的时候,就可以在WordPress编辑器里找到这个插件。

WordPress编辑器

然后在WordPress媒体管理里面,选择两张图片作为前后对比的效果。

两张图片作为前后对比的效果

 

选择好图片,然后点击insert插入,然后就进入具体的编辑界面。

将图片插入具体页面

设置好,点击insert shortcode添加短代码,然后在需要添加该功能的时候,添加这段短代码就可以了。当然了,还可以添加到widget微件中。

在WordPress后台,找到外观appearance,微件widget,然后把设置好的微件拖到需要的位置。

找到appearance和widget

然后,网页的before and after功能就设置好啦。

产品效果前后对比图

除了这款Twenty20 Image Before-After,还可以试试其他的插件。

如果网站使用的是Elementor(访问官网)编辑器,那也非常的方便。首先安装Happy Addons插件,这个插件是专门用于Elementor page builder的。

 

Happy Addons插件

安装Happy Addons之后,Elementor就会多出很多的小工具。然后你添加before and after微件,就可以制作实现产品前后对比的功能了。

Elementor会多出很多小工具

 

相关文章

  • 独立站SEO

    独立站SEO怎么做 独立站SEO可以做哪些?

    独立站SEO怎么做?用户可以通过站内SEO优化、站外SEO优化和技术SEO优化实现外贸独立站SEO优化的工作。做好独立站的SEO优化工作不仅有利于网站排名的提高,而且有助于商家品牌的宣传与推广。对于SEO新手来说,繁杂的SEO工作可能会有一些难以上手,不过不要担心,本文将从三个方面为大家仔细梳理独立站SEO的优化,希望可以为大家的外贸建站工作提供一个参考。 独立站SEO可以做哪些一:站内SEO优化 1、文章内容优化 高质量独特的内容是获得良好排名的关键,内容要提供真正有价值的信息,解决潜在用户的…

    网站SEO 2024年 10月 22日
  • 找到WordPress主题文件夹

    WordPress后台地址是什么及如何设置

    WordPress后台地址其实就是WordPress网站的后台URL,通过此URL的访问,用户管理关于WordPress独立站的文章、页面、主题、插件等一切项目。通常来说,用户设置WordPress后台地址最简单的方法是通过仪表板的设置常规部分进行更改,但有时候也可以通过wpconfig.php 文件和functions.php 文件设置WordPress后台地址。接下来本文将具体大家介绍WordPress后台地址设置的有关内容,以帮助大家在外贸建站时提供一个操作参考。 一、WordPress后…

    开发教程 2025年 2月 28日
  • 添加wordpress菜单项

    WordPress外贸建站教程:WordPress导航菜单怎样设置?

    各位商家可以在WordPress网站后台的菜单页面进行WordPress导航菜单的相关设置,诚然一个分类清新醒目的当行菜单栏可以帮助访客更好的了解自己的网站,并在网站上快速搜索自己想要的信息,可以说WordPress导航菜单的设置是每位商家都应该掌握的外贸建站的必备技巧,那么WordPress导航菜单到底是怎么进行设置的呢?下文将为大家呈现。 一、进入WordPress导航菜单设置页面 进入到WordPress独立站后台后,找到左侧的“外观”进行点击,这里可以看到它的下方有一个“菜单”选项,点击…

    科灯跨境学院 2024年 8月 29日
  • flow

    六大PHP Web框架软件汇总

    Web框架作为Web程序开发前段工具,可以减少开发时间和维护成本,对于外贸建站来说,是一个较好的代码应用数据库。PHP则是Web开发应用较广泛的前端脚本语言,所以本文基于此,将和大家分享一些PHP Web框架软件,助力外贸独立站的建设。 一、Agavi Agavi是一个强大的,可扩展的PHP 5应用程序框架,遵循MVC范例。它使程序员能够编写清晰,可维护和可扩展的代码。Agavi将选择和自由放在限制性公约上,重点是持续的质量而不是短视的决定。它不是一个完整的网站建设工具,而是一个程序员可以构建应…

    开发教程 2024年 7月 9日
  • WordPress搭建

    WordPress搭建购物网站教程

    大多数使用WordPress建站的商家,都会选择借助WooCommerce来搭建购物网站。WooCommerce是一款电子商务插件,使用WooCommerce可以轻松实现销售数据、库存和客户数据的一站式管理,所以本文将教大家如何借助WooCommerce将 WordPress网站变成在线购物网站。 WordPress搭建购物网站一:前提准备 从头开始创建 WooCommerce 网站需要以下三件事: 需要一个 WordPress 托管帐户,所有网站文件都将存储在此处 域名,这是网站的 Inter…

    开发教程 2025年 4月 25日
  • 谷歌AI概览提及率

    如何提高海外独立站在谷歌AI概览中的提及率

    提高海外独立站在谷歌AI概览中的提及率不仅需要创建独特且有价值的网站内容,迎合用户需求,优化内容结构,更需要确保robots.txt写得对、减少死链和重定向次数等,此外还需要使用标题标签、描述标签、规范化标签提高独立站内容对AI的可见性。 方法一:创建独特且有价值的内容 1、理解访客需求 用户输入搜索词时,很少只表达表面问题。建议Ahrefs的“搜索意图分类工具”分析相关关键词挖掘相关的长尾词场景限制,将需求写成内容,并执行A/B测试,从测试中的用户反馈寻找用户的需求变化。 2、内容独特性 别再…

    网站SEO 2025年 12月 30日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部