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

 

相关文章

  • WooCommerce购物车添加按钮示例

    WooCommerce购物车添加按钮如何设置?

    WooCommerce购物车添加按钮如何设置?对于使用WooCommerce进行跨境电商独立站搭建的商家来说,可以通过在想要添加WooCommerce购物车添加按钮的页面,插入一段代码即可达到相关功能实现的目的。为了帮助大家更好的了解如何插入代码才能实现WooCommerce购物车按钮的添加,接下来将具体介绍有关内容,以更好的简化客户购买流程,优化用户体验。 一、为什么要设置WooCommerce购物车添加按钮 1、改进的美学:它允许商家将按钮的设计与品牌的风格和配色方案相匹配,从而帮助改善网站…

    开发教程 2025年 3月 13日
  • 谷歌http警告

    谷歌Chrome将于2026年默认打开HTTPS独立站

    谷歌计划自2026年10月发布的Chrome 154版本起,默认开启”始终使用安全连接”功能。届时用户访问未采用HTTPS加密的公共外贸独立站时,浏览器将主动弹出安全警告,需经用户确认方可继续访问。 谷歌早在 2022 年就在 Chrome 中引入了“始终使用安全连接”(Always Use Secure Connections)设置,该功能会优先通过 HTTPS 建立所有连接,并在 HTTPS 不可用时显示警告,提示用户需手动绕过限制。从 2026 年 10 月发布的 …

    科灯跨境学院 2025年 10月 30日
  • HTML标签

    独立站SEO优化:必备的10+HTML常用标签大全

    说到独立站SEO优化,不可避免的会遇到HTML标签优化的问题。HTML标签作为网页构建的基础,诚然熟悉并掌握HTML标签有利于帮助商家优化自己的外贸建站工作,所以下文将为大家具体介绍HTML标签是什么及常用HTML标签有哪些的有关问题。 一、HTML标签是什么 HTML标签是用于构建和格式化网页内容的基本元素,为浏览器提供如何呈现文本、图像、链接和其他媒体的说明。HTML标签被用在尖括号<>中,通常成对出现:一个开始标签和一个结束标签。结束标记与开始标记具有相同的文本,但带有额外的正…

    网站SEO 2024年 12月 13日
  • 付费免费链接建设工具

    8款免费+付费反向链接建设工具

    在传统SEO优化中,建立反向链接一直以来都是提升权威性和SEO表现的最有效方法之一,随着谷歌AI概览等基于LLM搜索引擎的兴起,事实证明,反向链接对AI搜索引擎优化也同样重要。配置合适的反向链接建设工具,将帮助外贸建站的各位商家更容易的执行所选的链接建设策略。接下来将展示8款免费和付费的反向链接建设工具,帮助各位站长提升网站权威,并让网站在谷歌AI概览等大型语言模型中更频繁地被推荐。 反向链接建设工具一:Semrush Semrush拥有一些最佳的反向链接工具,帮助企业制定强有力的链接建设策略。…

    网站SEO 2025年 12月 4日
  • 独立站运营推广步骤

    独立站如何推广引流?外贸独立站推广步骤

    独立站如何推广引流?外贸独立站推广引流需要经过SEO营销、SEM营销和社交媒体推广等步骤,对于新手用户来说,利用好上述步骤是实现外贸建站与推广的有效途径,下文将为大家具体介绍独立站运营推广步骤,为大家实现独立站的引流推广提供一定的参考意见。 外贸独立站推广步骤一:SEO营销 SEO营销是通过优化网站来增加外贸独立站的有机流量,这一步骤包括但不限于关键词库的搭建、页面的优化、外部链接的建设等。 1、关键词库的搭建:这一步的关键是用户需要创建自己的关键词库,围绕关键词进行网站文章和内容的创建与优化。…

    常见问题 2024年 10月 21日
  • 五大好用的WordPress会员插件

    五大好用的WordPress会员插件

    在搭建跨境电商独立站或者是外贸营销型网站时,商家会通过建立消费者会员制度来管理用户角色和权限,进而优化用户体验,提高网站转化率,增加用户粘性,下文也将基于此为大家介绍五款好用的WordPress会员插件,以此来帮助各位商家成功搭建出一个具有吸引力的WordPress会员独立站。 好用WordPress会员插件一:MemberPress   MemberPress插件适用于希望为现有网站或全新网站提供全面、可定制会员解决方案的组织。该插件非常易于安装和激活,可以创建多个会员级别以满足使用…

    插件指南 2025年 1月 27日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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