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

 

相关文章

  • 瑜伽外贸独立站案例

    外贸网站建设案例分享:瑜伽网站

    本文向大家介绍了三个比较火爆的瑜伽海外独立站,并附上了各自的每月访问、桌面和移动端的页面速度。每一个瑜伽网站都通过自己独特的优势,吸引了瑜伽新手和资深爱好者的注意力,当各位准备搭建瑜伽网站的商家了解清楚它们的建站理念时,将有助于进一步搭建一个符合自己心仪的瑜伽外贸网站。 一、瑜伽网站建设案例分享 1、Yoga Basics 每月访客:42.7K+ 移动页面速度:96 桌面页面速度:98 Yoga Basics是一个帮助用户学习瑜伽要领的网站,为初学者提供了易于操作的提示、有用的文章和建议,让瑜伽…

    科灯跨境学院 2025年 8月 19日
  • 科灯跨境将亮相中国跨境电商交易会

    3.18 福州见 科灯跨境将亮相第六届中国跨境电商交易会

    春潮涌榕城,出海正当时。2026年3月18日-20日,第六届中国跨境电商交易会将在福州海峡国际会展中心盛大启幕。作为深耕外贸跨境服务领域的专业服务商,科灯跨境将携全链路出海解决方案重磅亮相7号馆7B64展位,与广大跨境同仁共探行业新机遇,共谋全球化增长新路径。 被誉为“中国跨境电商第一展”的跨交会,此次以“链接跨境全流域·共建电商新生态”为核心主题,展览面积超10万平方米,汇聚全国27个省市超3000家供应链与服务企业,吸引超10万名跨境卖家与采购商到场交流。亚马逊、TikTok Shop、Te…

    科灯跨境学院 2026年 3月 12日
  • Shopify运营攻略

    Shopify运营攻略七大思路详解

    对于一些刚入行的跨境电商小白来说,Shopify运营仍是一个令人困惑的问题,但是又因为Shopify运营关系着企业品牌是否能真正走出去的决定性因素又不得不进行Shopify跨境电商独立站的运营研究。下文为了解决大家这一困惑,将从Shopify关键词定位、结账流程优化、限时折扣提供、电子邮件营销等七大方面为各位商家进行Shopify运营攻略的详细介绍。 Shopify运营攻略一:定位相关关键词 关键字决定了网站在搜索结果中的显示位置,使用合适的关键词优化网站将有助于页面出现在正确的搜索结果中并吸引…

    常见问题 2025年 4月 4日
  • Shopify网站优化广告投放

    Shopify网站优化广告投放指南

    在搭建完Shopify跨境电商独立站后,独立站的运营工作仅仅才开始,例如帮助独立站获得更广阔受众群体的Shopify广告优化策略的制定。借助Shopify网站广告投放的优化,可以实现独立站运营的全面开花,在短时间内获得更多的曝光和流量。本文将从为什么要做Shopify网站广告投放和Shopify网站优化广告投放指南两方面展开以下内容,以帮助大家更好的完成品牌出海。 一、为什么要优化Shopify网站广告 1、在有限的预算下实现ROI最大化:有针对性的广告策略可确保广告的精准投放,因此独立站推广营…

    网站SEO 2025年 6月 11日
  • 说明为什么卸载Shopify插件

    Shopify插件怎么取消订阅

    Shopify插件怎么取消订阅?商家可以通过登录Shopify后台,在设置中找到“Apps and sales channels”进行Shopify插件的取消订阅。虽然Shopify插件在一定程度上可以扩展跨境电商独立站的功能,但是有时过多的Shopify插件在一定程度上会影响网站的用户体验,增加网站运营成本,此时商家会选择取消Shopify订阅。这篇文章将介绍如何取消Shopify插件订阅来满足商家不断变化的运营需求。 1、登录Shopify账户,然后导航到 Shopify Admin 控制面…

    插件指南 2025年 6月 4日
  • Google12月核心算法更新

    Google 12月核心算法更新 继续强调全站信号

    Google 于 2025 年 12 月 11 日正式发布了本年度第三次核心算法更新。 这项消息已通过 Google 的 Search Status Dashboard 获得证实,对于所有外贸建站的商家与SEO从业人员来说,这意味着接下来几周搜索排名可能会出现显著波动。 一、Google更新概况:第三波核心算法来袭 根据官方公告,本次核心更新的推出时间为2025年12月11日 09:25 PST(北京时间 12 月 12 日凌晨)。 这是一次广泛的核心系统调整,旨在提升搜索结果的整体质量。与针对…

    科灯跨境学院 2025年 12月 15日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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