一、功能效果

在微传单中添加弹窗有什么作用？

1. 详细介绍内容

在微传单页面设计中，一般都讲究简洁大方的设计原则，因此大部分信息都是提取其中的精华来进行展示的，用户无法直接看到更加详细的内容，因此容易产生疑问。这时则可以利用弹窗功能，将详细的内容放在弹窗中，用户想要继续了解的话就可以点击弹窗，非常方便，体现了人性化设计原则。

2. 进行友情提示

如果用户准备在页面中进行下一步操作，而这些操作又需要用户承担一定的得失或风险，比如预约产品、购买产品、报名参与活动等等，那么企业就有必要提醒用户是否决定作出这一操作，并且说明作出操作后可能发生的情况，避免各种问题的出现。而且，这样也是对用户负责的一种行为，体现了企业的责任与关怀。

3. 制造惊喜

在微传单中，弹窗是出现在当前页面上的，而且出现速度快，能让用户感觉“被吓了一跳”，如果同时再为弹窗加上一些比较出人意料的内容的话，就更能给用户制造惊喜了，这些内容可以是搞怪的、温情的、独特的等等，只要能和原页面中的内容风格形成强烈的对比就行了。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单左侧管理列表点击【弹窗】，添加弹窗。

2. 编辑

2.1 挑选弹窗模板/创建空白弹窗

弹窗有标准弹窗和长页弹窗。如不喜欢弹窗模板可点击【+空白页面】自行编辑弹窗。

2.2 属性面板

弹窗右侧属性面板可以设置：弹窗名称、遮罩层、播放部件动画、点击遮罩层关闭弹窗。

2.3 点击事件

弹窗内元素的点击事件设置：可以设置为关闭弹窗，或者打开其他弹窗。

2.4 弹窗入口设置

选择页面模板某部件，设置点击事件-打开弹窗-选择刚才设计好的弹窗。

3. 注意

① 全景和趣味页面不支持添加弹窗；

② 弹窗没有页码的概念，默认名字为“弹窗1”、“弹窗2”…递增。

一、功能效果

文本常用于展示信息，可通过调整字体、字号、颜色等实现丰富的展示效果。

二、功能说明

【版本】无版本限制

三、设置教程

1. 文本添加入口

在微传单设计页面顶部导航点击【文本】添加。

2. 文本属性

选中文本，可以在右侧的属性栏设置文本基本样式，包括：字体，字号，行距，字距，文字颜色，背景等；还可以给文本设置动画及点击事件。

点击展开高级样式，可以设置文本的边框，透明度，圆角，旋转，变形，文字阴影，阴影，位置等。

选中部件后在上方的快捷菜单也可以对文本进行基础样式的设置，方便快捷。

右键文本部件，可以对文本进行如下操作：转换为图片，上移一层，下移一层，置于顶层，置于底层，复制删除。

注意：有时候不同浏览器渲染字体效果会不同，宽高会不一样。如果想表现完全一致，可以右键把文本转换为图片。

一、教程介绍

由于兼容问题，可能存在部分浏览器无法正常显示地图，本教程提供以下解决方法。

二、功能说明

【版本】无版本限制

三、设置教程

1. 搜狗、QQ等浏览器

使用搜狗、QQ等浏览器在设计器中打开地图模块会无法显示（如下图），建议升级浏览器版本或更换其他浏览器进行尝试。

2. 谷歌浏览器

谷歌浏览器添加保存地图模块后同样会出现地图无法显示的问题（如下图），可通过开启WebGL和外部的解码工具进行解决。

① 谷歌浏览器地址输入chrome://flags/。

② 然后搜WebGL，改成Enabled。

③ 再搜索Angle，改成OpenGL。

④ 最后点击右下角【Relaunch】保存设置并重启浏览器，进入设计器中查看效果。

一、功能效果

在微传单中添加一个拼图页面，可在拼图板块中添加图片进行展示。

二、功能说明

【版本】无版本限制

三、设置教程

1. 拼图入口

在微传单设计页面顶部导航点击【控件-拼图】添加。

2. 添加图片

点击拼图任意板块，出现添加图片按钮点击可为该板块添加图片。

3. 属性面板

可以设置拼图出场延迟时间、旋转角度、大小、位置。

4. 快捷菜单

点击整个拼图部件，在快捷菜单中可以设置拼图的恢复原始尺寸、层级、复制、删除；

