59
风铃产品操作手册 目录 风铃产品操作手册............................................................................................................ 1 1、简介 .................................................................................................................... 3 1.1、腾讯风铃对企业、商家的好处:................................................................. 3 1.2、开通风铃权限方法: .................................................................................. 3 1.3 、风铃的普通权限和会员权限的区别:........................................................ 3 1.4、搭建一个手机站点和微信站点的流程: ...................................................... 4 2. 搭建手机站点......................................................................................................... 4 2.1 产品入口:................................................................................................... 4 2.2、创建手机站点: ......................................................................................... 4 2.3、创建通用手机站点: .................................................................................. 6 2.4、创建行业手机站点: .................................................................................. 7 2.5、手机站点查询: ......................................................................................... 8 2.6、新建手机页面(通用站点):...................................................................... 9 2.7、手机页面编辑(通用站点):...................................................................... 9 2.8、手机编辑-组件面板(通用站点):............................................................ 10 2.9 手机编辑窗口(通用站点):....................................................................... 11 2.10、手机编辑-组件设置面板(通用站点): ................................................... 12 2.11、手机页面相关操作(通用站点): ........................................................... 12 2.12、手机页面编辑文字(行业站点): ........................................................... 14 2.13、手机页面编辑图片(行业站点): ........................................................... 15 2.14、手机页面编辑导航(行业站点): ........................................................... 16 2.15、预览手机页面: ..................................................................................... 18 2.16、提交页面审核: ..................................................................................... 18 2.17、删除手机站点: ..................................................................................... 19 2.18、修改手机站点名称: .............................................................................. 19 3. 风铃手机页面组件(通用站点)........................................................................... 20 3.1 文字组件:................................................................................................. 20 3.2 图片组件:................................................................................................. 21 3.3 幻灯片组件: ............................................................................................. 23 3.4 导航组件:................................................................................................. 24 3.5 链接组件:................................................................................................. 25 3.6 微博分享组件:.......................................................................................... 26 3.7 微博收听组件:.......................................................................................... 27

风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

风铃产品操作手册

目录

风铃产品操作手册............................................................................................................ 1

1、简介 .................................................................................................................... 3

1.1、腾讯风铃对企业、商家的好处:................................................................. 3

1.2、开通风铃权限方法: .................................................................................. 3

1.3 、风铃的普通权限和会员权限的区别: ........................................................ 3

1.4、搭建一个手机站点和微信站点的流程: ...................................................... 4

2.搭建手机站点......................................................................................................... 4

2.1 产品入口: ................................................................................................... 4

2.2、创建手机站点: ......................................................................................... 4

2.3、创建通用手机站点: .................................................................................. 6

2.4、创建行业手机站点: .................................................................................. 7

2.5、手机站点查询: ......................................................................................... 8

2.6、新建手机页面(通用站点): ...................................................................... 9

2.7、手机页面编辑(通用站点): ...................................................................... 9

2.8、手机编辑-组件面板(通用站点): ............................................................ 10

2.9 手机编辑窗口(通用站点):....................................................................... 11

2.10、手机编辑-组件设置面板(通用站点): ................................................... 12

2.11、手机页面相关操作(通用站点): ........................................................... 12

2.12、手机页面编辑文字(行业站点): ........................................................... 14

2.13、手机页面编辑图片(行业站点): ........................................................... 15

2.14、手机页面编辑导航(行业站点): ........................................................... 16

2.15、预览手机页面: ..................................................................................... 18

2.16、提交页面审核: ..................................................................................... 18

2.17、删除手机站点: ..................................................................................... 19

2.18、修改手机站点名称: .............................................................................. 19

3.风铃手机页面组件(通用站点)........................................................................... 20

3.1 文字组件: ................................................................................................. 20

3.2 图片组件: ................................................................................................. 21

3.3 幻灯片组件: ............................................................................................. 23

3.4 导航组件: ................................................................................................. 24

3.5 链接组件: ................................................................................................. 25

3.6 微博分享组件: .......................................................................................... 26

3.7 微博收听组件: .......................................................................................... 27

Page 2: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.8 微博邀请好友组件: ................................................................................... 28

3.9 电话拨打组件: .......................................................................................... 29

3.10 留言组件: ............................................................................................... 30

3.11 视频组件: ............................................................................................... 31

