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

 

相关文章

  • 电商独立站

    电商独立站是什么

    电商独立站是什么?电商独立站的全称是“跨境电商独立站”,指的是企业或者商家通过互联网与消费者进行交易的网站。借助电商独立站,企业可以实现品牌的全球化宣传,消费者也可以实现随时随地的在线购物,是目前跨境商家品牌出海最火爆的渠道之一。本文为了让各位跨境商家更好的了解电商独立站的相关知识,接下来将围绕电商独立站是什么、作用及其类型进行叙述。 一、电商独立站是什么 要理解电商独立站是什么,首先需要拆解该词组,将其分为“电商”和“独立站两部分”。 1、电商:电商即电子商务,是通过互联网买卖产品和服务的一种…

    常见问题 2025年 4月 8日
  • 谷歌和必应搜索优化

    谷歌搜索优化和必应搜索优化有什么不同

    谷歌搜索优化和必应搜索优化在关键词算法、反向链接、社交信号、技术SEO和图像视频搜索五方面存在不同。每一种区别的存在都会让每一步外贸建站推广的方法产生差异,所以了解清楚谷歌和必应搜索优化的不同有利于跨境商家进一步针对特定目的进行网站排名,提高页面可见度。 谷歌和必应搜索优化不同一:关键词算法 Google 和 Bing的算法具有相似的关键字排名因素,但方式不同。 Google SEO优化侧重于语义层面。通过理解搜索意图和上下文提示,提供与用户查询背后的整体含义一致的结果,这使得完全匹配关键字变得…

    网站SEO 2025年 6月 6日
  • 安装并激活SeedProd网站构建器插件

    WooCommerce独立站维护模式设置教程

    使用WordPress+WooCommerce搭建外贸独立站时,有时商家会进行网站的改版或更新等工作,这时为了让网站更加顺利的进行访问,就不得不启用WooCommerce独立站的维护模式,但是对于一些不熟悉WooCommerce代码知识的用户来说,此过程可谓是一头雾水,但是为了让小白都能进行独立站维护模式的设置,所以下文将基于此为大家介绍如何使用WooCommerce插件进行独立站维护模式的设置。 一、安装WooCommerce维护插件 安装并激活SeedProd WordPress插件。 导航…

    开发教程 2025年 1月 24日
  • PHP

    如何安装并配置PHP集成开发环境?

    各位开发人员既可以通过手动安装PHP开发环境,也可通过XAMPP、WAMPServer等一些IDE进行配置。PHP集成开发环境又被称为PHP编辑器,极大地简化了Web开发的流程,通过在一个平台进行编辑、测试、调试等操作,实现了代码开发效率和质量的提高。而本文接下来将为大家介绍如何进行PHP集成开发环境的安装,帮助各位外贸建站的开发人员更好的实现代码的编写。 一、安装PHP集成开发环境的方法 1、手动安装PHP及相关服务器环境 Apache或Nginx:Apache和Nginx是最常用的Web服务…

    开发教程 2024年 7月 25日
  • 独立站SEO公司

    独立站SEO公司价格怎么样

    独立站SEO是提高品牌知名度、改善用户体验 (UX) 和为网站带来自然流量的最有效方法之一,但并非所有的企业都有知识或时间亲自投身于SEO工作中,因此许多外贸建站的站长选择外包他们的SEO需求。尽管如此,在考虑外包给独立站SEO公司时,“独立站SEO公司价格怎么样”“如何选择 SEO 公司”的问题仍是他们必须解决的问题,为了帮助用户解决选择过程中的麻烦,本篇文章从独立站SEO公司价格、是什么、为什么选择以及如何挑选独立站SEO公司为大家呈现有关内容,以帮助大家更好的进行独立站SEO的优化工作。 …

    网站SEO 2025年 4月 7日
  • Shopify注册流程及注意事项

    Shopify注册流程及注意事项

    随着SaaS跨境电商独立站搭建的火爆,作为用户友好代表的Shopify建站平台受到了众多站长的追捧。为了帮助使用Shopify建站的商家更好的使用Shopify搭建独立站,下文将围绕Shopify注册流程和注意事项,为大家展开以下内容,进一步掌握Shopify独立站的搭建步骤。 一、Shopify注册流程 1、点击访问Shopify官网,点击首页的免费试用按钮,对于使用Shopify建站的用户来说,Shopify均赠送了3天的免费试用期限,在这三天的期限内,用户可以进一步了解Shopify建站的…

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

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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