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

 

相关文章

  • 设置CAPTCHA 4WP插件

    WordPress插件:CAPTCHA 4WP验证插件使用教程

    CAPTCHA 4WP验证插件可以轻松地在WordPress网站上实施CAPTCHA,它具有高度的可定制性,可以直接与几个不同的验证码服务提供商集成,此外CAPTCHA 4WP还允许访问者轻松地与表单和登录行为进行交互,同时阻止垃圾邮件和恶意机器人的操作。本入门指南将介绍在WordPress网站上安装和配置CAPTCHA 4WP插件所需的步骤。 一、下载并激活CAPTCHA 4WP插件 当购买WordPress插件CAPTCHA 4WP时,用户应该已经收到一封包含许可证密钥和插件下载链接的电子邮…

    插件指南 2024年 9月 3日
  • 安装WP-Optimize

    WordPress WP Optimize缓存插件使用教程

    WP Optimize插件是基于WordPress2.7版本开发的插件,其主要功能包括数据库清理、图像压缩等,为用户提供了一体化的使用体验和直观便捷的管理过程。而大多数站长在使用WordPress进行外贸建站时,对于WP Optimize插件的使用还不太熟练,所以本文接下来将为大家详细介绍一下WP Optimize插件的使用方法。 优惠购买:官网链接 一、WP Optimize缓存插件安装 进入WordPress独立站的站点后台,然后找到安装插件-上传插件,选择WP Optimize插件,然后点…

    插件指南 2024年 7月 12日
  • ShortPixel图像优化插件

    WordPress SEO哪个插件好用?

    WordPress SEO哪个插件好用取决于用户具体的使用需求,本文为大家整理几款市场上呼声比较高的WordPress SEO插件,希望可以为用户在外贸建站时提供一定的参考性意见。 WordPress SEO插件一:ShortPixel ShortPixel图像优化插件,可以压缩WordPress网站上的视觉效果,它在不影响质量的情况下减小了图像文件的大小。用户如果要优化图像,请转到媒体库选择要优化的图像,然后选择“使用ShortPixel优化”,然后单击“应用”。 主要功能: 还可以单击每行中…

    插件指南 2024年 10月 1日
  • 添加新规则

    WooCommerce产品页面怎么设置预计送达时间?

    WooCommerce产品页面怎么设置预计送达时间?商家设置WooCommerce产品预计送达时间最简单的一种方法便是通过安装并设置Estimated Delivery Date/Time插件来实现,为了帮助大家更好的进行设置,下文将具体为大家进行操作的讲解,以供在WordPress外贸建站时大家参考。 一、安装Estimated Delivery Date/Time插件 在管理面板上,转到插件-添加新和上传插件,安装并激活Estimated Delivery Date/Time插件。 二、为W…

    开发教程 2025年 1月 10日
  • ShorPixel和Imagify对比

    ShortPixel VS Imagify :图像优化插件对比

    ShortPixel和Imagify都是市场上口碑比较好的图像优化插件,多数商家在选择图像优化插件进行WordPress外贸独立站的图像优化工作时,会纠结到底该选择哪个插件。在价格方面,Imagify插件提供了更加短期的订阅服务,适合预算紧张的用户,虽然ShortPixel插件的订阅周期更长,但是它的免费版会员功能更加全面,付费版功能也比Imagify付费版功能更加优越,所以ShortPixel适合追求图像优化性能和全面工作的用户。 ShortPixel VS Imagify一:功能对比 Sho…

    插件指南 2025年 1月 20日
  • 将小部件拖放到右侧所需的侧边栏区域

    WordPress短代码怎么用?

    WordPress短代码怎么用?随着WordPress Shortcode API功能的发布,越来越多的商家会借助WordPress短代码来实现WordPress特定功能的开发与添加。常见的WordPress短代码主要有视频、音频,图库等,但是对于一些不熟悉WordPress短代码的商家来说,借助WordPress短代码实现WordPress外贸建站可能会有一点困难,所以下文将基于此为大家介绍WordPress短代码怎么用及是什么的有关内容。 一、WordPress短代码是什么 WordPres…

    开发教程 2024年 12月 31日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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