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

 

相关文章

  • 访问Shopify设置和付款

    Shopify独立站建站教程:Stripe收款设置

    Stripe是一个使用范围和覆盖范围较广的支付平台,多数商家在搭建Shopify跨境电商独立站时会选择将Stripe添加到店铺中作为Shopify收款的一部分。为了帮助各位商家了解Shopify独立站建站过程中Stripe收款的设置步骤,下文将围绕该问题,具体介绍单独添加Stripe收款和通过Shopify Payments添加Stripe付款的过程。 一、通过模块设置Shopify Stripe收款 将 Stripe 集成到 Shopify 商店中的最快、最有效的方法是通过模块安装,下面是详细…

    开发教程 2025年 10月 29日
  • 支付宝平台设置

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

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

    插件指南 2025年 11月 12日
  • 谷歌SEO与百度SEO区别

    谷歌SEO与百度SEO区别在哪?

    大家在做外贸建站时,无论怎样运营网站,都离不开SEO的优化,而谷歌与百度作为国内和国际上两大头部的搜索引擎,二者主要在收录规则、权重占比、用户地区等六个方面存在着区别。 此外当站长选择不同的搜索引擎时,便要遵循相应的算法规则,否则网站排名便会相差甚远,所以弄清二者的区别之处,站长才能更好的运营网站,制胜SEO优化,而下文就将为大家来具体介绍一下谷歌SEO与百度SEO区别在哪,为各位在做SEO优化时提供一些帮助和指导。 谷歌SEO与百度SEO区别一-收录规则 1、谷歌SEO 在收录方面,Googl…

    网站SEO 2024年 8月 15日
  • WordPress404

    WordPress网站遇到404错误怎么办?

    WordPress网站遇到404错误是大家在进行外贸建站时,经常会遇到的问题。当这种情况发生时,可以通过自行更改URL、或者安装重定向插件等方法来帮助大家应对此类问题。但是如何具体操作呢,多数站长又犯了难。如果大家还不清楚当WordPress网站遇到404错误时,具体该怎么办,可以阅读下文,相信本文将会给大家一个满意的答复。 一、自行更改URL 有时候,可能会出于某种原因,决定更改URL,那么现有的URL就会变得多余。当然,大多数站长仍然希望现有的帖子和页面能够正常工作。因此,这个时候的Word…

    科灯跨境学院 2024年 6月 28日
  • Website-speed-measurement

    外贸建站必备:5款免费网站测速工具

    在外贸建站的过程中,不免会出现网站访问速度变慢、压面加载卡顿等问题,但是对于一些建站新手或者是建站预算有限的用户来说,如何以简单低廉的方式,为用户提供流畅的网络体验,减少网站用户流失量,是一个值得思考的问题,而本文节接下来将为大家介绍5款简单易用并且性价比较高的网站测速工具,帮助大家更好的优化网络性能,提高SEO排名。 1、Google PageSpeed Insights 这是谷歌官方提供的网站速度测试工具。既可以测试PC端,也可以测试移动端,可以分析网站的性能问题,并给出性能评分/加载时间/…

    网站SEO 2024年 7月 15日
  • 基本词调研

    SEO关键词怎么优化?

    SEO关键词怎么优化?网站SEO关键词的优化需要用户首先通过目标客户群体确定核心关键词,之后根据关键词的搜索量和竞争力整理好关键词库进而搭建起属于自己的关键词库,之后用户可以在关键词库的基础上实现网站内容的优化,所以下文将基于此为大家具体介绍SEO关键词优化的步骤,为大家的外贸建站工作提供一个参考。 SEO关键词怎么优化一:了解目标客户 了解目标客户是谁是SEO关键词优化的第一步,因为SEO的核心是提供满足目标用户搜索意图的内容,从而能够得到Google比较好的排名,在客户输入搜索词的时候,Go…

    网站SEO 2024年 11月 26日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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