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

 

相关文章

  • 网红营销优化SEO

    网红营销为什么能优化网站SEO?

    网红营销借助KOL关键意见领袖的作用,在创作优质营销内容的时候,于潜移默化中鼓励粉丝进行传播,进而增加了跨境电商独立站高质量外链和内容的传播次数,从而优化了网站SEO,提高了网站被搜索引擎爬取的机率。 网红营销作为目前许多跨境电商独立站最常采用的推广策略之一。品牌方和运营人员通过在不同的社交媒体平台与KOL合作从而达到提升品牌知名度或者增加销量的目的。目前,在内容营销领域大家主要通过社交媒体,搜索引擎和邮件等渠道获得流量。传统观念总认为这些渠道是相互独立的,并且由于它们的操作方式不一样,通常会将…

    常见问题 2024年 7月 24日
  • WooCommerce8 PDF发票插件

    WooCommerce商城独立站发票设置教程

    一个值得海外客户信赖的跨境电商独立站,发票功能的设置是提升消费者信任感的关键步骤。但不少卖家卡在WooCommerce发票设置环节,不知道怎么装插件、配信息、定模板。这篇教程就手把手教你从安装发票插件,到通用信息配置、发票规则设定,再到个性化模板定制,帮商家速搞定独立站发票管理。 一、安装WooCommerce发票插件 登录WordPress账户。 从WordPress仪表盘中导航到插件-添加新插件。 搜索“WooCommerce PDF发票插件”。 点击“立即安装”按钮安装插件,然后激活插件。…

    开发教程 2026年 1月 12日
  • 外贸网站推广

    外贸网站推广避坑:AI养虾无转化真相拆解

    外贸独立站推广赛道中,不少商家跟风布局AI营销模式,寄望以“AI养虾”式智能运营降低推广成本、撬动海外流量转化,可实际落地后却普遍陷入投入不菲却零询盘、无转化的困境。看似前沿的AI手段并未适配独立站海外推广逻辑,反倒因策略错位、流量精准度不足等问题,让推广投入沦为无效消耗,商家始终难解转化低迷的核心症结。下文将深度拆解AI养虾模式的推广陷阱,揭开无转化背后的真实缘由。 上个季度末,一位做跨境机械设备出海的 CFO 拿着一份异常的云服务账单找到我,眉头紧锁。为了响应公司“降本增效”的号召,他们的市…

    网站SEO 2026年 5月 1日
  • 外贸独立站

    外贸独立站网站产品页和解决方案页有什么区别?

    外贸独立站网站产品页和解决方案页有什么区别?产品页围绕某个产品、型号或系列展开,主要说明产品是什么、有哪些规格以及如何询价或购买。解决方案页从客户所在行业、应用场景或采购问题出发,说明企业如何选择产品、安排服务并完成项目。 两类页面服务的搜索需求不同。在外贸网站建设中,应分别规划产品页和解决方案页,再通过站内链接建立联系。如果把两类页面写成相同内容,只替换标题,既不方便采购人员查找资料,也容易形成站内重复。 一、外贸独立站产品页和解决方案页是什么 1、外贸独立站产品页 产品页是介绍具体产品、型号…

    常见问题 2026年 9月 4日
  • WooCommerce开发

    WooCommerce开发需要多少钱

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

    常见问题 2025年 10月 22日
  • 创建锚点链接

    WordPress怎么创建页面跳转

    页面跳转(也称为锚点链接)是指您点击某个链接,就会立即在一个篇幅较长的页面中向上或向下移动,简化了WordPress独立站的导航菜单和组织,使用户能够快速找到所需内容。本文主要为大家介绍在WordPress中创建页面跳转的具体流程。 一、为什么要使用页面跳转 页面跳转是链接到页面某一部分的绝佳方式。通过点击页面跳转,您的站点访客可以从同一长页面中的某一部分跳转到另一部分。 例如,假设您在某个页面的顶部添加了一个部分名称列表。您可以将每个名称与页面下方的相关部分建立链接,以便访客能够直接跳转至其感…

    开发教程 2026年 7月 27日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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