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

 

相关文章

  • 网站URL规范化

    网站SEO优化之URL规范化完整指南

    当外贸建站推广的时间越久,网站内部不可避免的会出现重复或者是相同的内容,或者是当运营人员想将一篇其他网站的优秀的文章发布在自己网站的时候,这就是规范化URL的用武之地。重复的内容可能会使搜索引擎感到困惑,稀释自己网站的排名,在本文中小编将围绕规范化URL是什么、为什么要使用、什么时候使用及怎么设置四方面,帮助大家避免SEO优化中的一些错误,助力网站排名的提升。 一、什么是网站URL规范化 规范 URL,因为 HTML 标签 rel=“canonical” 而引用,是当同一网站或不同网站上有多个页…

    网站SEO 2025年 7月 4日
  • 开跨境电商网店

    怎么开跨境电商网店

    跨境电商网店的打造是一个综合性的过程,主要包括确定目标市场、搭建和运营跨境电商独立站三大步骤,此外在开跨境电商网店的过程,还要注意汇率成本、跨境物流、海外市场和第三方收支等问题。作为企业品牌出海的重要手段之一,跨境电商网店对拓展企业商业板块和业务发挥了关键作用,所以下文将围绕跨境电商网店怎么开、要注意的问题和为什么要开跨境电商网店展开有关内容的叙述。 一、怎么开跨境电商网店 1、确定跨境电商网店目标市场 进行深入的市场研究,以确定高潜力的国际市场。分析消费者支出、偏好、当地竞争和监管环境,瞄准国…

    科灯跨境学院 2025年 3月 27日
  • 开源建站

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

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

    常见问题 2025年 2月 20日
  • 独立站搭建

    独立站怎么搭建

    独立站怎么搭建?搭建独立站首先要明确网站目标,选择合适的域名和网站托管商,之后还应该挑选合适的独立站搭建工具,并对网站的主题、字体、颜色、页面等基本布局进行设计优化,最后则需要针对独立站进行网站优化和网站测试工作。对于一些刚入行的外贸建站商家,独立站搭建的过程不免繁杂且陌生,所以下文为了让大家更加进一步了解独立站搭建的详细过程,将具体为大家展示相关步骤,以供大家参考。 独立站怎么搭建一:明确网站目标 在开始构建独立站之前,请定义其核心目的。此决定将在整个创建过程中指导独立站的设计、网站架构、工具…

    开发教程 2025年 5月 26日
  • divi主题搭建WordPress网站

    Divi主题搭建WordPress网站教程

    Divi主题目前是WordPress外贸建站可靠且快速的WordPress主题,但是因为Divi主题全英文的操作界面,对于国内一些商家来说,不太友好,所以接下来本文将向各位站长介绍Divi主题搭建WordPress网站教程的详细内容,以供各位参考。 一、获取域和虚拟主机 选择域名和网络托管是创建网站的两个基本步骤。 域名是网站的唯一地址,因此请选择一个相关且令人难忘的域名。另一方面网络托管用于将网站的文件存储在服务器上,因此请根据需要选择可靠的提供商。之后通过域名注册商注册域,进行主机托管设置,…

    开发教程 2025年 10月 6日
  • GEO生成式引擎优化

    GEO生成式引擎优化怎么做

    GEO生成式引擎优化怎么做?商家应该牢牢把握独立站这一核心载体,做好网站的结构化、权威性、动态化调整,提高网站的被引用率,优化GEO策略。下文将从GEO是什么、GEO与SEO的区别、GEO优化怎么做,向大家具体展示生成式引擎优化的内容,帮助各位更好实现外贸建站与推广。 一、GEO是什么 GEO是Generative Engine Optimization的缩写,指针对AI驱动的生成式搜索引擎进行内容优化,提升品牌在 AI生成答案中的可见性和相关性的一种方法。 简单来说,传统SEO关注搜索引擎的关…

    网站SEO 2025年 7月 31日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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