大多数站长在使用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运营攻略七大思路详解

    对于一些刚入行的跨境电商小白来说,Shopify运营仍是一个令人困惑的问题,但是又因为Shopify运营关系着企业品牌是否能真正走出去的决定性因素又不得不进行Shopify跨境电商独立站的运营研究。下文为了解决大家这一困惑,将从Shopify关键词定位、结账流程优化、限时折扣提供、电子邮件营销等七大方面为各位商家进行Shopify运营攻略的详细介绍。 Shopify运营攻略一:定位相关关键词 关键字决定了网站在搜索结果中的显示位置,使用合适的关键词优化网站将有助于页面出现在正确的搜索结果中并吸引…

    常见问题 2025年 4月 4日
  • 用Google做外贸

    怎样用Google做外贸?

    Google作为全球最大的搜索引擎公司,各位站长可以通过Google SEO、Google搜索、GoogleAds这三种常用的方法来进行外贸独立站的建设与优化,而且做好Google的外贸建站工作,将是各位站长跨境出海成功的关键因素。下文为大家整理了借助Google做外贸的具体方法,希望可以帮助到大家。 一、利用Google SEO进行外贸网站优化 在进行外贸独立站客户开发的过程中,利用谷歌SEO对外贸网站进行优化是一项重要的工作。首先需要理解谷歌SEO的基本原理,谷歌的搜索引擎会根据网站内容和其…

    科灯跨境学院 2024年 8月 21日
  • WordPress图片优化插件

    WordPress插件推荐:图片优化插件有哪些?

    图片优化是WordPress外贸建站过程中必不可少的优化工作,一个正确且合理的图片优化工作,不仅可以优化用户体验,而且有利于网站搜索引擎的优化,所以此时借助WordPress图片优化插件来优化网站的图片格式、大小等就显得尤为重要了。本篇文章为了帮助各位站长更好更快的处理独立站的图片优化工作,接下来将为大家推荐几款好用WordPress图片优化插件以供大家参考。 一、ShortPixel 《点击进入ShortPixel插件官网》 ShortPixel图像优化插件的美妙之处在于它的多功能性,支持有损…

    插件指南 2025年 1月 7日
  • 选择WP Optimize中的图片

    WP Optimize图片优化怎么做

    WP Optimize图片优化怎么做?通过安装插件后进入“WP Optimize-图片”页面,选择压缩模式,批量或单独压缩图片,并可启用自动压缩新上传图片功能,免费版已支持基础压缩,高级版则额外提供懒加载、多站点支持等优化选项。接下来本文将手把手教大家如何设置压缩选项、管理备份,并实现新图自动优化,让你的WordPress站点又快又稳! 一、WP Optimize图片优化免费还是付费 WP Optimize两个套餐都包含图片压缩,但在页面加载速度和SEO方面,每一点点都很重要。 高级功能包括“懒…

    开发教程 2026年 2月 16日
  • flow

    六大PHP Web框架软件汇总

    Web框架作为Web程序开发前段工具,可以减少开发时间和维护成本,对于外贸建站来说,是一个较好的代码应用数据库。PHP则是Web开发应用较广泛的前端脚本语言,所以本文基于此,将和大家分享一些PHP Web框架软件,助力外贸独立站的建设。 一、Agavi Agavi是一个强大的,可扩展的PHP 5应用程序框架,遵循MVC范例。它使程序员能够编写清晰,可维护和可扩展的代码。Agavi将选择和自由放在限制性公约上,重点是持续的质量而不是短视的决定。它不是一个完整的网站建设工具,而是一个程序员可以构建应…

    开发教程 2024年 7月 9日
  • 查找 wp-config.php 文件

    WordPress数据库在哪?

    WordPress数据库在哪?WordPress数据库基本上会位于wp-config.php文件中,通过WordPress数据库的查找和编辑可以进一步自定义WordPress网站,所以下文为大家具体讲述了WordPress数据库查找的操作步骤,以供大家在使用WordPress进行外贸建站时提供一个参考。 一、查找 wp-config.php 文件 1、使用 hPanel 的文件管理器 在面板中打开文件管理器后,将看到多个目录和文件。wp-config.php 的位置完全取决于安装WordPres…

    常见问题 2024年 12月 26日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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