大多数站长在使用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微件，就可以制作实现产品前后对比的功能了。
相关文章
-
TranslatePress插件安装使用教程
TranslatePress是外贸建站中常用的一款非常直观的WordPress多语言翻译插件，可与任何插件和主题同时使用。TranslatePress采用了不同的方法，类似于WordPress定制器的可视化翻译界面；可以实时看到翻译，并且不会错过任何单词内容。本文为大家介绍下TranslatePress插件安装使用教程。 点击访问：TranslatePress官网 一、TranslatePress插件安装 1、安装TranslatePress 安装TranslatePress非常简单，打开Wor…
-
跨境独立站建站程序的主要功能是什么
跨境独立站建站程序的主要功能是什么？跨境独立站建站程序的主要功能有无需编码、专业的设计模版、更高的成本效益、内置的SEO功能、更快的搭建时间。正因为这些优势，跨境电商独立站成为商家出海的主要手段，下文也将围绕跨境独立站建站程序的主要功能介绍和建站程序的相关推荐展开内容， 一、跨境独立站建站程序主要功能 1、无需编码 使用跨境独立站建站程序，可以在没有任何编码知识的情况下创建一个美观实用的网站。所以在创建网站面临太难的问题时，跨境独立站建站程序将是一种极好的解决方案。 一般来说编码和技术并不适合所…
-
WooCommerce漏洞是什么 WooCommerce漏洞的解决方法
WooCommerce漏洞是WooCommerce插件存在硬件、软件或者协议等方面的缺陷。而在利用WooCommerce进行外贸独立站建设时，各位站长不免会遇到此类问题。那么，当WooCommerce漏洞发生时，大家到底该怎么做呢？将是本文接下来为各位介绍的内容。 一、什么是WooCommerce漏洞 WooCommerce是全球最受欢迎的WordPress电子商务插件之一，用于数百万家在线商店。但这也成为了WooCommerce被恶意攻击的原因。往往当WooCommerce插件存在协议、硬件或…
-
如何使用WordPress编辑器进行外贸建站？
在用WordPress进行外贸建站时，必不可少会用到的工具便是WordPress编辑器，一个独特且体现企业形象的外贸网站离不开WordPress编辑器的深度开发。而WordPress编辑器分为WordPress页面编辑器与主题编辑器，二者的主要区别是什么，各自的特点在哪，以及怎样将二者结合建设高效专业的外贸网站，则是本文接下来的叙述要点。 1.WordPress页面编辑器和主题编辑器的基本特性 （1）WordPress页面编辑器的主要功能： 1）页面布局：你可以使用页面编辑器创建和设计每个页面的…
-
简约WordPress导航主题模板Top3推荐
在创建WordPress独立站时，一个简单且易于设置的导航不仅有利于用户体验的优化，而且也可以帮助搜索引擎更快了解网站结构和内容。实现导航最快创建的一种的方法便是购买安装支持导航设置的WordPress主题，所以下文将向大家推荐Top3的简约WordPress导航主题模板，供大家参考。 WordPress导航主题模板推荐一：Divi Divi 主题是Elegant Themes 的真正多用途旗舰主题，它使任何 WordPress 开发人员都能通过其有用的高质量模板集和强大的拖放式网站构建器工具构…
-
跨境独立站504错误代码含义、产生原因及解决方法
跨境独立站504错误代码是网站显示为“504 Gateway Time-out”的一种HTTP状态代码，在搭建跨境电商独立站时，如果服务器或者是网站插件发生错误，就会发生这种问题。504错误代码的产生不仅会导致网站不能及时响应用户请求，还会阻止搜索引擎的对网站的爬取，长此以往，网站甚至可能会从搜索结果中完全消失。 因此及时处理和解决 504 错误以保护网站安全和进行SEO优化至关重要，下文也将基于此展开跨境独立站504错误代码的含义、产生原因及解决方法的内容，供大家参考。 一、跨境独立站504错…
