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

 

相关文章

  • 跨境电商出口报关模式

    跨境电商出口报关模式有哪些

    跨境电商出口报关模式有哪些?跨境电商出口报关模式共有9610、9710、9810、1210、0110、1039六种模式。每出口报关模式的特点,流程和应用场景都各不相同,下文将具体展开叙述,帮助各位外贸建站的商家,了解清楚报关退税等事项,降低潜在合规风险,提供整体运营效率。 跨境电商出口报关模式一:9610(B2C零售直邮) 1、定义 境内企业通过电商平台向境外个人销售,以 “清单核放、汇总申报” 方式办理通关的零售出口模式。物流需走快递或专线,邮政代理通常无法退税;实际操…

    常见问题 2026年 1月 1日
  • WordPress创建下拉菜单

    如何在WordPress中创建下拉菜单?

    如何在WordPress中创建下拉菜单?用户可以通过使用插件、网站编辑器或者是通过PHP手动设置实现WordPress下拉菜单的创建。对于WordPress网站搭建的用户来说,创建一个结构良好的下拉菜单不仅有利于优化网站结构,提高搜索引擎爬取力度,而且有利于用户体验的优化,所以下文将为大家具体介绍WordPress下拉菜单的创建过程,以供大家在外贸建站时进行参考。 如何在WordPress中创建下拉菜单一:使用插件 WordPress插件中有许多支持下拉菜单创建的插件,例如Max Mega Me…

    开发教程 2024年 11月 28日
  • shopify网站优化

    5个简单有效的Shopify网站优化策略

    研究关键词、优化元数据、改善用户体验、优化站外SEO以及安装合适的SEO工具都是Shopify跨境电商独立站运营过程中5个简单并且有效的优化策略。对于一些小白来说,可能并不太了解一些复杂的SEO优化技巧,所以本文旨在帮助新手小白掌握易上手的Shopify网站优化方法,提高网站可见度。 Shopify网站优化策略一:研究关键词 关键字是访问者在搜索引擎中输入的查询中包含的核心短语,例如外贸建站的热门搜索词可能是“外贸独立站”。关键字通常有变体,较长的变体可以捕获更详细的搜索。例如关键字“外贸建站”…

    网站SEO 2025年 10月 16日
  • 查看所做的自定义更改

    WooCommerce产品图像尺寸如何设置

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

    开发教程 2025年 9月 17日
  • WordPress商城主题

    WordPress商城主题加载速度哪个好

    WordPress商城主题加载速度哪个好?本文列举了市场上常见且受欢迎的五款主题,通过主题评测结果综合得出,Astra 主题拥有轻快的加载速度和优异的性能。为了让大家在外贸建站时,更好的选择出加载速度快的WordPress商城主题,接下来将围绕Astra、OceanWP、Neve、Hello Elementor和GeneratePress主题概述、GTmetrix和PageSpeed评测结果角度,向大家详细介绍WordPress商城主题加载速度的有关内容。 WordPress商城主题一:Astr…

    常见问题 2025年 4月 16日
  • WordPress文件修改

    WordPress修改最大文件限制的5种方法

    WordPress修改最大文件限制常用的方法有,functions.php文件添加代码,修改.htaccess文件,创建或更新.user.ini文件,使用WordPress的upload_size_limit过滤器等,下文将通过介绍这5种方法,帮助各位外贸建站的商家,解决因为文件上传限制拖慢网站搭建流程的问题,让站点顺利运行。 方法一:向主题functions.php文件添加代码 在主题的functions.php文件中添加代码片段可以帮助你修改WordPress中最大上传文件的大小。虽然你可以…

    开发教程 2025年 12月 26日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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