3.12 抽奖组件-九宫格: ................................................................................... 32

3.13 抽奖组件-刮刮乐: ................................................................................... 34

3.14 抽奖组件-一键抽奖: ................................................................................ 34

3.15 门店查找组件: ........................................................................................ 35

4、搭建微信站点 .................................................................................................... 36

4.1、关联微信帐号: ....................................................................................... 37

4.2、进入微信公众平台: ................................................................................ 38

4.3、设置为开发模式:.................................................................................... 38

4.4、配置微信接口: ....................................................................................... 39

4.5、配置微信自定义菜单管理工具:............................................................... 40

4.6、配置微信地图管理工具: ......................................................................... 43

4.7、配置微信智能回复管理工具: .................................................................. 44

4.8、风铃-微信服务关闭: ............................................................................... 49

4.9、风铃-微信服务重新开启: ........................................................................ 50

4.10、风铃站点绑定新微信公众账号: ............................................................. 50

5、运营数据及效果转换数据................................................................................... 51

5.1、运营数据入口........................................................................................... 51

5.2、用户管理.................................................................................................. 52

5.3、站点流量.................................................................................................. 53

5.4、中奖名单.................................................................................................. 54

5.5、留言查看.................................................................................................. 54

6、常见问题解答 .................................................................................................... 55

6.1 风铃优秀案例有哪些? .............................................................................. 55

6.2 为什么不能正常登陆风铃? ....................................................................... 55

6.3 风铃页面需要多久可以审核完成? ............................................................. 56

6.4 页面做了修改后还需要再次提交审核吗? .................................................. 56

6.5 开通风铃帐号后是不是就有微信菜单? ...................................................... 56

6.6 风铃创建的站点能否在微信以外使用? ...................................................... 56

6.7 风铃中的微信自定义菜单设置工具支持外部链接吗? ................................. 56

6.8 在微信公众平台设置的微信菜单内容为什么没了? ..................................... 57

6.9 风铃系统后台可以提供哪些数据服务? ...................................................... 57

6.10 用户在风铃页面进行报名,用户数据在哪里可以查询到? ........................ 57

6.11 用户在风铃页面进行留言,怎么可查询到留言信息? ............................... 57

6.12 如何创建即美观又灵活的微信站点?........................................................ 57

7、客服和意见反馈................................................................................................. 58

7.1、产品客服.................................................................................................. 58

Page 3: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

7.2、产品意见反馈........................................................................................... 58

1、简介

1.1、腾讯风铃对企业、商家的好处:

好处1:腾讯风铃可以帮助企业和商家搭建手机站点,进行无线营销。

好处2:腾讯风铃可以帮助企业和商家搭建微信中的站点,进行微信营销。

1.2、开通风铃权限方法:

当前风铃分为普通用户和会员用户两类:

普通用户直接在风铃首页申请注册,审核通过后即可开通权限。(审核时间为10个工作日)

会员用户权限暂不开通,具体时间待定。

1.3 、风铃的普通权限和会员权限的区别:

风铃普通用户:具有手机建站和微信建站的功能。

风铃会员用户:在普通用户权限的基础上,具有更多的高级功能:如房产、汽车行业解决方

案,刮刮卡等高级功能组件。

普通用户和会员用户具体权限区别,详见 http://fl.qq.com/vip

Page 4: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

1.4、搭建一个手机站点和微信站点的流程:

搭建手机站点的步骤:

新建手机站点-》新建手机页面(可用通用站点和行业站点 2 种方式)-》预览手机页面-》

提交审核-》审核通过-》完成。

搭建微信站点的步骤(在搭建手机站点的基础上,增加了 2 个微信相关步骤):

新建手机站点-》新建手机页面(可用通用站点和行业站点 2 种方式)-》预览手机页面-》

提交审核-》审核通过-》关联微信帐号-》配置微信相关功能-》完成。

2.搭建手机站点

2.1 产品入口:

点击【现在开始】,可以进入风铃站点页面。

2.2、创建手机站点:

点击【创建站点】导航,会弹出‘新建站点‘页面,你需要选择是创建【通用站点】还是创

Page 5: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

建【行业站点】。

通用站点:使用组件来进行手机站点搭建。具体界面如下图:

行业站点:使用行业模板来创建手机站点,目前有房产、汽车行业模版供选择。如下图:

