大多数站长在使用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微件，就可以制作实现产品前后对比的功能了。
相关文章
-
WooCommerce运费设置
WooCommerce作为WordPress外贸建站生态的一部分，WooCommerce运费设置是商家在建站过程中不可忽视的一部分，那么商家到底该如何在WooCommerce中添加运费并配置高级运费选项呢？下文将为大家展示具体步骤，通过WooCommerce运费的合理设置，商家可以有效地管理运输成本，提供有竞争力的运费，并增强在线商店的整体客户体验。 一、了解WooCommerce不同类型的运费 在深入了解添加运费的具体方法之前，可以先花点时间了解WooCommerce中可用的不同类型的运费： …
-
Elementor编辑器怎么用 WordPress Elementor编辑器教程
Elementor编辑器怎么用？使用WordPress Elementor编辑器可以帮助商家实现构建页面和超级菜单等目标，此外借助编辑器Pro版本，用户还可以通过使用其内置的AI功能实现文本和代码的自定义创建。为了让各位使用Elementor编辑器进行外贸建站的站长，更加熟练地使用该编辑器，下文将围绕以上所说的Elementor编辑器怎么用的三个方面，为大家介绍具体的图文操作教程。 Elementor编辑器怎么用一：创建页面 如何创建新页面取决您是使用 Elementor Hosting 还是带…
-
如何检测WordPress的网页类型？
如何检测WordPress的网页类型？WordPress作为一个功能强大的开源建站平台，支持不同的网页类型，如Post、Page等，那么，大家在使用WordPress进行外贸建站时，需要的基本页面有哪些？本文将和大家分享外贸建站会用到的基本页面。 在WordPress中，大家可以创建Post和Page。实际B2B，B2C网站中，Page页面会比Post页面使用范围更广，产品页，公司介绍页面等都是基于Page页面构建。而post页面的主要用于发布博客文章。 博客页面类型，顾名思义，是用于发布博客文…
-
外贸网站推广：外贸怎么找客户资源？
商家搭建好外贸网站后，面临的第一个问题便是外贸客户资源的查找，那么客户资源到底该怎么找呢？商家可以借助Google地图、Facebook等方法来搜索潜在客户的信息，从而拓展客户资源，进行外贸建站相关的运营推广工作。下文将基于此为大家具体介绍外贸客户资源的寻找方法。 一、 利用Google地图找客户资源 很多国外的公司会在谷歌地图上标明自己的位置以及展示相关的信息，所以用户可以通过Google地图查找到想要寻找的公司信息。首先需要打开Google地图，点击谷歌搜索界面右上方图示按钮。 然后找到Ma…
-
外贸平台自建站是什么及怎么建
外贸平台自建站是什么及怎么建？外贸平台自建站是通过购买域名和服务器，借助一定渠道来实现独立站搭建的一种方式。要想搭建外贸平台自建站，首先商家需要在网站搭建初期对网站进行定位规划，之后来进行外贸网站的搭建，最后一步则是运营推广计划制定。随着商家出海版图的不断扩大，一个专业的在线形象对于企业品牌的扩展至关重要，到2025年，拥有一个外贸网站已成为企业成功的重要因素，下文将详细探讨外贸平台自建站是什么及怎么建的有关内容。 一、外贸平台自建站是什么 外贸平台自建站是商家通过外贸独立站建站平台或者是代码撰…
-
HTML、PHP、CSS和JS之间的关系
在外贸建站的过程中，要想进行独立站的开发，不可避免的会遇到网站搭建常见的四种技术，分别是HTML、PHP、CSS和JS，一提到这四种技术语言时，不少技术小白会一脸懵，所以接下来本文将为大家梳理这四种语言之间的关系，为大家外贸建站提供一些技术支撑。 HTML：HTML（Hypertext Markup Language）即超文本标记语言，是用于描述网页文档的一种标记语言。HTML其实是文本，它只是客户端语言，所以需要浏览器的解释，而且只用HTML做出来的网页是静态网页，没任何得交互功能。 CSS：…
