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

 

相关文章

  • 单击 Theme Functions

    Woocommerce商城设置注册页面详细指南

    在使用Woocommerce和WordPress进行外贸建站时,大多数站长会选择通过自定义顾客登录和注册页面来增强用户体验,以更好的收集顾客信息,以做好网站的运营推广。所以下文将基于Woocommerce商城设置注册页面这一问题为各位站长具体介绍其中的详细过程,以供不熟悉操作的商家提供一个过程参考。 一、使用hooks设置Woocommerce商城注册页面 WooCommerce hooks提供了一种灵活且安全的方式来自定义Woocommerce商城注册页面,而无需直接编辑主题文件。 1、登录到…

    开发教程 2024年 12月 20日
  • WordPress产品列表插件

    WordPress产品列表插件有哪些

    WordPress产品列表插件有哪些?WordPress产品列表插件有WooCommerce Product Table、WooCommerce Product Table Lite、Essential Addons for Elementor。这些WordPress插件可以通过提供产品管理、高级搜索过滤、可定制产品展示以及与电子商务平台集成来帮助外贸建站商家简化在线销售,下文为大家介绍了三款WordPress产品列表插件,以供大家参考。 WordPress产品列表插件一:WooCommerce…

    插件指南 2025年 6月 9日
  • 独立站SEO内容优化

    独立站SEO内容优化包括哪些方面?

    独立站SEO内容优化包括等方面,这些内容对于建站小白来说,可能会有一定的陌生感,所以下文将基于此为大家具体介绍独立站SEO内容优化的有关内容,以供在外贸建站时提供一个参考。 独立站SEO内容优化一:TDK SEO TDK是优化页面meta tag的一项重要工作:T代表页面标题(title),D代表页面描述(description),K代表页面关键字(keywords)。谷歌在之前算法优化后,就不再将关键词作为排名因素,因此可以忽略这部分内容,TDK在搜索结果页面呈现的效果如下: 合适的长度:标题…

    网站SEO 2024年 12月 6日
  • WordPress主机对比推荐

    WordPress主机对比推荐

    在进行WordPress外贸建站时,网站的服务器和主机选择是令大多数站长头疼的问题之一。所以本文通过对市场上比较受欢迎的WordPress主机进行对比分析,将向大家推荐两家WordPress主机,以供大家参考,并为各位站长附上了相关测评结果和WordPress主机对比推荐避坑指南,以供大家参考。 一、WordPress主机对比推荐 1、BlueHost WordPress主机推荐 (1)概述 BlueHost是世界上最大的托管服务提供商之一,拥有大量专门用于WordPress独立站的功能,以及针…

    常见问题 2025年 4月 21日
  • htaccess文件

    .htaccess在哪里 .htaccess文件主要用于哪些目的?

    .htaccess在哪里? WordPress .htaccess文件通常位于WordPress public_html或www文件夹中,即根目录中,可以主要应用于管理永久链接结构、提高网站性能、设置重定向等目的,所以下文将基于.htaccess文件及其相关设置展开有关内容的叙述,为大家在WordPress外贸建站开发中提供一定操作指导。 一、什么是.htaccess文件 .htaccess文件是“超文本访问”的缩写,是Apache Web服务器使用的强大服务器配置文件。在WordPress上下…

    开发教程 2024年 11月 15日
  • HTTP状态代码大全

    外贸网站建设必备的HTTP状态代码大全

    在外贸建站过程中经常会遇到网站出现以数字开头的状态代码的情况,这些状态代码为独立站的正常运行提供丰富的指导条件,例如1xx 和 2xx 代码代码搜索引擎可以顺利地访问和索引内容,4xx 和 5xx 代码则会阻止搜索引擎抓取和索引网站页面。对于小白来说这些状态代码不仅数量庞大而且难于记忆和理解,所以本文为了帮助大家更好的了解外贸网站建设过程中的HTTP状态代码,接下来将呈现HTTP状态代码的有关内容。 一、HTTP状态代码是什么 HTTP 状态代码是 Web 服务器使用的标准化响应,用于告诉 HT…

    开发教程 2025年 1月 23日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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