Page 6: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

2.3、创建通用手机站点:

点击【通用站点】按钮,如下图:

会弹出‘新建站点’对话框,你需要输入‘站点名称’、‘所属行业’的信息。

点击【确定】按钮后,站点即创建成功。

Page 7: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

2.4、创建行业手机站点:

点击【行业站点】按钮,如下图:

会弹出‘行业模版’选择对话框,当前有交通和房产行业模版可供选择。

点击房产模版的【选择】按钮,会弹出‘完善站点资料’对话框,你需要输入‘站点名称’

信息。

Page 8: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

输入【站点名称】信息后,点击【确定】按钮。会进入到【站点页面编辑】界面。

2.5、手机站点查询:

点击【我的站点】导航,即可以查询到所有的手机站点,包括通用站点和行业站点。

Page 9: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

2.6、新建手机页面(通用站点):

在站点编辑页面,点击【新建】按钮,会弹出‘新建页面‘界面,输入对应的手机页面名称。

如上图,如输入‘页面 1’,点击【确认】则手机页面新建成功。

2.7、手机页面编辑(通用站点):

点击【编辑】按钮,可以进入风铃的手机的编辑页面。

风铃的编辑页面包括 4 部分:组件面板、手机编辑窗口、组件设置面板、页面操作栏。

Page 10: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

2.8、手机编辑-组件面板(通用站点):

组件面板:有 15 个功能组件,如下图:

包括文字、图片、幻灯片、链接、导航、拨打电话、微博收听、微博好友邀请、微博分享、

留言板、腾讯视频、九宫格抽奖、刮刮乐、一键抽奖、门店查找组件。具体使用详见章节三。

Page 11: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

2.9 手机编辑窗口(通用站点):

将组件面板中的组件拖拽到手机编辑窗口中,就可以进行手机页面的排版和布局了。手机编

辑窗口中的各个组件可以拖拽进行调整位置和布局,如下图:

Page 12: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

2.10、手机编辑-组件设置面板(通用站点):

可以设置各个组件的对应属性,如幻灯片组件可以上传图片并设置图片标题等,如下图:

2.11、手机页面相关操作(通用站点):

可进行【站点风格】、【新建手机页面】、【保存页面】、【旋转】、【预览】、【提交审核】等操作,

Page 13: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

如下图:

手机站点风格:点击【站点风格】按钮,可以将手机页面更换站点颜色,如下图选择为‘橙

色’,则手机页面风格会变成‘橙色’。

手机编辑面板旋转:点击【旋转】按钮,可以将手机编辑面板进行横屏、竖屏展示,以满足

智能手机不同方式的访问手机站点体验。

Page 14: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

2.12、手机页面编辑文字(行业站点):

在站点列表页面,选中一个行业站点,点击【 】按钮。

会进入到行业页面编辑界面,可使用‘换图、换文字’的方式,制作你的行业手机页面。如

下图:

选中行业页面中的文字,右侧编辑框会出现对应的文字编辑器,修改对应的文字即可。

Page 15: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

注:我们提供的风铃行业站点为标准的行业解决方案,我们致力于给到客户最佳的行业解决

方案,因此行业站点是不能新增手机页面,也不能删除手机页面的。

2.13、手机页面编辑图片(行业站点):

如下图:选中行业页面中的图片区域,右侧编辑框会出现对应的图片编辑器,上传对应格式

要求的图片即可。

Page 16: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

图片可以设置对应的链接,链接可以内部链接和外部链接:

内部链接设置的是链接到风铃的站内页面,如下图。

外部链接设置的是链接到任意的页面链接,例如 3g.qq.com,如下图:

2.14、手机页面编辑导航(行业站点):

如下图:选中行业页面中的导航区域,右侧编辑框会出现对应的导航编辑器,设置对应的导

Page 17: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

航文字即可。

如上图,修改‘某某花园’的文字,如改成‘万科城’。则对应的第一个导航就会变成‘万

科城’。

还可以有三种导航样式可选,分别如下:

经典样式:

柔和样式:

清爽样式:

Page 18: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

2.15、预览手机页面:

在站点编辑页面,点击【预览】按钮,会弹出‘手机页面预览‘界面,如下图:

扫描右边的二维码可以直接手机预览

