大多数站长在使用WordPress进行外贸建站时，可以在WordPress网站上安装一些具有前后对比效果的插件，就可以呈现出产品的前后效果图了。产品的前后对比图可以帮助顾客更好地了解商家的产品，以便用户进行购买。一张好的产品效果对比图可以提高店铺销量，和转化率。那么，如何使用WordPress插件来实现产品效果的前后对比呢，将是本文接下来的叙述要点。
各位商家可以通过添加相关功能的WordPress插件就可以完成该效果。这里给大家演示的WordPress插件是Twenty20 Image Before-After。
在WordPress后台搜索安装该插件，然后激活，就可以使用了。编辑页面的时候，就可以在WordPress编辑器里找到这个插件。
然后在WordPress媒体管理里面，选择两张图片作为前后对比的效果。
选择好图片，然后点击insert插入，然后就进入具体的编辑界面。
设置好，点击insert shortcode添加短代码，然后在需要添加该功能的时候，添加这段短代码就可以了。当然了，还可以添加到widget微件中。
在WordPress后台，找到外观appearance，微件widget，然后把设置好的微件拖到需要的位置。
然后，网页的before and after功能就设置好啦。
除了这款Twenty20 Image Before-After，还可以试试其他的插件。
如果网站使用的是Elementor（访问官网）编辑器，那也非常的方便。首先安装Happy Addons插件，这个插件是专门用于Elementor page builder的。
安装Happy Addons之后，Elementor就会多出很多的小工具。然后你添加before and after微件，就可以制作实现产品前后对比的功能了。
相关文章
-
WordPress自定义页面模板如何创建？
各位站长在使用WordPress进行外贸建站时，通常会遇到自定义页面模板创建这一问题，那么如何通过页面的自定义设计，获得自己想要的外贸网站呢？通常有两种方法，分别是手动创建和使用页面构建插件进行创建，而本文接下来主要和大家介绍的是第一种方法，具体操作步骤如下。 创建WordPress自定义页面模板可让各位商家更自由地设计网站的外观。手动创建WordPress页面模板虽然需要一些编码知识，但是可以为自定义模板设计提供很大的灵活性。 重要提示！在本教程中，将创建并上传模板文件到商家当前的主题。建议先…
-
外贸网站推广没预算：如何在3-6月内做好SEO优化
外贸网站推广没预算，如何在3-6月内做好SEO优化？商家完全可以在1-2个月精准定位，找对方向调研关键词，3-4个月借助内容吸引搜索引擎和客户，提升品牌传播力，最后在第5-6个月的时候，根据优化数据调整外贸网站推广策略。此外还要在独立站推广的过程中还要秉持“小而美”、“低成本”和“长期主义”的原则。 一、小企业SEO最容易踩的3个误区 在启动SEO前，先避开这些 “无效努力”，才能让每一分精力都用在刀刃上。 第一个误区是 “贪大求全追热门”。很多企业一上来就想做 “行业 + 产品” 的大词，…
-
WordPress插件推荐：图片优化插件有哪些？
图片优化是WordPress外贸建站过程中必不可少的优化工作，一个正确且合理的图片优化工作，不仅可以优化用户体验，而且有利于网站搜索引擎的优化，所以此时借助WordPress图片优化插件来优化网站的图片格式、大小等就显得尤为重要了。本篇文章为了帮助各位站长更好更快的处理独立站的图片优化工作，接下来将为大家推荐几款好用WordPress图片优化插件以供大家参考。 一、ShortPixel 《点击进入ShortPixel插件官网》 ShortPixel图像优化插件的美妙之处在于它的多功能性，支持有损…
-
网站SEO审核工具：WebSite Auditor使用教程
诚然市面上拥有许多网站SEO审核工具，但是WebSite Auditor凭借其全面的可视化功能受到了众多使用者的赞赏。使用 WebSite Auditor 网站可视化审核工具，可以轻松发现网站结构中的所有问题，将其完善到完美，准备好技术任务以传递给开发团队，并为用节省大量时间。为了帮助大家更好的了解使用该工具，本文将为大家具体介绍网站SEO审核工具WebSite Auditor的使用教程，以供各位在外贸建站的过程进行参考。 一、WebSite Auditor网站技术审核 WebSite Audi…
-
WooCommerce安装及设置教程
WooCommerce作为一款功能强大的在线电子商务插件，受到众多站长的追捧，并且随着外贸行业的深入发展，众多商家都选择通过外贸建站来发展自己的业务，那么商家该如何借助WooCommerce构建属于自己的外贸独立站呢，接下来将为大家具体介绍一下WooCommerce的安装及设置教程，帮助大家更好的使用WooCommerce。 一、WooCommerce安装教程 1、打开网站后台仪表盘，选择插件-安装插件，输入关键词WooCommerce，如图所示，点击现在安装就可以了。 然后系统就会自动进行下载…
-
WordPress添加小工具图文教程
在WordPress外贸建站过程中，灵活使用小工具能显著提升网站的功能与用户体验。本文将为大家带来一份详尽的WordPress添加小工具图文教程，手把手教大家如何通过仪表盘轻松管理与配置各类小工具。接下来大家一起看一下具体的操作步骤吧！ 1、登录WordPress仪表盘。 2、从主左侧菜单向下滚动到外观，点击小部件。 3、在这里可以用WordPress主题查看当前的小部件。 4、点击下箭头按钮进入现有的小部件，这样可以自定义小部件。 5、点击左上角的插入器+按钮即可添加新控件。 6、然后向下滚动…
