大多数站长在使用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、确定目标 设置广告系列的第一步就是选择目标,此目标可让广告系列侧重于实现以下特定效果: 销售额 引导 网站流量 产品和品牌的考量 品牌知名度和影响力 商店访问和促销 根据选择的目标在设置广告系列时应选择的选项会有所不同。例如如…

    科灯跨境学院 2024年 9月 16日
  • 选择在商店页面上显示选项

    WooCommerce产品排序插件有哪些?

    WooCommerce产品排序插件有哪些?WooCommerce产品排序插件有Extra Product Sorting Options for WooCommerce 、WooCommerce Product Table Plugin、Product Sort and Display for WooCommerce等,使用产品排序插件可以帮助跨境电商独立站的商家为用户提供更加优化的购买体验,提高商品转化率,所以下文将为大家具体介绍WooCommerce产品排序插件的有关内容。 一、WooCom…

    插件指南 2024年 12月 11日
  • 独立站流量来源

    独立站流量来源有哪些?

    独立站流量来源有哪些?独立站流量主要有自然搜索流量、付费广告流量、社交媒体流量等六大流量来源,掌握并了解这些流量来源不仅有利于提高网站排名,进行搜索引擎的梳理优化,而且有利于商家制胜跨境电商独立站的推广赛道,所以下文将为大家具体阐释这几种独立站流量来源,为大家进行网站的优化提供一个参考。 独立站流量来源一:自然搜索流量 自然搜索流量是商家通过内容优化带来的网站排名提高的结果,关键词带来的优化越好,网站排名越高,独立站的自然搜索流量也就越大。这部分流量主要借助Google、Bing、Baidu等常…

    网站SEO 2024年 11月 6日
  • 支付宝平台设置

    如何使用Woo PayGate插件支持WooCommerce微信支付宝收款

    使用Woo PayGate插件支持WooCommerce微信支付宝收款,需要按照WooCommerce网站设置、插件设置、API证书接入、微信和支付宝平台设置依次设置,其中的具体步骤将于下文呈现,感兴趣的用户可以阅读下文了解WooCommerce跨境电商独立站设置微信支付宝收款的教程。 Woo PayGate插件官网:点击直达 一、安装激活Woo PayGate插件 WooCommerce插件Woo PayGate安装启用后进入后台支付网关激活入口,填写邮箱和激活码激活,具体激活方法参考WPCO…

    插件指南 2025年 11月 12日
  • 谷歌开发外贸客户

    外贸怎么在谷歌上面开发客户?

    外贸怎么在谷歌上面开发客户?用户可以通过谷歌搜索指令、Google各国网址等方法帮助自己实现谷歌外贸客户的查找,而且用户拥有一个高效查找客户的途径有利于用户节约外贸建站与推广的时间,进而提高网站运营效率,实现独立站品牌的跨境出海,下文将为大家具体介绍在谷歌上面开发外贸客户的方法,为各位提供一个参考。 一、利用谷歌搜索指令开发外贸客户 1、+ (和) 添加搜索指令“+”时,可以在谷歌搜索到同时含有这两个词的内容,例如沙发+批发商,搜索出来的信息会包含“沙发”和 “批发商”这两个词,可以把范围缩小到…

    常见问题 2024年 10月 9日
  • shopify自建站教程

    从零开始!Shopify自建站最全教程

    随着SaaS建站的火爆,Shopify凭借功能强大、建站简单的优势受到了众多跨境电商商家的喜爱。越来越多的卖家也会选择Shopify进行跨境电商独立站的搭建,为了帮助小白商家更好的了解Shopify自建站的全部流程,下文将从Shopify独立站账户创建开始,为大家一步步梳理Shopify网站搭建的过程。 一、创建 Shopify 帐户 转到 Shopify.com 并单击右上角的开始免费试用,然后将回答一些关于业务、销售产品、销售地点、正在构建的网站类型以及销售多长时间的问题。之后输入电子邮件和…

    开发教程 2025年 2月 24日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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