注:预览手机页面的时候所扫描的二维码为‘临时二维码’,不能做为推广使用;审核通过

后,所生成的二维码才能做为正式推广使用。

2.16、提交页面审核:

在站点编辑页面,点击【提交审核】,会弹出 2 种提交审核方式:仅此页面提交审核、全部

页面提交审核。

可以点击【仅此页面】按钮,此页面会提交审核。

可以点击【所有页面】按钮,此站点的所有页面会提交审核。

系统管理员会在一个工作日内进行手机页面审核(注:非工作日不进行风铃页面审核工作)。

Page 19: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

2.17、删除手机站点:

在站点列表页面,点击如下图的【删除】按钮,即可删除手机站点。

点击【删除】按钮后,有如下提示,点击【确认】后,站点删除。

注:删除站点操作不可逆,即删除的手机站点,无法再恢复,请慎重使用此功能。

2.18、修改手机站点名称:

在站点列表页面,点击站点名称,会弹出如下图的对话框,修改对应的站点名称,点击

‘ ’则保存新的站点名称;点击‘ ’则放弃新名称的保存。

Page 20: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.风铃手机页面组件(通用站点)

注:以下组件只能在风铃通用站点中使用。

3.1 文字组件:

用途:在手机页面上展现文字内容。

使用方法:将文字组件 拖拽到手机编辑窗口中,如下图,即可在右边的属性编辑

界面设置。

设置项包括:标题和内容。

Page 21: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

标题最多可设置 14 个字,并可设置为‘显示还是不显示’。

文字组件可设置对应文字的字体,如下图,最多 140 个字:

3.2 图片组件:

用途:在手机页面上展现图片(单个)。

使用方法:将图片组件 拖拽到手机编辑窗口中,如下图,即可在右边的属性编辑

界面设置。

Page 22: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

设置项包括:上传图片文件、图片标题和图片的链接。

选择图片:点击【选择文件】上传对应的图片文件。

内部链接设置的是链接到风铃的站内页面,如下图。

外部链接设置的是链接到任意的页面链接,例如 3g.qq.com,如下图:

Page 23: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.3 幻灯片组件:

用途:在手机页面上展现多个图片,用幻灯片的形式播放。

使用方法:将幻灯片组件 拖拽到手机编辑窗口中,如下图,即可在右边的属性编

辑界面设置。

设置项包括:选择多个图片上传、图片标题和图片的链接。

选择图片:点击【选择文件】上传对应的图片文件,最多可以上传 5 张图片。

注:图片标题和图片链接的功能,同图片组件。

Page 24: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.4 导航组件:

用途:在手机页面上放置‘导航条’,可以将多个手机页面串联起来。

使用方法:将导航组件 拖拽到手机编辑窗口中,如下图,即可在右边的属性编辑界

面设置。

设置导航组件有 2 种模式:‘统一导航’和‘自定义导航’。

统一导航:使用统一导航的页面,将同步到其他使用统一导航的页面。

导航可设置每个导航项的‘名称’和‘是否显示’。

Page 25: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

自定义导航:在自定义导航上做的导航修改,只会对当前页面产生影响。

导航可设置每个导航项的‘名称’和‘是否显示’。

3.5 链接组件:

用途:在手机页面上放置链接,用户可以跳转到其他手机页面。

使用方法:将链接组件 拖拽到手机编辑窗口中,如下图,即可在右边的属性编辑

界面设置。

设置的链接,可以是内部链接,也可以是外部链接。具体的链接设置方法同‘图片组件的链

接’设置。

Page 26: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.6 微博分享组件:

用途:在手机页面上增加微博分享按钮,用户点击此按钮后可将此手机页面分享到腾讯微博,

进行 SNS 传播。

使用方法:将微博分享 组件拖拽到手机编辑窗口中,如下图,即可在右边的属性

编辑界面设置。

设置的项目包括:微博分享内容、微博分享标题、链接地址、微博 LOGO 是否显示。

Page 27: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

不显示微博 LOGO 的设置如下:

如上图,不勾选‘显示微博 LOGO’的勾选框,微博 LOGO 将不显示,效果如下图:

勾选时

不勾选时

3.7 微博收听组件:

用途:在手机页面上增加微博收听功能,用户点击‘微博收听’按钮后,可发送一条微博消

息到腾讯微博。同时用户还会收听你的微博帐号。

