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

 

相关文章

  • 海外社媒平台

    海外社媒平台有哪些

    海外社媒平台有哪些?Facebook、Instagram、YouTube、TikTok、Twitter等都是海外热门的社交媒体平台。在搭建外贸独立站时,独立站推广是企业得以品牌出海的重要方式,在进行网站推广的过程中,海外社媒平台又是用户应该着重了解并掌握的内容。借助海外社媒平台,跨境商家可以进一步增强品牌用户粘性,提高品牌知名度和曝光率,所以基于此,下文为大家仔细梳理了海外20+社媒平台的官网地址、活跃用户数量、创立时间和简介的相关内容,以供大家参考。 海外社媒平台一:Facebook 1、官网…

    常见问题 2025年 5月 1日
  • 跨境电商独立站是什么

    跨境电商独立站是指什么

    对跨境电商独立站的理解: 跨境电商独立站这个词每次出现经常会有还会伴有其他词语:「跨境电商独立站」、「外贸独立站」、「跨境独立站」、「电商独立站」等等。从这个现象来看,独立站和跨境电商零售有紧密的关系。 先说「站」,指的是网站。跨境电商独立站就是指在电子商务各个领域中自己拥有单独的域名、空间、网页页面的网站,通过网站能够实现产品线上推广、市场销售、售后服务等一系列买卖和服务项目。 再讲「独立」,为什么说它“独立”呢?因为它不从归属于一切平台。在正规合规管理的情形下,利用这一网络推广所产生的流量、…

    常见问题 2024年 4月 24日
  • Shopify二次开发

    Shopify二次开发有什么用及步骤详解

    Shopify二次开发有什么用?通过Shopify二次开发,商家可以获得更加丰富多样的电商功能,针对特定化的需求,为每个跨境电商独立站都定制一个专属的Shopify商店,以优化用户体验。下文将从Shopify二次开发是什么、有什么用。Shopify二次开发步骤详解及适合商家四方面为大家展开有关内容。 一、Shopify二次开发是什么 Shopify的二次开发是指通过使用Shopify提供的API和开发工具,以及编写自定义代码来增强和定制电商独立站的过程。这种开发方法使得用户可以根据自己的需求添加…

    常见问题 2025年 6月 30日
  • input标签类型

    input标签类型有哪些

    input标签类型有很多,这里主要给大家介绍几种常见的input标签类型。 type=”text” 定义单行文本输入框 type=”password” 定义密码输入框 type=”file” 定义文件上传控件 type=”radio” 定义单选按钮 type=”checkbox” 定义复选框 type=”hidden” 定义隐藏的输入字段 type=&#…

    开发教程 2024年 4月 23日
  • 如何在WooCommerce中设置折扣码?

    如何在WooCommerce中设置折扣码?

    如何在WooCommerce中设置折扣码?商家可以通过WooCommerce-常规-折扣码这一途径进行WooCommerce折扣码的设置。在进行WooCommerce和WordPress跨境电商独立站搭建的工作中,不少商家会通过使用WooCommerce折扣码来提高用户的忠诚度和网站户转化率,所以接下来将为大家具体介绍WooCommerce折扣码的设置过程,以最大程度上满足顾客需求,提高网站的竞争力。 一、WooCommerce折扣码类型 WooCommerce提供多种折扣码类型以满足不同的销售…

    开发教程 2025年 2月 18日
  • Shopify和WordPress区别

    Shopify和WordPress的区别及哪个好

    Shopify和WordPress是当前独立站搭建的主流建站平台,有的商家会疑惑到底应该选择Shopify建站还是WordPress建站,其实用户只要仔细辨别二者在SEO优化、易用性、价格、客服支持这四方面的区别,就能明白哪个好?对于想要追求自定义或者是有一定技术背景的用户而言,WordPress外贸建站比较好;对于想要快速便捷建站的商家来说,Shopify更好。 一、Shopify和WordPress区别 1、易用性 Shopify的拖拽式建站方法使其成为初学者和没有广泛技术知识的人的不错选择…

    常见问题 2025年 2月 26日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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