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

 

相关文章

  • 个人搭建摄影网站

    个人如何搭建一个摄影网站

    个人如何搭建一个摄影网站?个人搭建一个摄影网站,首先需要选择域名和托管服务,之后通过一键安装WordPress来实现独立站建站平台的顺利搭建,接着需要安装下载合适的摄影主题和插件,以保障网站的正常功能的设置与实现,最后则是通过配置电子商务功能、社交媒体账号设立和反向链接的建设,实现摄影网站的成功搭建。 一、个人如何搭建一个摄影网站 1、选择域名和托管 域名是网站的数字地址。这是潜在客户和网站访问者找到自己网站的方式。选择适合的域名以反映摄影风格、利基或品牌形象,此外域名还应该简短、令人难忘且与自…

    开发教程 2025年 8月 14日
  • Website-speed-measurement

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

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

    网站SEO 2024年 7月 15日
  • 根目录找到.htaccess文件

    301重定向怎么设置?

    301重定向使用户在外贸建站时经常会遇到的一种重定向技术,站长通常会通过编辑.htaccess文件或者return语句等方法来实现网页地址的迁移,以避免404错误的出现,诚然了解301重定向的相关设置有利于网站的正常运行,进而提升用户访问体验和提高网站搜索排名,所以下文将为大家介绍如何设置301重定向,为大家搭建外贸网站提供一些准备。 一、Apache网站服务器301重定向 在网站的根目标找到如下这个文件: 如果没有找到这个文件?有以下两种可能: 网站没有.htaccess文件。可以使用 Not…

    开发教程 2024年 9月 13日
  • 独立站SEO优化清单

    独立站SEO优化是做什么?独立站SEO必备清单分享

    独立站SEO优化可以说是网站是否能成功走出去的关键因素,一个好的且有效的外贸独立站SEO优化策略不仅可以提升用户体验感,而且可以深刻的塑造品牌形象,提高品牌传播力。那么独立站SEO优化是做什么呢?下文将围绕独立站技术SEO优化、关键词SEO优化、站内和站外SEO优化角度,为大家详细阐释独立站SEO优化的具体操作步骤。 独立站SEO必备清单分享一:技术SEO优化 网站速度优化:通过压缩图片、优化代码、使用 CDN(内容分发网络)等方式,提高网站加载速度,一般建议页面加载时间不超过 3 秒。 移动端…

    网站SEO 2025年 2月 8日
  • Astra

    10款WordPress免费主题推荐

    WordPress是一款开源免费的建站系统,具有建站价格低和应用资源丰富的优势,尤其是对于建站预算比较低的用户来说,WordPress无疑不是一个较好的建站选择,大量WordPress免费主题更是可以帮助用户进一步节约外贸建站的成本,那么面对众多的免费主题,用户该如何选择呢,下文将为大家推荐10款WordPress免费主题,为大家的使用提供一个参考。 免费WordPress主题推荐一:Astra Astra是一款轻量级免费WordPress主题,适用于任何类型的网站或在线商店。它具有优雅的布局,…

    常见问题 2024年 10月 23日
  • WordPress免费多语言插件一TranslatePress

    WordPress多语言插件免费的有哪些

    WordPress多语言插件免费的有哪些?Polylang、TranslatePress、Weglot、GTranslate等WordPress插件都支持外贸建站的商家免费使用。为了让各位商家更好的了解每种WordPress免费多语言插件,下文围绕每款插件的的优缺点,为大家展开以下内容的叙述。 WordPress免费多语言插件一:TranslatePress 《点击进入TranslatePress官网》 1、优点 从前端翻译整个内容 支持图像翻译 支持 Google Translate、 Woo…

    插件指南 2025年 3月 19日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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