Page 28: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

使用方法:将微博收听组件 拖拽到手机编辑窗口中,如下图,即可在右边的属性

编辑界面设置。

设置的项目包括:话题名称、默认文字、腾讯微博 ID、icon 是否显示。

3.8 微博邀请好友组件:

用途:在手机页面上增加微博邀请好友功能,用户点击微博邀请好友按钮后,可发送一条微

博消息到腾讯微博,并‘提及@‘到用户所选中的微博好友,进行 SNS 传播。

使用方法:将微博邀请好友组件 拖拽到手机编辑窗口中,如下图,即可在右边的

属性编辑界面设置。

设置的项目包括:邀请文字、标题、链接地址、邀请 icon 是否显示。

Page 29: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.9 电话拨打组件:

用途:在手机页面上增加拨打电话的功能。

使用方法:将‘电话拨打‘组件 拖拽到手机编辑窗口中,如下图,即可在右边

的属性编辑界面设置。

设置的电话号码可以是手机、座机、400 电话三种,如下图:

Page 30: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

电话号码显示大小设置:如下图,设置小、中、大三项,会让你的电话号码字体变化。

3.10 留言组件:

用途:在手机页面上增加留言功能、报名功能。

使用方法:将‘留言‘组件 拖拽到手机编辑窗口中,如下图,即可在右边的属性

编辑界面设置。

设置的对应的留言项,包括:姓名、联系电话、电子邮件、QQ 号码、联系地址、留言正文。

如勾选为‘必填项‘,如设置’联系电话‘为必填项:则用户在留言的时候,必须要填写联

系电话才能提交表单,留言或报名成功。

Page 31: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.11 视频组件:

用途:在手机页面上增加视频展现功能。

使用方法:将‘视频‘组件 拖拽到手机编辑窗口中,如下图,即可在右边的属性

编辑界面设置。

视频组件设置项包括:视频标题、视频链接地址(注:目前仅支持腾讯视频链接)。

Page 32: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.12 抽奖组件-九宫格:

用途:在手机页面上增加抽奖活动功能。

使用方法:将‘九宫格抽奖‘组件 拖拽到手机编辑窗口中,如下图,即可在右边

的属性编辑界面设置。

抽奖活动组件设置项包括:抽奖名称、抽奖开始时间、结束时间、收听微博帐号、奖品项设

置。

抽奖开始时间、结束时间设置:只有在这个时间段内的,抽奖活动才有效,否则提示用户“抽

奖未开始 or 抽奖活动已结束“。

Page 33: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

奖品设置:可以最多设置五个等级的奖品,即 1~5 等奖。点击【添加奖品】可增加奖品类

型。设置奖品时,需要上传对应的奖品图片、设置奖品名称、奖品数量信息。

中奖名单和发奖:抽奖活动结束后,可以在‘运营数据-》中奖名单‘界面中查询到具体的

中奖名单,具体内容详见中奖名单章节。

Page 34: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.13 抽奖组件-刮刮乐:

用途:在手机页面上增加刮刮卡类型的抽奖活动功能。

使用方法:将‘刮刮乐抽奖‘组件 拖拽到手机编辑窗口中,如下图,即可在右边

的属性编辑界面设置。方法同‘九宫格抽奖’组件。

3.14 抽奖组件-一键抽奖:

用途:在手机页面上增加一键抽奖活动功能。

使用方法:将‘一键抽奖‘组件 拖拽到手机编辑窗口中,如下图,即可在右边

的属性编辑界面设置。方法同‘九宫格抽奖’组件。

Page 35: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

3.15 门店查找组件:

用途:在手机页面上增加门店查找、地图导航功能,方便用户通过地图导航功能查找到商家

的线下门店。

使用方法:将‘门店查找‘组件 拖拽到手机编辑窗口中,如下图,即可在右边的

属性编辑界面设置。

门店查找组件设置项包括:标题、城市列表、门店关键字三项设置。

Page 36: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

增加新城市:输入‘武汉‘,可新增所查找的城市。如下图:

搜索门店关键字设置:如下图,输入‘麦当劳‘关键字后,用户可通过手机查询到附近 2

公里范围内的麦当劳门店。

4、搭建微信站点

在无线建站的基础上,通过风铃的【微信自定义菜单管理工具】、【微信地图管理工具】、【微

