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

 

相关文章

  • 通过cPanel复制WordPress网站

    如何通过cPanel复制WordPress网站?

    在外贸建站的过程中,大家可以通过cPanel面板,借助子域的创建重新复制一个新的WordPress网站,帮助各位站长进行网站的测试和开发。而其中的具体操作过程将在下文呈现。 1、登录cPanel面板 2、创建子域 子域将用于访问开发站点。例如:dev.domain.com。 3、转到“文件管理器” 文件管理器可以从cPanel控制面板启动。 4、复制WordPress文件 下一步,将把WordPress网站的文件从当前目录复制到子域(dev.domain.com)创建的文档根目录中。 根目录通常…

    科灯跨境学院 2024年 7月 23日
  • Gutenberg页面复制

    WordPress复制页面怎么操作

    WordPress复制页面怎么操作?商家可以使用WordPress插件Duplicate Page的复制页面选项即可完成WordPress页面复制的操作。在WordPress外贸建站的过程中,有时为了保证设计的一致性,又或者是进行布局测试,会进行页面的复制,此时了解清楚页面复制的具体操作有利于商家独立站搭建工作的顺利进行,所以下文将教大家如何借助插件实现WordPress页面的复制。 手动复制页面或文章似乎是最简单的方法–复制内容,粘贴到新的草稿中,然后就可以了。但这种方法不仅耗时,在某些情况下…

    开发教程 2025年 9月 11日
  • 独立站注册公司

    独立站需要注册海外公司吗

    独立站需要注册海外公司吗?对于外贸建站商家的来说,海外公司的注册并不是一个强制性要求,只要符合相关法律法规的要求,完全可以以个人身份运营一个独立站。这里要注意的是,虽然卖家不需要注册公司,但仍然需要营业执照,因为卖家在注册PayPal账户时需要提供营业执照。 一、独立站注册海外公司的优势 注册公司对于独立站来说,不仅仅是一个形式上的问题,它还涉及到信誉度、融资、税务优惠和法律保障等多个方面。逻辑上来讲,个人和企业都可以联系建站公司搭建独立站,没有限制,但是企业账号收款会比个人账号方便很多。 注册…

    常见问题 2025年 7月 8日
  • Mailchimp详细使用教程

    Mailchimp详细使用教程

    邮件营销是用户在外贸建站推广过程中经常会遇到的宣传手段,通过挖掘目标客户的外贸邮箱,向客户精准推送网站的促销信息、售卖产品/服务等,以增加用户粘性,提高顾客对网站的熟悉度。其中Mailchimp便是人们经常使用的邮箱插件,为了所以为了增加企业/商家对该插件的了解,本文接下来将为会用户提供Mailchimp详细使用教程。 一、Social extractor目标客户邮箱挖掘 首先在做邮件营销之前,需要挖掘到大量的客户邮箱,且要保证这些邮箱的真实性。显然在新站刚上线的时候,是不可能有大量的订阅者和客…

    插件指南 2025年 2月 21日
  • 安装并激活SeedProd网站构建器插件

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

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

    开发教程 2025年 1月 24日
  • WordPress创建下拉菜单

    如何在WordPress中创建下拉菜单?

    如何在WordPress中创建下拉菜单?用户可以通过使用插件、网站编辑器或者是通过PHP手动设置实现WordPress下拉菜单的创建。对于WordPress网站搭建的用户来说,创建一个结构良好的下拉菜单不仅有利于优化网站结构,提高搜索引擎爬取力度,而且有利于用户体验的优化,所以下文将为大家具体介绍WordPress下拉菜单的创建过程,以供大家在外贸建站时进行参考。 如何在WordPress中创建下拉菜单一:使用插件 WordPress插件中有许多支持下拉菜单创建的插件,例如Max Mega Me…

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

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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