大多数站长在使用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社交媒体图标的设置,本文将以Menu Image插件为例,为大家具体展示WordPress设置社交媒体图标的详细教程。 将社交媒体图标添加到 WordPress 菜单的最简单方法是…

    开发教程 2025年 2月 5日
  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
  • ShortPixel图像优化插件

    WordPress SEO哪个插件好用?

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

    插件指南 2024年 10月 1日
  • 独立站SEO

    独立站SEO怎么做 独立站SEO可以做哪些?

    独立站SEO怎么做?用户可以通过站内SEO优化、站外SEO优化和技术SEO优化实现外贸独立站SEO优化的工作。做好独立站的SEO优化工作不仅有利于网站排名的提高,而且有助于商家品牌的宣传与推广。对于SEO新手来说,繁杂的SEO工作可能会有一些难以上手,不过不要担心,本文将从三个方面为大家仔细梳理独立站SEO的优化,希望可以为大家的外贸建站工作提供一个参考。 独立站SEO可以做哪些一:站内SEO优化 1、文章内容优化 高质量独特的内容是获得良好排名的关键,内容要提供真正有价值的信息,解决潜在用户的…

    网站SEO 2024年 10月 22日
  • 外贸网站建站和推广的关系及区别

    外贸网站建站和推广的关系及区别

    虽然外贸网站建站和推广在目的、概念和操作方法之间存在着不同,但是二者的关系是密不可分的,外贸建站是外贸推广的基础,外贸推广则是网站建站发挥作用的关键。总的来说,商家要想成功的品牌出海,不能顾此失彼,需要同时进行外贸网站的建站和推广。 一、外贸网站建站和推广的关系 1、外贸网站建站是外贸推广的基础 外贸网站推广是在既有网站的基础上进行,商家只有搭建好了网站,才能在此基础上进行网站的推广。因为在网站搭建之初,就已经确定好了网站的品牌调性,网站推广便是在原有确定好的品牌特性上,进行外贸网站的推广。 外…

    常见问题 2025年 3月 25日
  • 为WordPress创建自定义模板

    WordPress中如何创建自定义文章模板?

    WordPress作为一个开源管理系统,在外贸建站时,受到广大用户的欢迎。本文接下来将介绍一下在WordPress中创建自定义文章模板的方法,让你的网站更加个性化。 1.使用区块编辑器创建自定义文章模板 使用区块编辑器创建自定义文章模板是最简单的方法。这种方法不需要编码,适合没有编程经验的小白。区块编辑器是WordPress的内置功能,让你可以保存和重用文章中的块。 1)使用区块编辑器:在文章/页面编辑页面,您将默认看到区块编辑器。它以所见即所得的方式显示内容; 2)添加区块:单击“+”图标,您…

    常见问题 2024年 6月 17日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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