大多数站长在使用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优化解决方案。未来,科灯跨境将继续深耕跨境出海服务领域,用专业技术与贴心服务,成为更多企业全球化征程中的可靠伙伴! 推荐阅读: 《为什么选择科灯跨境作为Shopify建站服务商》 《…

    科灯跨境学院 2026年 1月 27日
  • WordPress图片优化插件

    WordPress插件推荐:图片优化插件有哪些?

    图片优化是WordPress外贸建站过程中必不可少的优化工作,一个正确且合理的图片优化工作,不仅可以优化用户体验,而且有利于网站搜索引擎的优化,所以此时借助WordPress图片优化插件来优化网站的图片格式、大小等就显得尤为重要了。本篇文章为了帮助各位站长更好更快的处理独立站的图片优化工作,接下来将为大家推荐几款好用WordPress图片优化插件以供大家参考。 一、ShortPixel 《点击进入ShortPixel插件官网》 ShortPixel图像优化插件的美妙之处在于它的多功能性,支持有损…

    插件指南 2025年 1月 7日
  • 添加新规则

    WooCommerce产品页面怎么设置预计送达时间?

    WooCommerce产品页面怎么设置预计送达时间?商家设置WooCommerce产品预计送达时间最简单的一种方法便是通过安装并设置Estimated Delivery Date/Time插件来实现,为了帮助大家更好的进行设置,下文将具体为大家进行操作的讲解,以供在WordPress外贸建站时大家参考。 一、安装Estimated Delivery Date/Time插件 在管理面板上,转到插件-添加新和上传插件,安装并激活Estimated Delivery Date/Time插件。 二、为W…

    开发教程 2025年 1月 10日
  • WordPress降版本

    WordPress怎么降版本

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

    开发教程 2026年 2月 19日
  • 查看所做的自定义更改

    WooCommerce产品图像尺寸如何设置

    WooCommerce产品图像尺寸如何设置?WooCommerce产品图像尺寸通过网站后台的图片编辑功能即可完成。在搭建跨境电商独立站时,图片占据网站的大半部分内存,因此优化图片大小并进行正确合适的WooCommerce产品图像尺寸设置,是提高网站加载速度的重要手段。接下来将详细介绍WooCommerce产品图像的标准尺寸、如何设置以及如何评估图像大小的有关内容。 一、WooCommerce标准图像尺寸 以下是 WooCommerce 建议的图像尺寸细分。 主图:产品页面上的大图,通常为 800…

    开发教程 2025年 9月 17日
  • 瑜伽外贸独立站案例

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

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

    科灯跨境学院 2025年 8月 19日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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