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

 

相关文章

  • 外贸建站流程

    外贸建站怎么做?外贸建站流程分享

    网上购物已经非常普遍,所以越来越多的企业有外贸建站的需求,因为一个专业优质的外贸网站,能够为自己带来更高的流量及转化,那么外贸建站怎么做?本文就来分享一下外贸建站的流程。 第一、明确目标与规划网站结构 在搭建外贸网站之初,务必明确目标与规划网站结构。根据产品类型、品牌需求和用户群体,设计清晰的导航结构和页面布局,确保用户能够快速找到所需信息,提升用户体验和转化率。 第二、选择合适的建站工具与平台 选择合适的建站工具和平台是外贸网站建设的关键一环。根据自身需求和技术水平,可以选择使用模板建站工具,…

    常见问题 2024年 6月 6日
  • 谷腾堡编辑器添加CTA按钮

    WordPress网站如何添加CTA按钮?

    CTA(Call-To-Action)按钮作为你的“销售请求”,合理的添加CTA按钮可以有效引导用户下一步的行动,提高网站页面的转化率和访问量。CTA按钮是WordPress外贸建站关键的UI元素,增强了与用户的交互性,从而使用户的浏览行为具有一定的主动性。那么,商家如何在WordPress独立站中添加CTA按钮,来引导用户的行为操作,提高文章的转化率呢?本文接下来,就和大家分享相关的知识。 1.谷腾堡编辑器添加CTA按钮 WordPress后台默认的编辑器是谷腾堡编辑,大家直接添加button…

    科灯跨境学院 2024年 6月 19日
  • WordPress数据库优化清理插件

    3款WordPress数据库优化清理插件综合分析

    随着网站的不断发展扩充,站内会充斥着大量冗余的垃圾评论,过时文件。如果放任不管,这些数据将会让网站变得缓慢且负载加重,此时对于新手小白来说,一款简单且功能丰富的WordPress数据库优化清理插件将帮助外贸建站用户解决“心头大患”。下文将从WP Optimize、Advanced Database Cleaner和Advanced Database Cleaner插件的功能、利弊和适用人群入手,对着3款WordPress数据库优化清理插件进行综合分析。 一、插件如何简化数据库任务 手动管理数据库…

    插件指南 2025年 7月 22日
  • 建站小白必看的320个必备Web开发专业术语

    建站小白必看:30个必备Web开发专业术语

    做外贸建站的商家离不开Web开发,无论是自己学习技术开发网站还是寻找专业的外贸建站公司进行外包建站,用户都有必要了解Web开发的专业术语,不仅可以帮助商家将自己的建站需求精准传达给客户,而且可以进一步丰富自己的网站建站知识,所以接下来将基于此为大家展示建站小白必看的30个必备Web开发专业术语,以供大家参考。 一、什么是Web开发 Web开发与网站设计密切相关,通常用于网站和应用的实际构建和编程,主要是指在互联网上创建网站的过程。Web开发人员通过编写代码,使用各种编程语言来实现这一点,这些语言…

    开发教程 2024年 12月 4日
  • WooCommerce开发

    WooCommerce开发需要多少钱

    WooCommerce开发需要多少钱?WooCommerce小型网站的开发费用在75 美元- 920美元/年,中型网站的开发费用为每年1420-6550美元,大型WooCommerce网站的开发费用为6450至30700美元/年。WooCommerce开发的费用受到主机托管类型、域名、主题、插件、支付网关、网站开发、网站维护等多种因素的影响,为了帮助各位商家清楚了解WooCommerce不同规模跨境电商独立站开发的具体费用,详情请参考下文。 一、WooCommerce小型网站开发费用 这种类型的…

    常见问题 2025年 10月 22日
  • 美甲套装

    跨境独立站出海成功案例分析:134亿美元背后的美甲经济

    随着她经济的深入发展,作为女性指尖经济的代表性行业美甲正在显示出强劲的发展潜力。Statista数据显示,2026 年全球美甲市场规模将达到 134 亿美元。那么想要借助这一行业实现跨境电商独立站搭建的商家又该怎么做呢?接下来将分享一个美甲跨境独立站成功出海的案例,希望可以带给大家一定的启发。 在这片跨境蓝海市场中,中国品牌Modelones的突围之路尤为亮眼。这个 2015 年诞生于美国的品牌,从亚马逊类目TOP迅速转型独立站。 如今已实现月均访问量 10 万、覆盖 30 国、拥有 1000 …

    科灯跨境学院 2025年 8月 25日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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