信智能回复管理工具】三个功能配置,可生成一个微信站点。

具体操作方式:在站点列表页面点击右边的【关联微信】按钮,即可生成微信站点。

Page 37: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

4.1、关联微信帐号:

在无线站点和微信打通之前,需要关联你的微信公众帐号。如下图,点击页面上方的【点击

进行关联】功能按钮。

关联微信帐号分 3 个步骤:

进入微信公众平台-》设置为开发模式-》配置微信接口,如下图:

操作时,请按照下图图示的方式进行各个步骤的操作。

Page 38: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

4.2、进入微信公众平台:

在浏览器中输入以下地址:https://mp.weixin.qq.com,即可进入到微信公众平台。

4.3、设置为开发模式:

进入到微信公众平台后,点击菜单【高级功能】,并开启【开发模式】。

Page 39: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

4.4、配置微信接口:

进入到开发模式后,可以在微信公众平台的开发模式页面下,找到对应的 appid 和

appsecret 的信息,如下图:

将 AppID 以及 Appsecre 信息拷贝到风铃的‘配置微信接口’界面中,如下图:。

注:Appid 以及 Appsecre 需要开通微信自定义菜单才有,所以想要使用‘微信自定义菜

单管理工具’的功能,需要将你的微信公众帐号升级为服务号。

Page 40: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

4.5、配置微信自定义菜单管理工具:

前提条件:微信公众账号需要是微信服务号。

进入到微信配置界面, 点击左边导航的【微信自定义菜单管理工具】入口,点击【开始创

建】,会进入【微信自定义菜单管理工具】配置界面。

点击【添加菜单】按钮,可以添加一个微信菜单,然后选择对应的风铃页面与其关联。同理

创建多个菜单后,每个菜单都可以关联一个风铃页面。这样你的微信站点就创建出来了。

Page 41: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

创建出来的微信站点效果如下:点击微信自定义菜单后,会弹出文字或者图文消息。点击消

息后,会弹出对应关联的风铃页面。

微信菜单对应的‘文字’和‘图文’消息的设置:

见下图红框部分,你可以选择‘文字’,也可以选择‘图文’,选择后设置对应项目即可。

设置文字消息的界面:输入对应的正文、关联页面项。

Page 42: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

关联页面可以是内部链接和外部链接:

内部链接设置的是链接到风铃的站内页面,如下图。

外部链接设置的是链接到任意的页面链接,例如 3g.qq.com,如下图:

设置图文消息的界面:输入对应的标题、封面、正文、关联页面项,如下图:

设置多图文消息:图文消息可是多个图文,最多为 10 个。

如下图,点击【添加图文】按钮,可以将你的微信消息变成多图文消息。

Page 43: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

4.6、配置微信地图管理工具:

注:此功能微信服务号、订阅号均可使用。

进入到微信配置界面, 点击中间的【配置微信地图管理工具】入口,点击【开始创建】,会

进入【配置微信地图管理工具】配置界面。

Page 44: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

进入‘配置微信地图管理工具’设置界面,设置对应的门店关键字,如下图示例设置为‘宝

马’。用户就可以在查看到离用户当前位置最近的‘宝马 4S 店’。

用户查找最近‘宝马 4S 店’的方法:

如下图用户发送地理位置给你的公众帐号,公众帐号会自动回复文字消息,用户点击消息后,

会看到地图页面,上面显示离用户最近的‘宝马 4S 店’。

4.7、配置微信智能回复管理工具:

注:此功能微信服务号、订阅号均可使用。

进入到微信配置界面, 点击中间的【配置微信智能回复管理工具】入口,点击【开始创建】,

会进入【配置微信智能回复管理工具】配置界面。

Page 45: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

关键字自动回复功能:

设置关键词自动回复,可以通过添加规则,订阅用户发送的消息内如果有您设置的关键字,

即可把您设置在此规则名中回复的内容自动发送给订阅用户。

如下界面,点击【手工添加】按钮,可以添加一组微信关键字回复,如下图:

具体的手工添加微信关键字回复操作如下:

在‘关键字’输入框中输入对应的关键字,例如‘试驾报名’,然后设置对应的文字或者图

文消息,并选择关联对应的风铃页面。

Page 46: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

手工录入关键字的时候,这里的关键字最多可以录入 10 个。

