Elementor Testimonial Carousel 意思是 旋转推荐,把多个客户评价以轮播形式展示在网页中。本文中魏艾斯笔记和大家分享如何在 Elementor 添加 Testimonial Carousel(旋转推荐)功能。

学习、小网站选择 1核2g配置的服务器起步,国外主题建站选择 2核4g配置,适当搭配运行流畅。
国内服务器:阿里云、腾讯云(都有代金券,付款时抵用省钱) 不知道如何选择地域、配置请在页面右侧+老魏的联系研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网,在搜索框里输入并选择好后注册,记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机,价格便宜,性价比极高!Hostinger专题
SiteGround虚拟主机价格适中服务好!SiteGround专题
1、Testimonial Carousel元素显示
Testimonial Carousel元素要提前安装 Elementor和 Elementor pro插件后,才能正常使用。
新建一个文章页/页面,从左侧元素栏搜索 Testimonial Carousel,拖拽到右侧编辑区域。

2、Testimonial Carousel 元素参数
我们先来看左侧的【内容】,默认给了3个项目卡片,不够可以点击“新增项目”再添加。
- content:用户评价。也就是用户对你产品、公司的评语。这个内容看你想给用户留下哪方面的印象,就写什么。注意分寸别太过了。
- image:用户头像照片。可以去找找上下游、同行业网站上的人员图片充实一下。
- 把名字和职务填入 name 和 title(可以与头像符合也可以不符合,总之真真假假就行)。项目2、项目3及更多项目卡都参考这么填写。还可以直接拖拽这三个项目卡片重新排序。
- Skin:评语背景。default默认样式使用默认背景,dubble样式可以在 Style选项卡中设置背景颜色。
- Layout:文字与评价者的相对位置,包括:image inline、stacked、above、left、right 等五种效果。
- Alignment:文字对齐:左对齐、居中对齐和右对齐。
- Slides Per View:一个屏幕展示几个客户评价,这个随便吧,1~3个都行,太多了也放不下。
- Slides to Scroll:点击客户评价切换箭头(一左一右)时,页面一次滑过几个卡片。建议一个个切换。
- Width:单个评论内容宽度。

additional options 额外设置
- Arrow:是否显示评论内容切换箭头
- Pagination:评价分页,4个选项,默认是小圆点,不想动来动去的选择none
- Transition Duration:评价内容滑动移动之间的时间,毫秒单位
- Autoplay:评价内容是否自动播放
- Autoplay Speed:评价内容轮播滑动速度,毫秒单位
- Infinite Loop:设置 YES 轮播会无限滑动
- Pause on hover:设置为 YES 时鼠标悬停或单击轮播时暂停播放
- Pause on Interaction:设置为 YES 时,访客与客户评价内容发生点击及交互行为,轮播效果暂停
- Image Size:评价用户的头像大小,从缩略图到完整,或自定义

Testimonial Carousel元素样式参数
包括slides、content、image、navigation、bubble等几部分,基本参数包括 color、padding、radius、border等等,都很好理解,就不详细说了。
编辑区域大概是下图这个样子的。

3、总结
Elementor Testimonial Carousel(旋转推荐)功能是外贸网站常用功能,比较重要的是评价内容尽量真实,别太过,多看看同行、上下游的网站这部分内容都是怎么写的。你可以使用这部分内容合理的引导访客对你们公司、产品的印象。
魏艾斯笔记