选中拼图部件的某个板块，可以在快捷菜单中单独设置其颜色、图片、透明度。

一、功能效果

在微传单支持添加图册控件，用于展示多张图片。

二、功能说明

【版本】无版本限制

三、设置教程

1. 图册入口

在微传单设计页面顶部导航点击【控件-图册】添加。

2. 属性面板

2.1 展示效果

可以选择图册的展示效果，提供四种展示效果可选择。

2.2 添加图片

图片数量支持自定义加减，点击【+】即可增加。点击图片示例图可更换图片。

2.3 点击后反馈

可设置点击后跳转的事件。

2.4 其他设置

可设置切换方式、切换频率、边框颜色、大小及位置。

3. 快捷菜单

快捷菜单包括：裁切、上一页、下一页、增加、删除单张图片、位置、点击事件、层级、复制、删除。

一、功能效果

卡片集指在微传单添加多张图片进行切换播放。切换方式包括手动和自动两种方式。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单设计页面顶部导航点击【控件-卡片集】添加。

2. 属性面板

选中卡片集，在右侧卡片集风格中可以设置底部卡片的风格颜色。

输入卡片中的标题或者描述，可选；也可直接双击卡片集中文字进行修改。

点击【样式】可以修改底部卡片的背景色，边框样式，文字样式等。

点击跳转可设置跳转至页面、链接、电话、短信或产品；

卡片集切换方式包括手动和自动两种方式；

可以手动输入卡片集位置及宽高数值，或直接拖拽部件进行调整。

在属性面板及编辑器中都可以更换图片、增减卡片集张数。

动画可设置卡片集的入场动画、强调动画及退场动画。

一、功能效果

可为微传单页面添加装饰特效层。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单设计页面顶部导航点击【控件-特效层】添加。

2. 编辑

手机对一个页面仅支持一个特效层。

右侧属性面板支持更换不同特效层、设置特效层强度、透明度、颜色及大小位置。

编辑器中可直接拖拽，改变特效层的大小位置。

快捷菜单中可进行特效层的层级调整、复制及删除操作。

动画可设置卡片集的入场动画、强调动画及退场动画。

一、功能效果

在微传单添加微信部件。用户访问微传单时显示访问微信号和微信昵称。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单设计页面顶部导航点击【控件-微信】添加。

2. 样式

微信样式如图，快捷菜单可设置头像的图形、层级等操作；可设置访问者昵称及文字样式。

3. 点击微信头像属性面板

3.1 头像类型分为：访问人头像和分享人头像；选择访问人头像时，打开传单会看到访问者的头像；选择分享人头像时，打开传单会看到分享者的头像，可增强传单与用户的互动性；当无法拉取对应头像时，将使用默认头像。

3.2 可以对头像进行滤镜处理，头像外形选择。

3.3 展开高级样式，可设置头像或昵称的透明度、圆角、旋转角度、大小及位置。

3.4 可设置微信头像或昵称的入场动画、强调动画及退场动画。

4. 点击昵称属性面板

4.1 可设置微信昵称的字号、行距、字距、颜色、背景颜色等文字样式。

一、功能效果

在微传单添加按钮部件，可为按钮部件预设点击事件，实现点击跳转到预设事件效果。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单设计页面顶部导航点击【控件-按钮】添加。

2. 快捷菜单

样式如图所示，在快捷菜单中可以设置主题颜色、点击事件、层级关系，可复制及删除。

3. 属性面板

3.1 在属性面板按钮页，可以设置按钮样式、文本内容、文字样式及主题颜色。

3.2 展开高级样式，可以设置按钮透明度、旋转角度、大小及位置；

按钮大小位置也可以在编辑器内直接拖拽设置。

3.3 在属性面板动画页，可以设置按钮的入场动画、强调动画及退场动画。

3.4 在属性面板点击页，可以给按钮添加点击事件，包括跳转页面、跳转外链、拨打电话、发送短信、查看产品详情、打开互动游戏、打开淘宝APP、打开弹窗、显示/隐藏、播放视频/音频。

3.5 添加点击事件后，可设置点击音效。

一、功能效果

在微传单中添加地图。如发送邀请函时可附上地址地图。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单设计页面顶部导航点击【控件-地图】添加。

2. 编辑

2.1 输入详细地址进行检索，保存即可。

