Design Lab | 【会员系统】如何在智能网站部署会员能力
爱用建站
DESIGN LAB
2019-04-02
本文将介绍如何在智能网站开启会员登录、会员注册、购物车等功能，快速上线会员系统。
爱用建站智能网站默认部署会员系统，同时爱用建站提供多种会员应用功能助您快速上线业务。

点击视频，了解如何在Design Lab设置电商应用端展示


开启会员中心悬浮按钮（推荐）
会员中心悬浮按钮可方便访客快速开关/切换会员中心，建议用户开启，开启后即可一键完成基础会员中心部署。
1.PC端登录【爱用建站】，点击【智能网站】-【Design Lab】；
1554118132570014613.png

2.在Design Lab中进入Code管理，勾选开启即可。

1554206868779060663.png

手机端操作类似，开启后预览即可见效果。

Design Lab：PC端
1.PC端登录【爱用建站】，点击【智能网站】-【Design Lab】；

1554118132570014613.png


2.进入后台，点击【模块】-【会员】，分别将会员登录、会员注册、购物车模块拉进布局页面；

1554192425731012916.png


3.添加会员登录功能；
（1）将【会员登录】模块拉进布局页面；

1554192320765075465.png


（2）右键单击【会员登录】模块，在弹框中点击【编辑模块】；

1540950939350012866.png


（3）在【常规】中可以设置标语等功能；

1540950939068063591.png


4.添加会员注册功能；
（1）将【会员注册】模块拉进布局页面；

1554192908335016893.png


（2）右键单击【会员注册】模块，在弹框中点击【编辑样式】，即可编辑会员注册样式；

1554192885100056457.png


5.添加购物车功能；
（1）将【购物车】模块拉进布局页面；

1554193121001071987.png


（2）右键单击【购物车】模块，在弹框中点击【编辑模块】；

1541040549801097972.png


（3）在【常规】中可以设置按钮样式及颜色。

1541040549748015041.png


6.添加会员导航功能，点击【样式】，【会员导航】，开启即可。

1542006357953038727.jpg


Design Lab：移动端
1.进入Design Lab，点击切换为【移动端】即手机设计页面；

1554194044760043226.png


2.点击【模块】-【互动】，分别将【会员登录】和【会员注册】拉进移动端布局页面；

1554194162806000307.png


3.添加会员登录功能；
（1）将【会员登录】模块拉进布局页面；

1554195094284032328.png


（2）右键单击【会员登录】模块，在弹框中点击【编辑模块】；

1554195071007077516.png


（3）在【常规】中选择是否显示用户注册及忘记密码，最后点击确定即可。


4.添加会员注册功能；
（1）将【会员注册】模块拉进布局页面；1554195346111083739.png


（2）右键单击【会员注册】模块，在弹框中点击【编辑样式】进行编辑；

1554195499967002010.png


5.添加购物车功能；
点击系统，勾选【网站服务】，购物车即显示在网页底部。

1554195690037031305.png

6.设置完毕后，点击页面右上角【保存】。

阅读量：12518
上一页：Design Lab | 如何编辑网站标题？
下一页：Design Lab | 【地图】如何添加在线地图及网点分支功能
最新评论

本文由爱用建站平台用户上传并发布，爱用建站仅提供信息发布平台。文章仅代表作者个人观点，不代表爱用建站立场。未经作者许可，不得转载。有涉嫌抄袭的内容，请通过反馈中心进行举报。

{"imgUrl":"https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20200330/1585569687771070727.jpg","origWidth":540,"origHeight":127,"hotAreaArr":[{"dragLeft":354,"dragTop":32,"dragWidth":158,"dragHeight":60,"dragLinkObj":{"optp":"","type":"column","name":"推广C","url":"page.html?id=1371","id":"3302661374230720"}}],"textBtnArr":[],"textBlockArr":[]}

留下你的评论

发表

留下你的评论

发表