.

微信群聊插件教程

伯益发表于:2022年06月23日 16:35:24更新于:2022年09月26日 17:45:29

本周编辑器上新“群聊插件”与“朋友圈插件”,可快速实现群聊与朋友圈场景下的趣味营销H5内容,下面小派给大家快速展示一下群聊插件效果与能力吧~

该插件使用权限为专业版


演示案例效果: 

https://www.epub360.com/v2/manage/book/15q1dt/present/

 

image.png

 

如何添加到画布上?


在编辑器上方工具栏,互动组件分类下,添加“微信群聊”插件到画布上。

image.png 

群聊插件可通过右侧悬浮面板的内容配置、全局配置两个板块进行调整,如图所示:

 

00162b428037a19b449630e4f4889de

 

 

 

一、内容配置

初始添加默认有两条群聊内容,一左一右,分别对应发送者和接收者,可以调整头像、昵称、聊天消息的类型、增删聊天消息。

 

1、内容调整

 

a)可调整群聊消息显示方向:

  • 显示为左,即发送者,可以调整用户的头像和昵称;

  • 显示为右,即接收者,默认调用微信头像和昵称。

 

b)可勾选是否显示日期,调整日期内容

 

00162b42802f2439a51ebf79d17b834

  

2、消息类型

可选择文本、图片或视频三种类型的消息切换(更多的类型在规划迭代中)

 

  1. 文本类型:可自定义输入文字内容,点击“@”可以赋值用户微信昵称、浏览量等参数变量;

  2. 图片类型:可自定义1张图片;

  3. 视频类型:可自定义1条视频内容,根据竖屏或横屏的尺寸显示。

 

00162b42802bb0d9c972dddf4d9b322

  

3、增删与调序

  1. 选中指定消息的时候,可以切换到该条消息的编辑状态;

  2. 按住指定消息可以上下拖拽,调整消息的排序次序;

  3. 点击消息列表上的“+”,可以设置消息的触发器;

  4. 点击消息列表上的“x”,可以删除消息内容;

  5. 点击“增加群聊项”,可以增加一条群聊内容。

 

00162b42802bcc187ce6aae73757b73

 

 

二、全局配置

可配置群聊插件全局内容,包括群聊背景、头像、昵称、文本及颜色

 

1、群聊背景

 

可以调整全局聊天内容的文本颜色;

 

00162b42802bb0d9c972dddf4d9b322

 

 

2、主题                              

可以配置全局样式主题;

 

00162b42802bab5027c8e7cbf8fe676

 

3、边框及背景                            

可以调整全局左聊天底框、右聊天底框及背景色的色值;

 

00162b42802b7e87ee02f2b5bef1233

 

4、动画设定

可以调整全局消息出现的动画间隔时间,默认为1秒,支持小数点后一位,如1.8秒;

 

00162b42802af8c1f32230e5a2b7836                         

 

5、音频

可以调整全局消息出现时的提示音频,需mp3格式;

 

00162b427c3a01e418c34ce8e655ea9

 

6、触发器

可以调整全局触发器,包含开始播放时、结束播放时;

 

00162b42785cac83bbd5e84e98ca3a3

 

注意事项:

  1. 群聊文本目前只支持中文居中,有英文或字母对齐方式会偏左;


 

以上就是本次的功能更新,欢迎大家提出更多宝贵建议,便于我们进一步优化。

 

拓展阅读:《【Epub360】朋友圈插件教程》