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

 

相关文章

  • Shopify 主题编辑器

    Shopify主题自定义开发教程

    对于独立站有品牌塑造要求的商家来说,通过现有的主题模版自定义开发设置网站是一种不可或缺的手段。所以下文将围绕Shopify跨境电商独立站,向大家介绍Shopify主题自定义开发的主要教程,以供大家参考。 当使用 Shopify 主题编辑器自定义开发时,是在自定义页面模板,而不是单个页面本身,这意味着对特定模板所做的任何更改都将应用于使用该模板的所有页面。 可以自定义在线商店的内容、布局、排版和颜色,每个模板都提供了部分和设置,允许更改商店的外观,而无需触摸甚至查看任何代码。 Shopify独立站…

    开发教程 2025年 7月 16日
  • Search Console运输政策标记

    谷歌推出用于商家运输政策的结构化数据

    谷歌搜索支持全站运费政策标记,无需依赖Merchant Center即可在搜索结果中显示配送成本和运输时间,商家发布包含结构化数据的全站配送政策,谷歌会在搜索中显示外贸独立站的成本和配送窗口。 此外还支持定义目的地、成本和工作日运输时间,与此同时谷歌可能会显示最低的合格成本,要注意的是Search Console或Merchant Center中的配送设置会覆盖原来标记的内容。 配送和退货政策将在未来几周内逐步推出,适用于Search Console中的所有国家和语言,它看起来是这样的: 谷歌提…

    科灯跨境学院 2025年 11月 13日
  • 2025年7月跨境营销日历

    2025年7月跨境营销日历汇总整理(节日简介、选品建议和营销策略)

    不知不觉间已开启2025年的下半年,还没决定怎么打好下半年跨境电商独立站业务的商家请仔细本篇内容。下文将从从加拿大国庆日、美国独立日、亚马逊Prime Day、日本海洋节等11个节日入手,为大家从节日简介、选品建议和营销策略三方面为大家汇总整理2025年7月跨境营销日历。 7 月 1 日-加拿大国庆节 加拿大国庆节为加拿大公众假日,庆祝活动包括游行、嘉年华、烟花表演等。 1、选品建议 在加拿大国庆节期间,大多数加拿大人都会举行热闹的庆祝活动。人们喜欢在游行时穿上带有枫叶图案的服装,表达自己的爱国…

    常见问题 2025年 7月 2日
  • SaaS建站平台

    SaaS建站平台有哪些

    SaaS建站平台有哪些?Shopify、Wix、Squarespace和Weebly都是属于SaaS建站平台,这些SaaS建站平台可以让商家在搭建跨境电商独立站时节省网站搭建的时间和精力,即使是无代码技术背景的商家,也可在短时间内实现网站的搭建。为了帮助大家更好的了解SaaS建站平台的优势及有哪些的内容,下文将基于此为大家展开相关叙述。 一、SaaS建站平台优势 1、降低前期成本 在传统的电子商务中,用户必须为软件、托管和硬件预先支付大量费用。SaaS 解决方案如 Shopify,收取月费或年费…

    常见问题 2025年 3月 24日
  • 2025年9月海外营销日历

    2025年9月海外营销日历:跨境卖家选品推广方案指南

    伴随着9月1日美国劳动节的来临,跨境出海商家第一波的电商营销问题迫在眉睫,之后便是越南国庆节、国际慈善日、澳大利亚父亲节等黄金节点。无论是对于跨境电商独立站的商家还是跨境平台的卖家来说,掌握九月的全球营销日历将帮助自己精准击中目标市场,抢占市场先机。 9月海外营销日历一:9月1日美国/加拿大劳动节 北美地区最重要的劳工权益纪念节日,标志着夏季结束,民众常通过户外聚会、购物促销开启新学期和秋季消费季。 选品 户外用品:烧烤工具、便携餐具、露营装备(如帐篷、睡袋)。 开学季商品:文具套装、电子设备(…

    科灯跨境学院 2025年 8月 28日
  • 如何在WooCommerce中设置折扣码?

    如何在WooCommerce中设置折扣码?

    如何在WooCommerce中设置折扣码?商家可以通过WooCommerce-常规-折扣码这一途径进行WooCommerce折扣码的设置。在进行WooCommerce和WordPress跨境电商独立站搭建的工作中,不少商家会通过使用WooCommerce折扣码来提高用户的忠诚度和网站户转化率,所以接下来将为大家具体介绍WooCommerce折扣码的设置过程,以最大程度上满足顾客需求,提高网站的竞争力。 一、WooCommerce折扣码类型 WooCommerce提供多种折扣码类型以满足不同的销售…

    开发教程 2025年 2月 18日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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