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

 

相关文章

  • 外贸自建站和独立站的区别

    外贸自建站和独立站的区别

    外贸自建站和独立站是目前市场上大家独立站的两种方式,虽然二者都是借助外贸建站实现品牌业务的拓展,但是二者在灵活性、技术门槛、成本等方面仍存在一定的区别,为了让大家更好的了解外贸自建站和独立站,接下来将具体介绍二者是什么及二者的区别和运营方式,并简单解释为什么现在越来越多的人选择搭建独立站来进行品牌的塑造。 一、什么是外贸自建站 外贸自建站顾名思义,就是企业自己搭建和管理的网站,从域名注册、服务器选择到网站设计和内容更新,全都由企业自己来。虽然过程可能有点繁琐,但可以完全按照自己的想法来。 二、什…

    常见问题 2025年 7月 9日
  • 网站URL规范化

    网站SEO优化之URL规范化完整指南

    当外贸建站推广的时间越久,网站内部不可避免的会出现重复或者是相同的内容,或者是当运营人员想将一篇其他网站的优秀的文章发布在自己网站的时候,这就是规范化URL的用武之地。重复的内容可能会使搜索引擎感到困惑,稀释自己网站的排名,在本文中小编将围绕规范化URL是什么、为什么要使用、什么时候使用及怎么设置四方面,帮助大家避免SEO优化中的一些错误,助力网站排名的提升。 一、什么是网站URL规范化 规范 URL,因为 HTML 标签 rel=“canonical” 而引用,是当同一网站或不同网站上有多个页…

    网站SEO 2025年 7月 4日
  • Shopify费用及服务报价表格

    Shopify费用及服务报价表格

    Shopify费用大致在几千元左右。虽然Shopify在外贸建站领域具有较大的市场占比,但是许多商家仍然难以掌握建立Shopify商店所涉及的各种成本,从订阅计划到营销费用。本文回答了Shopify费用及服务报价表格的问题,帮助商家规划预算,明确 Shopify 成本,助力大家在推出自己的 Shopify商店时避免意外的财务陷阱。 一、Shopify费用介绍 Shopify建站的费用主要包括套餐订阅、域名、主题、应用程序安装和运营推广几个部分。 Shopify提供四种规格的套餐方案,分别为基础版…

    科灯跨境学院 2025年 8月 15日
  • 点击添加产品按钮

    Shopify独立站建站教程:产品上架

    Shopify产品上架是商家在搭建Shopify跨境电商独立站极易忽视的优化细节,多数卖家因缺乏系统方法,经常会遗漏SEO优化、库存跟踪等关键环节,导致曝光不足、转化率低。本文聚焦这一痛点,以全流程实操框架,拆解从信息填写到发布的专业要点,帮卖家规避误区、规范流程,既让新手快速上手,也助力老手提高转化! 一、登录Shopify账户 如果还没有Shopify商店,点击查看《Shopify注册流程及注意事项》相关注册教程。 或者如果已经有Shopify账号,登录Shopify管理仪表盘,向商店添加新…

    开发教程 2026年 1月 6日
  • 外贸网站建设推荐的7种独立站搭建技巧

    外贸网站建设推荐的7种独立站搭建技巧

    外贸网站是企业开拓国际市场的核心载体,优质的外贸网站建设能直接撬动全球商机、建立国际信任。想要让独立站突破流量瓶颈、实现高效转化,需兼顾用户体验、本地化适配与运营实效。从导航设计到多语言支持,从移动端适配到安全保障,每一处细节都关乎外贸网站的竞争力。以下7种经过实战验证的搭建技巧,将为大家拆解从建站到转化的关键逻辑,助力打造真正适配全球市场的优质外贸网站。 1、用户友好的设计 清晰的导航结构 成功的外贸网站拥有清晰的导航结构,用户可以轻松找到所需的信息。主导航栏应包括产品分类、公司简介、客户支持…

    常见问题 2026年 3月 24日
  • WordPress降版本

    WordPress怎么降版本

    WordPress怎么降版本?尽管更新WordPress版本通常会修复以前的安全问题并优化WordPress的功能,但新版本有时会引发主题损坏、性能下降、插件冲突或关键功能缺失等外贸建站问题,尤其在使用老旧或非托管插件与主题时更为常见。此时降级到兼容性更佳的旧版WordPress成为必要选择。 一、为什么WordPress需要降级 降级WordPress乍一听似乎有点反常,毕竟更新旨在修补安全问题、增加新功能并提升平台整体性能。但是有时候最新的WordPress版本却带来了明显多于好处的问题,这…

    开发教程 2026年 2月 19日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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