批量导入关键字:在关键字列表界面,点击【批量导入】按钮,可以批量导入微信关键字回

复,最多 1000 组关键字。如下图:

导入关键字的方法:先下载 excel 模版,在 excle 模版中录入对应的关键字信息,然后点击

【上传文件】即可批量导入关键字。

预览关键字自动回复消息:

Page 47: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

在关键字列表中,点击如下图的【预览】按钮。

会弹出如下图的预览消息界面,即表示用户在微信中输入‘高尔夫、车型‘关键字后,微信

公众帐号会自动回复如下的微信消息。

删除关键字:

在关键字列表中,点击如下图的【删除】按钮,则逐个逐个删除关键字设置项;点击【批量

删除】按钮,则可批量删除关键字设置项。

设置关键字后的效果:如下图,例如输入‘牛仔裤’,可以弹出对应的‘牛仔裤’的图文消

息,点击图文消息,会打开对应的‘牛仔裤风铃页面’,展现牛仔裤的详细信息。

Page 48: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

被添加自动回复功能:

设置被添加自动回复后,微信粉丝在关注您的公众号时,会自动发送您设置的文字/图片给

粉丝。

如下界面,点击【添加】按钮,可以添加‘被添加自动回复’消息。具体操作方法同关键字

回复功能。

注:被添加自动回复只能设置一条消息。

消息自动回复功能:

设置消息自动回复后,会在微信粉丝给您发送微信消息时,会自动回复您设置的文字/图片

给粉丝。

如下界面,点击【添加】按钮,可以添加‘消息自动回复’。具体操作方法同关键字回复功

能。

Page 49: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

注:消息自动回复只能设置一条。

4.8、风铃-微信服务关闭:

如果你想关闭风铃中对应的‘微信服务’,点击如下图的【关闭】按钮即可。三个服务可分

别关闭。

点击【关闭】按钮,系统会提示你是否确认关闭,确认后,此服务将关闭。

Page 50: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

4.9、风铃-微信服务重新开启:

如果你想开启已经关闭的‘风铃微信服务’,点击如下图的【开启】按钮即可。已经关闭的

服务可以重新开启。

点击开启按钮后,弹出如下图提示,点击【确认】即开启对应的服务。

注:开启服务后,以前设置的服务信息均完整保留。

4.10、风铃站点绑定新微信公众账号:

如风铃已经服务于微信公众帐号 A,现在想更换成服务于微信公众帐号 B,可以如下操作:

在风铃微信设置页面中,点击【点击更改】,重新设置对应的微信公众帐号绑定信息即可。

Page 51: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

5、运营数据及效果转换数据

5.1、运营数据入口

在每个风铃站点的‘操作栏’中,有对应的‘运营数据’入口,如下图:

点击‘ ’按钮,即可进入到对应的运营数据页面。对应的运营数据分 4 个类别,包括:

‘用户管理’、‘站点数据’、‘中奖名单’和‘留言查看‘。

Page 52: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

5.2、用户管理

注:风铃行业站点才有此功能。

点击【用户管理】标签,可进入到‘用户管理‘的界面,如下图:

用户通过行业站点,如‘汽车和房产‘行业站点的报名页面,提交的个人信息,这里都可以

进行分类查询。

查询项目包括‘报名时间‘、’用户姓名‘、’手机号码‘、’购买意向‘进行过滤查询。

登记客户购买意向:

点击用户记录列表中的‘记录‘字段,则可以登记用户的购买意向。

登记客户购买意向的界面如下图:

可以记录客户是否有购买意向,同时记录交流的时间、沟通具体结果等内容。方便跟踪用户

Page 53: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

的转化。

5.3、站点流量

点击【站点流量】导航,即可查看对应的手机站点流量报表,含流量‘概览报表‘、’页面

报表‘、’性别报表‘、’年龄报表‘、’地域报表‘。

概览报表如下图:包括 PV、日均 PV、访问、日均访问、留言数。

概览报表如下图:包括 PV、日均 PV、访问、日均访问、留言数。

页面报表如下图:包括热点页面报表数据,含每个页面的具体访问人数、访问占比等数据。

Page 54: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

5.4、中奖名单

用户在风铃手机页面中可以进行抽奖(页面中含抽奖组件),抽奖活动完成后,管理员查看

