大多数站长在使用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日
  • 瑜伽外贸独立站案例

    外贸网站建设案例分享:瑜伽网站

    本文向大家介绍了三个比较火爆的瑜伽海外独立站,并附上了各自的每月访问、桌面和移动端的页面速度。每一个瑜伽网站都通过自己独特的优势,吸引了瑜伽新手和资深爱好者的注意力,当各位准备搭建瑜伽网站的商家了解清楚它们的建站理念时,将有助于进一步搭建一个符合自己心仪的瑜伽外贸网站。 一、瑜伽网站建设案例分享 1、Yoga Basics 每月访客:42.7K+ 移动页面速度:96 桌面页面速度:98 Yoga Basics是一个帮助用户学习瑜伽要领的网站,为初学者提供了易于操作的提示、有用的文章和建议,让瑜伽…

    科灯跨境学院 2025年 8月 19日
  • input标签类型

    input标签类型有哪些

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

    开发教程 2024年 4月 23日
  • 填写名称、在用的邮箱地址、设置密码

    Shopify企业邮箱Zoho注册登录教程

    在使用Shopify搭建跨境电商独立站的过程中,商家使用企业邮箱进行邮件营销,可以给予用户更高程度的专业感和信任度。目前Zoho邮箱因为免费的价格和较高的送达率在跨境商家中比较受欢迎,所以下文将为大家具体介绍Shopify企业邮箱Zoho注册登录教程,讲解如何注册Shopify企业邮箱Zoho并绑定网站域名。 一、注册Shopify企业邮箱Zoho免费账号 Zoho 也有中文网站,不过不提供免费版注册。所以先访问英文版网站注册账号,注册后将语言改为中文即可。填写名称、在用的邮箱地址(用于接收注册…

    开发教程 2025年 5月 12日
  • Shopify和WooCommerce对比

    Shopify和WooCommerce哪个平台更好?

    Shopify 和 WooCommerce 哪个平台更好?这一问题没有标准答案,需要用户根据自己的外贸建站需求进行选择。如果用户追求更加高级的 SEO 优化和更加灵活的网站搭建功能,则 WooCommerce 更好,如果用户追求高效建站并注重售后支持,则 Shopify 更好。对于仍然纠结 Shopify 和 WooCommerce 哪个平台更好的用户,可以通过阅读下文来进行具体的对比了解。 Shopify和WooCommerce对比一:电子商务功能 Shopify 专为电子商务而设计,提供强大…

    常见问题 2025年 1月 30日
  • 独立站搭建

    独立站怎么搭建

    独立站怎么搭建?搭建独立站首先要明确网站目标,选择合适的域名和网站托管商,之后还应该挑选合适的独立站搭建工具,并对网站的主题、字体、颜色、页面等基本布局进行设计优化,最后则需要针对独立站进行网站优化和网站测试工作。对于一些刚入行的外贸建站商家,独立站搭建的过程不免繁杂且陌生,所以下文为了让大家更加进一步了解独立站搭建的详细过程,将具体为大家展示相关步骤,以供大家参考。 独立站怎么搭建一:明确网站目标 在开始构建独立站之前,请定义其核心目的。此决定将在整个创建过程中指导独立站的设计、网站架构、工具…

    开发教程 2025年 5月 26日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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