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

 

相关文章

  • 开源建站

    开源建站是什么意思以及建站系统有哪些

    开源建站与SaaS建站相对,借助开源系统或者是软件,实现跨境电商独立站的独立站,并支持用户在源代码的基础上进行修改、删除等。目前市面上主流的开源建站系统主要有WordPress、Joomla和Drupal等,为了帮助大家更好的了解开源建站是什么以及建站系统都有哪些,下文将围绕该问题为大家展开以下内容的叙述。 一、开源建站是什么意思 与加密并具有保护许可的商业软件(也称为闭源软件或专有软件)不同,开源软件可以被修改、更改、重建、重新设计和重新分发,因此基于开源软件建站的系统支持商家自由建站,并且在…

    常见问题 2025年 2月 20日
  • 配置WordPress插件Post SMTP

    WordPress Post SMTP插件安装教程

    WordPress Post SMTP插件基于wp_mail函数来工作,不仅可以发送电子邮件,而且可以记录邮件的发送成功与否,为WordPress外贸建站提供了便捷的服务。另外,Post SMTP插件在WordPress插件存储库上的评分高达4.8分,而本文基于此,将为大家展示WordPress Post SMTP插件的安装与使用教程。 首先域名已经注册邮箱了,开通邮箱后,创建一个用于发邮件的账号,譬如notification@youdomain.com。接下来开始配置WordPress Pos…

    科灯跨境学院 2024年 6月 26日
  • Console Phantom Noindex错误

    谷歌搜索控制台Phantom Noindex错误回应

    近日Google网站管理员趋势分析师/开发者倡导者John Mueller针对Google Search Console出现的“Phantom Noindex”错误作出回应,承认Google可以看到索引块的存在。下面将详细分享事件原委及排查“Phantom Noindex”错误的方法。 Noindex robots指令是Google必须遵守的少数指令之一,也是网站所有者控制Googlebot的少数方法之一。 但是Google Search Console报告无法索引页面的情况并不少见,因为谷歌外…

    科灯跨境学院 2026年 1月 19日
  • WooCommerce开发

    WooCommerce开发需要多少钱

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

    常见问题 2025年 10月 22日
  • 外贸独立站SEO推广常见错误

    外贸独立站SEO推广10大常见错误及解决方案

    外贸独立站的SEO推广是一项繁杂且细致的工作,尤其对于刚开始这一项工作的外贸SEO优化新手而言更是如此,所以本文将从外贸独立站SEO推广10大常见错误及解决方案入手,向大家介绍忽视关键词研究、页面SEO优化不佳、发布低质量内容、忽视移动优化、页面速度慢、断开的链接和网站结构等独立站优化过程中经常犯的错误,以抓住错失的宝贵流量和潜在的客户以及销售额。 一、忽视关键词研究 最大的外贸独立站SEO错误之一便是跳过关键字研究,许多企业要么选择过于宽泛的术语,如“鞋子”,要么针对与受众意图不符的不相关术语…

    网站SEO 2025年 11月 4日
  • WordPress数据库优化清理插件

    3款WordPress数据库优化清理插件综合分析

    随着网站的不断发展扩充,站内会充斥着大量冗余的垃圾评论,过时文件。如果放任不管,这些数据将会让网站变得缓慢且负载加重,此时对于新手小白来说,一款简单且功能丰富的WordPress数据库优化清理插件将帮助外贸建站用户解决“心头大患”。下文将从WP Optimize、Advanced Database Cleaner和Advanced Database Cleaner插件的功能、利弊和适用人群入手,对着3款WordPress数据库优化清理插件进行综合分析。 一、插件如何简化数据库任务 手动管理数据库…

    插件指南 2025年 7月 22日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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