2.2 样式如图所示，快捷菜单中可变更地址，进行层级调整、复制及删除操作。

3. 属性面板

3.1 在地图页可更换地图位置，设置地点名称及描述。

3.2 展开高级样式，可设置地图的透明度、圆角及旋转角度。

3.3 在动画页可设置地图控件的入场动画、强调动画及退场动画。

3.4 点击地图，移动端展示如图所示。

一、功能效果

在微传单中插入视频，支持腾讯、优酷复制通用代码链接。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单设计页面顶部导航点击【控件-视频】添加。

2. 属性面板

2.1 在视频页，可以输入视频网址；支持设置视频控件的大小及位置，或直接在编辑器中进行拖拽调整。

2.2 只支持腾讯、优酷视频，请按上图复制箭头所指代码填入属性面板内。

2.3 在动画页，可以设置视频部件的入场动画、强调动画及退场动画。

一、功能效果

为微传添加倒计时部件。倒计时应用的好既能起到提醒作用，又能为品牌制造一定声量。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单设计页面顶部导航点击【控件-倒计时】添加。

2. 快捷菜单

在快捷菜单中可以设置部件的字体大小、主题颜色、层级关系及复制删除操作。

3. 属性面板

3.1 在倒计时页，可以设置截至时间 、主题颜色、字体及透明度。

3.2 在动画页，可以设置倒计时部件的入场动画、强调动画及退场动画。

一、功能效果

可为微传单添加图表。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单设计页面顶部导航点击【控制-图表】添加。

2. 快捷菜单

在快捷菜单中可以编辑数据、切换图标类型、调整层级、进行复制删除操作。

3. 属性面板

3.1 可以设置图标类型、编辑数据及导入excel；编辑数据可设置表头、数据、单位、行列等。

3.2 注意：只支持一维、二维表格，表头不允许只输入数字。

3.3 可选择配色方案、饼状图样式、显示数据标签与否。

3.4 展开高级样式可设置图标部件的透明度、旋转角度、大小及位置。

3.5 在动画页，可设置图标部件的入场动画、强调动画及退场动画。

一、功能效果

为微传添加倒计时部件。倒计时应用的好既能起到提醒作用，又能为品牌制造一定声量。

二、功能说明

【版本】无版本限制

三、设置教程

1. 功能入口

在微传单设计页面顶部导航点击【控件-倒计时】添加。

2. 快捷菜单

在快捷菜单中可以设置部件的字体大小、主题颜色、层级关系及复制删除操作。

3. 属性面板

3.1 在倒计时页，可以设置截至时间 、主题颜色、字体及透明度。

3.2 在动画页，可以设置倒计时部件的入场动画、强调动画及退场动画。

【版本】all

【场景】小程序活动，当前各用不同的页面样式，没有统一的一套页面标准与设置规范，先将所有长页面的小程序活动均统一使用一套页面组件。本次上线的活动为锦鲤抽奖、积分乐园，其他活动会在下个版本上线

【描述】锦鲤抽奖、积分乐园活动采用同一套页面组件

锦鲤抽奖新页面新增【活动说明】模块

模块支持上下移动：

支持修改页面配色（页面按钮、小标题色块）

支持自定义模块样式：

【功能】商业促销类活动增加线上派发流程

【版本】all

【场景】由于当前商业促销类活动仅提供线下兑换商品的方式，无法适用于虚拟商品的兑换，因此修改商业促销类活动的兑换流程，增加线上兑换的方式。

【描述】

1.原“配送方式”改为“兑换方式”，且新增 “线上兑换”方式，“线上兑换”方式包括“客服兑换”“公众号兑换”“网页兑换”；将兑换方式移动至商品设置下，对单个商品设置生效

2.原关联与“邮寄”“上门自取”的“取货信息”和“收货信息”提取出来改为“联系信息”，开启后对所有商品生效，可自定义部分商品需要填写

注:若商品开启了邮寄，但客户未开启“联系信息”的情况，在玩家填写订单时仍需填写“姓名”“联系电话”“联系地址”该三项

3.“兑换方式”与“支付方式”的关联，“兑换方式”受到“支付方式”控制，若选中“线上支付”则商品设置出现“线上兑换”和“线下配送”两种选项， 若选中“线下支付”则只支持“上门自取”这一配送方式

注：优化仅对功能上线后，新创建的活动生效