大多数站长在使用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会多出很多小工具

 

相关文章

  • 查找 wp-config.php 文件

    WordPress数据库在哪?

    WordPress数据库在哪?WordPress数据库基本上会位于wp-config.php文件中,通过WordPress数据库的查找和编辑可以进一步自定义WordPress网站,所以下文为大家具体讲述了WordPress数据库查找的操作步骤,以供大家在使用WordPress进行外贸建站时提供一个参考。 一、查找 wp-config.php 文件 1、使用 hPanel 的文件管理器 在面板中打开文件管理器后,将看到多个目录和文件。wp-config.php 的位置完全取决于安装WordPres…

    常见问题 2024年 12月 26日
  • WordPress Nginx和Apache

    WordPress用Nginx好还是Apache?

    WordPress外贸建站到底该选Nginx还是Apache服务器环境?这个问题的答案需要用户根据自己的实际需求进行抉择,如果用户想提高WordPress网站的性能,则可以选择Nginx,如果用户追求复杂配置和多样化功能,则可以选择Apache。下文将基于此为大家具体介绍Nginx和Apache区别对比,为大家进一步了解Nginx和Apache提供一个参考。 一、Nginx是什么 Nginx是一款高性能、开源的Web服务器软件,它因高效处理的并发连接能力而广受欢迎。Nginx最初旨在解决C10k…

    常见问题 2024年 9月 30日
  • 西柚找词优惠折扣码

    西柚找词优惠折扣码上线 五周年庆5折钜惠限时抢

    西柚找词五周年嘉年华火热开启,专属西柚找词优惠折扣码链接享额外16天会员时长,2026年3月9日至3月20日,全年最低价福利仅此一次,亚马逊运营人速来解锁! 活动地址:点击直达 活动期间,西柚找词所有VIP套餐直降5折,新购、增购、续费均可享受,1人VIP套餐790.68元/年,立省407.32元,40人团队价低至599元/年/人,使用本文专属西柚找词优惠折扣码链接,新用户可获得额外16天专业会员体验时长。老用户专属续费福利同步上线,个人/团队会员提前续费或过期续费,均可加赠30天会员时长,白捡…

    科灯跨境学院 2026年 3月 9日
  • 2026年2月Google算法更新

    2026年2月Google算法更新:Discover内容生态从标题党到专业内容

    2026年2月,Google正式推出新一轮算法更新,重点优化其Discover内容推荐系统。此次谷歌营销策略的核心在于提升内容的相关性与专业性,优先展示本地化、原创且具备深度的优质内容,同时严厉打击标题党与耸人听闻的标题党。无论网站是垂直深耕还是多领域覆盖,只要在特定主题上展现权威性,就有机会获得Discover流量倾斜。接下来将深入解析本次更新的具体影响与应对策略。 通过此次更新,用户将Discover的内容将更有用、更有价值,此此次更新将在以下几个方面改善体验: 向用户展示来自其所在国家网站…

    科灯跨境学院 2026年 2月 11日
  • 外贸公司网站建站要求

    外贸公司网站建站要求有哪些

    外贸公司网站建站要求有哪些?因为是外贸公司搭建独立站以拓展业务,所以外贸公司网站建站要求有转变以前外贸工厂出货卖单的思维、走出“低价圈”的逻辑、学会通过小单做大单,之后还要学会专业的事交给专业的人来做,打造一个专业的跨境出海团队。随着外贸建站逐渐成为传统工厂的新型出海解决方案,外贸公司了解清楚自己转型做独立站的要求有哪些是提升海外竞争力的基础,所以本文接下来将详细介绍该部分内容。 外贸公司网站建站要求一:思维方式变化 传统外贸公司拥有丰富的经验,但这经验却并非适用于跨境独立站。按照之前的思维模式…

    常见问题 2025年 10月 1日
  • WordPress站群

    如何建立WordPress站群?

    多数站长在使用WordPress外贸建站时,会进行WordPress站群建设。建立WordPress站群有选择托管服务商、启用WordPress多站点功能、编辑wpconfig.php文件等步骤。但是WordPress站群建立的具体步骤是什么呢,将是本文接下来的分享内容。 一、如何建立WordPress站群 1、选择托管服务商 选择一个支持WordPress多站点安装的托管服务商。例如Hostinger(访问官网)。 2、安装WordPress多站点 在托管服务器上安装WordPress,然后启…

    科灯跨境学院 2024年 6月 27日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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