大多数站长在使用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

    独立站SEO怎么做 独立站SEO可以做哪些?

    独立站SEO怎么做?用户可以通过站内SEO优化、站外SEO优化和技术SEO优化实现外贸独立站SEO优化的工作。做好独立站的SEO优化工作不仅有利于网站排名的提高,而且有助于商家品牌的宣传与推广。对于SEO新手来说,繁杂的SEO工作可能会有一些难以上手,不过不要担心,本文将从三个方面为大家仔细梳理独立站SEO的优化,希望可以为大家的外贸建站工作提供一个参考。 独立站SEO可以做哪些一:站内SEO优化 1、文章内容优化 高质量独特的内容是获得良好排名的关键,内容要提供真正有价值的信息,解决潜在用户的…

    网站SEO 2024年 10月 22日
  • 单页网站

    单页网站是什么、制作教程及建设案例分享

    单页网站是一个由单个HTML页面组成的网站,具有结构简化、导航最小化。用户体验简化、移动友好等优势,对于一些精力有限或者是想要快速上线网站的商家来说,是一种不错的外贸建站方式。下文将从单页网站的关键要点、是什么、建设案例分享及制作教程展开关于单页网站的具体阐释。 一、单页网站关键要点 最佳内容:产品发布、作品集、活动、登陆页和服务展 平均构建时间:现代建构者只需1-4小时,而多页网站则需2-3周 转化优势:单一号召行动的表现提升15-25% 移动优化:移动设备加载速度快78% 成本节约:比定制多…

    科灯跨境学院 2025年 11月 26日
  • 独立站优秀案例分析

    独立站优秀案例分析:鞋履品牌如何塑造个性化表达

    据估算,Z世代的全球潜在消费力已超过4500亿美元,显示出强大的经济影响力,那么以Z时代需求为核心打造海外鞋履品牌,彷佛拥有着巨大的消费市场。例如YRU Shoes跨境电商独立站精准抓住这一需求,以“自自由和个性”为设计灵感,直击Z时代叛逆张扬的消费追求,专注于打造夸张个性的鞋履,聚焦美国年轻群体及亚文化egirl(热爱亚文化潮流的女孩,穿着另类,有偏摇滚,有偏朋克,有偏哥特)。 一、产品差异显著:精准契合Z时代个性追求 YRU Shoes海外独立站产品极具辨识度,夸张的鞋子厚度、朋克哥特元素与…

    科灯跨境学院 2025年 10月 3日
  • 谷歌首选来源计划公布

    谷歌首选来源计划公布 独立站将从热门新闻中获得更多曝光

    谷歌发布了新的文档,为各位站长如何影响谷歌的首选来源计划,以从热门新闻中获得更多流量提供了遵循。谷歌为Search Central添加了新的文档,涵盖其“首选来源”计划,帮助外贸独立站进入“热门新闻”功能,文档解释了出版商如何让自己的网站更有可能进入头条新闻并获得更多流量。 热门新闻 鉴于热门新闻是关于突发新闻的,新鲜度可能是排名的一个因素。热门新闻不仅展示了当地新闻,还展示了突发新闻。结构化数据不是排名热门新闻的必要条件,但添加Schema.org文章结构化数据有助于谷歌更好地理解页面的内容。…

    科灯跨境学院 2026年 2月 3日
  • 谷歌开发外贸客户

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

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

    常见问题 2024年 10月 9日
  • WordPress添加JS和CSS样式表

    WordPress教程:WordPress添加JS和CSS样式表

    对于一些使用WordPress进行外贸建站的商家来说,大部分人会通过在WordPress中添加JS代码和CSS样式表,以增强网站的交互性和观赏性,但对于一些不了解代码知识的商家可谓是天方夜谭,所以本文接下来将为大家讲解WordPress添加JS和CSS样式表的具体教程。 一、WordPress添加JS和CSS样式表的常见错误 许多WordPress插件和主题开发人员都犯了直接将脚本或内联CSS添加到插件和主题中的错误,有些人错误地使用wp_head函数来加载脚本和样式表。 <?php ad…

    开发教程 2024年 9月 11日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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