创利 PRO可视化拖拽模块教程|自定义非模板落地页搭建
## 一、 模块布局功能入口
### 1.1 进入方式
登录后台 → 左侧菜单 → **模块布局** → 点击“新建页面”
### 1.2 界面区域
* **左侧模块区**:可拖拽的组件列表
* **中间画布区**:拖拽排版区域,实时预览
* **右侧设置区**:配置选中模块的内容和样式
---
## 二、 核心模块详解
### 2.1 基础信息模块
* **标题模块**
* 配置:文字内容、字号、颜色、对齐
* **文本模块/多行文本模块**
* 配置:文本内容、行高、颜色
* **富文本编辑器模块**
* 配置:支持图片、视频、链接的完整编辑器
* **图片模块/全屏图片模块**
* 配置:上传图片、跳转链接、圆角
* **按钮模块**
* **关键配置**:
1. 按钮文字
2. 关联支付(设置金额)
3. 支付后动作(弹二维码/跳转链接)
4. 样式(颜色、圆角、大小)
### 2.2 社交与信任模块
* **群组模块**
* 配置:群名、头像、人数、简介
* **群成员模块**
* 配置:展示数量、上传头像
* **用户反馈模块**
* 配置:上传截图、昵称、评论文本
### 2.3 功能与装饰模块
* **价格卡片模块**
* 配置:套餐名、原价/现价、特权列表、关联按钮
* **在线客服模块**
* 配置:客服二维码、联系方式、悬浮位置
* **引导模块/推荐模块**
* 配置:推荐项标题、图片、描述、链接
* **代码模块**
* 配置:嵌入自定义HTML/CSS/JS代码
* **推广标签模块**
* 配置:标签文字、颜色、位置
---
## 三、 搭建与发布流程
### 3.1 拖拽搭建
1. 从左侧拖拽模块到画布
2. 在画布拖拽调整顺序
3. 点击模块,在右侧设置区编辑
4. 重复直到页面完成
### 3.2 发布页面
1. 点击“保存”
2. 点击“发布页面”
3. 获取生成的唯一链接和二维码
4. **重要**:建议到“防红系统”生成防红链接后再分发
### 3.3 页面管理
* **预览**:编辑时随时点击“预览”
* **修改**:列表页点击“编辑”,修改后保存即生效
* **下架**:列表页点击“下架”,链接立即失效
---
## 四、 额度与计费规则
### 4.1 免费发布条数
管理员在 **系统设置 → 用户权限** 中配置各等级用户的“免费自定义页面数量”。
**示例配置**:
- 普通会员:3个
- VIP会员:10个
- SVIP会员:50个
### 4.2 超额扣费规则
1. **扣费触发**:创建页面数 > 免费额度时
2. **扣费标准**:管理员在 **系统设置 → 价格配置** 中设置“超额页面单价”(如5元/个/月)
3. **扣费方式**:
- 从用户**系统钱包余额**自动扣除
- 余额不足则无法新建,提示“余额不足,请充值”
4. **记录查询**:用户可在 **我的钱包 → 消费记录** 查看明细
---
## 五、 最佳实践建议
1. **先规划**:纸上画布局草图,明确模块需求
2. **移动端优先**:多用“切换设备预览”功能
3. **核心按钮突出**:支付按钮用醒目颜色,首屏展示
4. **善用信任模块**:使用群成员头像、用户反馈提升转化
5. **测试支付**:发布后用1分钱测试支付→跳转全流程
> 通过本拖拽系统,可打破模板限制,设计独一无二的高转化落地页。