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

    WordPress托管是什么意思?

    WordPress托管是服务器提供商为用户提供的WordPress托管计划,一般情况下WordPress托管包括WordPress核心和插件的更新、网站安全分的维护、特定于应用程序的支持等服务,商家借助WordPress托管可以为WordPress网站带来更高的网络运行性能和便捷式管理。下文将为大家介绍WordPress托管的相关知识,为大家在使用WordPress进行外贸建站时提供一个参考。 一、WordPress托管类型 1、共享WordPress托管 共享主机是初学者最常用的WordPre…

    常见问题 2024年 9月 20日
  • 独立站海外营销策略

    独立站海外营销策略有哪些内容

    独立站海外营销策略有哪些内容?独立站海外营销策略有借助搜索优化自然流量、谷歌广告迅速提升网站排名、社交媒体引爆海外热度、邮件营销打造个性化旅程、邮件营销打造个性化旅程等内容。了解并掌握好各种海外营销策略的推广内容有助于在竞争中获得主动优势,扩大品牌影响力和知名度。 独立站海外营销策略一:搜索引擎优化聚焦自然流量 自然流量主要是指来自搜索引擎的流量(除去在Google上面打广告的流量等其他付费流量),这是第一大主要流量,也是获得免费流量的主要方式,国外主要的搜索流量来自三大搜索引擎: Google…

    科灯跨境学院 2025年 10月 27日
  • 单击“图标”旁边的单选按钮

    WordPress设置社交媒体图标教程

    在WordPress外贸建站的过程中,不少商家为了实现多渠道的品牌营销,会在WordPress独立站上添加社交媒体图标,以提高用户粘性。通常WordPress独立站的社交媒体图标设置有两种方法,一种是通过插件实现,另一种则是通过主题实现,不过第二种方法仅适合使用区块主题的用户。为了在帮助大家更好的进行WordPress社交媒体图标的设置,本文将以Menu Image插件为例,为大家具体展示WordPress设置社交媒体图标的详细教程。 将社交媒体图标添加到 WordPress 菜单的最简单方法是…

    开发教程 2025年 2月 5日
  • 外贸B2B建站响应式布局

    外贸B2B建站响应式布局如何实现

    外贸B2B建站响应式布局实现的核心是遵循谷歌推荐的响应式设计(RWD),以单一URL适配多设备,搭配元视口标签、响应式图片配置及CSS媒体查询优化。需优先保障移动优先索引兼容性,提升核心网页指标,同时借助专业工具审计优化。外贸建站过程中响应式布局的问题是SEO与用户体验的关键,下文将从技术实现、工具应用到问题解决展开详细拆解。 一、外贸B2B建站响应式与自适应式布局:为什么谷歌偏爱前者 在讨论外贸网站的移动优化时,常常会出现两个类似的概念:响应式网页设计(RWD)和自适应设计,它们的核心区别在于…

    网站SEO 2026年 3月 16日
  • 打开主域名工具

    在子域名上安装WordPress的两种方法

    外贸建站时,有时为了扩展网站内容,又或者是为了测试新网站,需要在子域名上安装WordPress,所以下文将基于在子域名上安装WordPress的具体教程展开,为大家介绍其中的步骤,以供各位参考。 一、用cPanel在字域名上安装WordPress 1、在cPanel中添加子域 首先需要把子域名添加到cPanel,具体怎么做取决于自己的主机用的是哪个版本的cPanel。 较早的cPanel版本(版本106或更低)提供专用的子域接口,较新的 cPanel 版本(版本 107 或更高)已移除了该独立接…

    开发教程 2025年 12月 2日
  • 建WordPress移动端菜单

    WordPress外贸建站:WordPress移动端菜单怎么建?

    用户可以通过注册移动菜单、切换显示、确保移动菜单显示等步骤来进行WordPress移动端菜单的建设。此外值得一提的是,WordPress移动端菜单的构建不仅是外贸建站的重要步骤之一,而且是促进网站SEO优化,给予客户更好的使用体验的重要渠道,那么WordPress移动端菜单到底该怎么构建呢,接下来将大家具体了解一下。 一、注册WordPress移动端菜单 如果WordPress主题尚未提供移动菜单,站长可以使用以下代码注册一个,可以将代码添加到子主题或自定义插件的 functions.php 中…

    科灯跨境学院 2024年 8月 20日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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