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

 

相关文章

  • WooCommerce免费

    WooCommerce是免费的吗?

    WooCommerce就其本身来说,与WordPress一样,都是属于开源免费的外贸建站工具,但是WooCommerce是一款依附于WordPress存在的电子商务插件。在外贸建站的过程中,用户通常将WordPress与WooCommerce结合在一起,以发挥二者最大的作用,下文将为大家具体介绍WooCommerce的有关内容,希望可以为大家提供一个有效参考。 一、WooCommerce是免费的吗? WooCommerce本身是免费的,但是WooCommerce存在许多付费的主题或者插件,所以用…

    常见问题 2024年 11月 25日
  • shopify字体选择修改

    Shopify独立站字体选择修改指南

    字体选择是跨境电商独立站塑造专业质感与用户体验的关键,对Shopify独立站而言,合适的字体既能强化品牌辨识度,又能避免加载缓慢、阅读卡顿等问题。优质字体选择需兼顾类型适配、加载效率与品牌调性,而不当选择可能导致页面杂乱、信任感缺失,直接影响转化效果。无论是系统字体的高效适配,还是第三方字体的个性定制,科学的选择与修改逻辑都是核心。下文将详细拆解Shopify独立站字体的分类选择、第三方字体添加及现有字体修改的完整流程,助力各位商家打造兼顾美观与实用性的跨境站点。 一、Shopify独立站字体选…

    开发教程 2026年 4月 2日
  • 用Google做外贸

    怎样用Google做外贸?

    Google作为全球最大的搜索引擎公司,各位站长可以通过Google SEO、Google搜索、GoogleAds这三种常用的方法来进行外贸独立站的建设与优化,而且做好Google的外贸建站工作,将是各位站长跨境出海成功的关键因素。下文为大家整理了借助Google做外贸的具体方法,希望可以帮助到大家。 一、利用Google SEO进行外贸网站优化 在进行外贸独立站客户开发的过程中,利用谷歌SEO对外贸网站进行优化是一项重要的工作。首先需要理解谷歌SEO的基本原理,谷歌的搜索引擎会根据网站内容和其…

    科灯跨境学院 2024年 8月 21日
  • 独立站和跨境平台的区别

    独立站和跨境平台的区别

    独立站和跨境平台是中国企业走出去的两种主要方式,其中独立站根据网站的功能又分为外贸独立站和跨境电商独立站。独立站和跨境平台虽然都是商家对外营销的手段,但是二者在运营理念、服务支持、店铺自主性、成本费用、品牌定位和流量获取六方面均存在区别,下文将围绕以上的差异,为大家详细讲述独立站和跨境平台的区别。 独立站和跨境平台区别一:运营理念 在跨境电商平台上主要依靠大数据分析平台内部规则,有大量同行卖家的案例可供借鉴,卖家可以通过学习其他卖家的选品方式,运营的重点在评论、listing、排名上,目的是获得…

    常见问题 2025年 5月 20日
  • Shopify怎么批量编辑库存

    Shopify怎么批量编辑库存

    卖家批量编辑Shopify库存无需逐件操作,即可在管理员界面以电子表格形式一次性更新数百个SKU的数量,极大提升了管理效率。对于商品繁多的跨境电商独立站而言,合理利用Shopify的这一特性,能显著降低人工错误并节省宝贵时间。那么具体该如何操作才能安全、快速地完成库存更新呢?接下来将详细解析具体步骤。 一、Shopify怎么批量编辑库存 Shopify批量编辑库存是一种通过管理员的电子表格界面一次性更新多个产品数量的方法。不是逐件编辑产品,而是选择多个商品,打开批量编辑器,并以网格格式修改库存值…

    开发教程 2026年 2月 26日
  • flow

    六大PHP Web框架软件汇总

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

    开发教程 2024年 7月 9日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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