中奖用户的方法如下:点击【中奖名单】导航,即可查看到中奖用户信息,包括 ID、QQ

号码、姓名、奖品等级、奖品名称、手机号码、邮寄地址和邮编信息。

5.5、留言查看

用户在风铃手机页面中可以进行留言(页面中含留言组件),留言的记录查询方式如下:点

Page 55: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

击【留言查看】导航,即可查看到用户给你所有的留言记录。

6、常见问题解答

6.1 风铃优秀案例有哪些?

扫描下图的二维码,可以体验风铃最新的优秀案例,包括房产和汽车4S店等经典案例。

6.2 为什么不能正常登陆风铃?

通常是您使用的浏览器我们不支持,建议您使用Firefox和Chrome浏览器打开风铃,我们的

提示中有链接可以进入Firefox和Chrome的官网进行下载。

Page 56: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

6.3 风铃页面需要多久可以审核完成?

风铃的页面需要审核通过后,才能正式使用。我们会在您提交页面审核后,三个工作日内审

核完毕。

6.4 页面做了修改后还需要再次提交审核吗?

是的,需要再次提交审核才行。

根据国家信息安全等相关法律法规规定,页面内容需要进行严格审核才能使用和发布。所以

建议您尽量的一次性把页面做好,统一进行提交审核,这样效率最高。

6.5 开通风铃帐号后是不是就有微信菜单?

风铃提供的是微信建站服务,而微信自定义菜单是需要你到微信公众平台自己去申请开通。

(微信菜单及微信类相关问题具体详见https://mp.weixin.qq.com/)

6.6 风铃创建的站点能否在微信以外使用?

可以的,风铃系统开发的站点除了在微信公众账号中使用以外,还可以单独生成一个链接作

为手机站点使单独用(如在手机浏览器中直接访问风铃创建的站点)。

6.7 风铃中的微信自定义菜单设置工具支持外部链接吗?

可以的,【自定义菜单设置工具】即可以支持风铃站内链接,也可以支持外部链接。

Page 57: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

6.8 在微信公众平台设置的微信菜单内容为什么没了?

风铃提供【自定义菜单设置工具】来设置你的微信菜单,你使用此工具后,风铃会覆盖你先

前在微信公众平台设置的微信菜单设置。

6.9 风铃系统后台可以提供哪些数据服务?

风铃提供运营数据分4个类别,包括:‘用户管理’、‘站点流量’、‘中奖名单’和‘留

言查看‘。通用站点中有站点流量﹑中奖名单和留言查看3项。行业站点中有用户管理﹑站

点流量﹑中奖名单和留言查看4项。

6.10 用户在风铃页面进行报名,用户数据在哪里可以查询到?

行业站点可以用户管理中可以查看报名信息,通用站点可以在留言查看中查询到所有的用户

报名信息。

6.11 用户在风铃页面进行留言,怎么可查询到留言信息?

企业用户可以在“CRM-留言查看“中查看用户的留言信息。

6.12 如何创建即美观又灵活的微信站点?

您在使用风铃建站的时候,可使用2个站来搭建:一个站用行业站点来建站(创建漂亮的行

Page 58: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

业站点页面)、另外一个用通用站点来建站(满足客户各类灵活的、个性的手机页面)。这

2个站点建立好之后,都统一‘放入’到一个微信公众帐号里面,这样你的微信站点就可以

即灵活又美观了。

7、客服和意见反馈

7.1、产品客服

在风铃首页 fl.qq.com 的右边下角,有对应的在线 QQ 咨询服务,你有任何风铃产品的相

关咨询问题,都可以通过此客服进行留言。我们的客服人员会在 48 小时内(2 个工作日)

给你专业的答复。

7.2、产品意见反馈

在风铃首页 fl.qq.com,顶部导航点击【反馈】,可以将你对风铃产品的意见反馈给我们。

点击【反馈】按钮后,可以进入到以下页面:

Page 59: 风铃产品操作手册 - appmedia.qq.comappmedia.qq.com/media/fl/FL_user_manual_1.2.pdf · 1.4、搭建一个手机站点和微信站点的流程: 搭建手机站点的步骤:

点击【我要说一下】按钮,可以发表你对风铃产品的意见反馈。我们会根据用户的反馈,持

续不断优化和提升产品。