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

 

相关文章

  • 独立站内链优化

    独立站内链如何优化:使用内部链接来促进搜索引擎优化的完整指南

    独立站内链如何优化?独立站的内链可以通过创建主题集群、优化网站结构、使用锚文本、链接旧页面等方式来优化,以实现跨境电商独立站用户体验的提高和网站排名的提高。接下来将围绕什么是独立站内链、内链为什么很重要、如何审核内链问题以及如何优化内链展开论述。 一、什么是内链? 内链将独立站页面连接到同一域中的另一个页面的链接,内部链接有助于轻松引导用户浏览网站并创建更明确的网站结构。换句话说,内链使用语义 SEO 方法引导整个网站的用户,这意味着内部链接的页面与文章的上下文相关。 1、内链和外链有什么区别 …

    网站SEO 2025年 9月 30日
  • 点击铅笔按钮

    TranslatePress插件翻译链接操作教程

    TranslatePress插件作为一款功能强大的WordPress插件,能够高效实现网站内容的本地化,包括对各类链接的智能翻译。无论是内部页面链接还是外部资源链接,TranslatePress都能通过直观的编辑界面完成适配,尤其适合需要精准控制多语言内容的外贸独立站。那么具体该如何操作呢?接下来将详细介绍TranslatePress插件翻译链接的完整流程。 官网地址:点击直达 一、如何用TranslatePress插件翻译链接 内部链接由TranslatePress自动翻译,网站上的所有页面或…

    插件指南 2026年 1月 30日
  • divi主题搭建WordPress网站

    Divi主题搭建WordPress网站教程

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

    开发教程 2025年 10月 6日
  • 网站URL规范化

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

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

    网站SEO 2025年 7月 4日
  • 外贸企业如何建设一个合格外贸独立站

    外贸企业如何建设一个合格外贸独立站?

    外贸独立站是一个跨国贸易企业必备选项,但是成为一个合格的外贸独立站,需要具备不仅仅是本企业的产品讯息,还应该是你的客户所关注的且与网站相关的文章。并且有规律的相关内容更新不仅是保证网站新鲜内容,更可以让搜索引擎喜爱上我们的网站。下文将具体和大家聊聊合格外贸独立站该怎么做! 一、语言沟通的力量 外贸企业独立站的语言那就是一道门,没有这道门你就进入一个国家,在咱们自己的国家,汉语毋庸置疑是大家都能看懂的语言,如果你在中国放一个纯英文的网站,那这个网站的私域流量肯定是不如一个汉语网站的,同理,国外网站…

    常见问题 2025年 9月 15日
  • 安装并激活SeedProd网站构建器插件

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

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

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

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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