微页面创建与设计

概述

微页面创建与设计的操作说明。

开始之前

[!IMPORTANT]
使用有权访问本功能的账号。按下方步骤准备对应的业务数据或配置资料。

操作说明

微页面用于搭建活动报名、资料下载、问卷、产品介绍等 H5 或小程序页面。市场人员可以在页面中组合文字、图片、视频、表单等组件，并设置点击或表单提交后的后续动作。

适用场景与创建准备

适用场景

• 会议、直播或线下活动报名。
• 白皮书、方案或产品资料下载。
• 产品试用和预约演示申请。
• 调研问卷、满意度回访。
• 产品展示和品牌内容传播。
• 会员注册、登录、个人中心或会员内容展示。

创建前准备

• 明确页面要传达的核心信息，以及希望访问者完成的动作。
• 准备适配手机端的图片、文案和附件。
• 确认表单需要收集的字段、数据存入位置及后续处理方式。
• 如需区分不同渠道的推广效果，提前规划推广入口和对应链接。
• 如页面需要同时在手机端和 PC 端推广，提前选择合适的 PC 端展示方式。

以下视频介绍了微页面的基本制作方法：

查看微页面制作视频

创建和编辑微页面

新建微页面

1. 进入内容中心 > 微页面，点击新建微页面。
2. 根据页面用途选择微页面类型：
   • 通用微页面：适用于产品展示、案例展示等不随活动变化的中性内容，可添加到多个市场活动中重复使用。微页面列表只展示通用微页面。
   • 活动微页面：适用于某一场活动，页面展示内容和表单只服务于该活动，不能直接用于其他活动。

3. 选择已有模板快速创建，或选择空白模板从头设计。

4. 设置微页面名称并进入设计页面。名称建议包含活动、产品或时间信息，便于后续查找和复用。

了解设计窗口

微页面设计窗口主要分为左侧的页面和组件区域、中部画布，以及右侧的页面和组件设置区域。

1. 页面管理

在左侧页面区域管理微页面的内部页面。一个微页面可以包含多个内部页面，例如可为表单提交成功后的提示内容单独添加一个页面。

2. 组件选择

在左侧组件区域选择文字、图片、视频、表单、按钮和自定义布局等组件。按住鼠标左键，将组件拖到中部画布中即可使用。

3. 页面画布

在中部画布中组织页面结构、调整组件顺序并编辑内容。

4. 页面和组件设置

• 页面设置：设置页面标题、分享标题、分享描述和分享图片。
• 组件设置：设置当前组件的展示内容、样式及交互动作。

添加内容和表单

常用组件及用途如下：

组件	主要用途
文字、图片、视频	展示活动信息、产品价值、主视觉和视频内容。
按钮	引导访问者报名、下载、咨询或跳转。
自定义布局	灵活组织图文内容和页面版式。
表单、分步表单	收集姓名、手机号、公司和需求等信息；字段较多时可通过分步表单分段填写。
菜单和侧边悬浮	提供页面导航或固定操作入口。
对象列表和对象详情	根据实际业务设计展示 CRM 对象相关内容。

组件数量不宜过多。页面应让访问者快速理解“页面提供什么内容、对自己有什么价值、下一步需要做什么”。

添加自定义布局

自定义布局适合设计较灵活的图文内容。将自定义布局组件拖入画布后，双击组件进入编辑。

添加表单

1. 将表单组件拖入画布，双击组件进入表单设计。
2. 添加需要收集的字段，并设置清晰的字段名称、填写提示和必填规则。
3. 将表单字段与目标对象字段建立映射。
4. 点击表单提交按钮，设置提交后的动作，例如跳转页面、下载资料或引导关注公众号。

保存页面并完成表单设置

页面设计完成后，点击右上角的保存并退出返回微页面列表。微页面中含有表单时，还需要根据页面提示完成表单设置，数据才能按设置同步进入 CRM。

线索设置

• 存入到线索池（推荐）：适用于统一管理和分配市场活动表单收集的潜在线索。选择此项前，需要在管理后台的线索池中创建对应的市场线索池并设置分配规则。
• 存入到销售线索：适用于由推广员工直接负责跟进线索。系统会将推广员工设置为获取线索的负责人。请确保所有参与推广的员工都有新建线索的权限；如果员工没有权限，负责人将被设置为“系统”，需要后续在 CRM 中手工变更负责人。

标签设置

可根据内容或活动特征，为提交表单的用户设置标签。例如，为农牧行业直播活动设置农牧行业和在线直播等标签，后续可通过标签筛选目标人群并开展针对性营销。

在市场活动中推广

完成表单设置后，可在市场活动中添加并推广微页面。根据实际场景，进入活动营销、会议营销或直播营销，在推广内容区域点击**+创建推广内容**，选择已创建的微页面。

页面跳转与提交后动作

微页面中的文字、图片和按钮支持设置点击后动作，表单提交按钮也可以设置提交后动作。配置后应从访问者实际使用的入口进行测试。

页面内跳转

跳转内部页面

打开当前微页面中的另一个内部页面，适用于表单提交成功提示、下一步说明或活动规则等场景。

1. 先在微页面内部页面列表中添加目标页面。
2. 选择需要配置的文字、图片、按钮或表单提交按钮，将动作设置为跳转内部页面并选择目标页面。

切换内部布局

切换当前页面中的某个内部布局，适用于分步骤提交表单、根据不同用户角色展示不同字段，或在同一页面中切换内容布局。

外部地址、资料和内容

跳转网页地址

打开公众号文章、官网或外部活动页面等网页地址。

在小程序中推广时，第三方域名会受到微信安全域名限制。未配置的第三方域名可能提示“非业务域名”，访问者需要复制链接后在浏览器中打开。如需在小程序中直接访问第三方网站：

1. 将营销通提供的 TXT 文件部署到第三方网站主域名下，并确保该文件可以直接访问。
2. 联系纷享客户经理，由营销通团队配置白名单。
3. 配置完成后，进入数字展厅 > 小程序设置完成小程序升级。

查看资料

打开指定纷享网盘文件的预览窗口，适用于在线查阅白皮书、行业解决方案等资料。

下载资料

打开指定纷享网盘文件，适用于下载白皮书、行业解决方案或会议 PPT 等资料。

跳转内容

打开营销通内容中心中的指定内容。跳转时支持传递参数，例如通过 tabIndex=2 让目标页面直接显示第 2 个标签页。

业务交互

自定义函数

表单提交后执行 CRM 自定义函数，通常用于表单数据与 CRM 业务对象进行交互验证，或根据提交信息跳转页面、分发内容以及展示业务列表或详情数据。

小程序

打开指定的外部小程序。

跳转会员页面

打开会员注册、登录、个人中心或个人信息编辑页面。

拨打电话

在移动端调起电话拨号功能，方便访问者快捷拨打指定电话。

个人中心入口

跳转我的报名

打开当前用户报名过的活动列表，适用于会员个人中心等页面。

跳转名片夹

打开当前用户访问过的企业名片列表，适用于会员个人中心等页面。

PC 端页面设计

微页面可同时用于移动端和 PC 端。应根据页面的主要推广终端和期望的 PC 端展示效果选择设计方式。

等比拉伸

适用于主要在移动端推广、PC 端只有少量访问的页面。选择等比拉伸方式，在 PC 端保持移动端页面的原始比例。

宽度按需适配

适用于同时在移动端和 PC 端推广，并希望页面宽度自动适配电脑屏幕的场景。

丰富布局设计

适用于同时在移动端和 PC 端推广，并希望 PC 端具有更丰富布局效果的页面。设计时需要分别检查不同终端的内容排列、图片裁切和按钮点击效果。

图片使用规范

本节适用于微页面中的 Banner、内容图片、列表或卡片图片、图标等图片。合理控制图片尺寸和体积，可以减少移动端加载缓慢、卡顿或闪退等问题。

页面设计基准与推荐尺寸

• 页面可视宽度基准为 375px。
• 建议按 3 倍清晰度（3x）准备图片，以适配高分辨率屏幕。

图片类型	推荐宽度	使用说明
Banner 或头图	1125px	页面顶部大图。
普通内容图片	1125px	文章、说明性图片。
列表或卡片图片	450px～750px	商品、活动列表。
图标或小图	96px～192px	图标、装饰元素。

图片宽度不建议超过 1500px。超过推荐尺寸通常不会明显提升清晰度，反而会增加加载压力。

文件大小与格式

建议在上传前进行无损压缩，在不影响清晰度的前提下减小文件体积。

图片类型	单张大小建议
Banner 或主视觉	不超过 300KB
普通内容图片	不超过 200KB
列表或缩略图	不超过 120KB
图标	不超过 40KB

• 单个页面的图片总大小不超过 2MB，建议控制在 1.5MB 以内。
• 普通图片优先使用 JPG 格式。
• 图标或需要透明背景的图片使用 PNG 格式。

清晰度与加载性能

• 图片宽度建议不小于实际展示宽度的 3 倍。
• 不要直接上传相机原图、4K 图片或其他超大尺寸图片。
• 图片尺寸和数量越大，页面加载越慢，低性能设备更容易出现卡顿或闪退。
• 上传后应分别在常用手机和 PC 端预览，检查图片是否模糊、拉伸或被裁切。

常见问题

图片越大越清晰吗？

不是。图片超过推荐尺寸后，清晰度提升通常不明显，但加载时间会明显增加。

为什么页面在部分手机上加载较慢？

通常是页面中的图片数量较多，或单张图片和整页图片体积过大。建议压缩图片并删除不必要的装饰图。

图片模糊怎么办？

检查图片宽度是否达到实际展示宽度的 3 倍，并避免对已经压缩过的图片进行多次编辑和再次压缩。

营销通微页面与 CRM 智能表单的区别

对比项	营销通微页面	CRM 智能表单
适用场景	收集信息并存入 CRM 相关对象，营销业务属性更强，适用于直播、会议等场景中的报名、问卷和资料下载留咨。	CRM 中的基础能力，可收集数据并存入 CRM 对象，用于后续管理和分析。
入口	购买营销通后，进入营销通 > 内容中心 > 微页面。	进入管理后台 > 对象管理 > 智能表单。
主要特点	提供丰富的内容组件和后续动作，可自定义样式；支持在访问、下载和提交信息时为相关用户添加标签并记录行为轨迹，用于后续精准营销。	可基于任意对象创建智能表单，数据自动存入相关对象。
使用限制	系统配置目前仅能将信息存入线索和活动成员对象；如需存入其他对象，需要通过低代码实现。	样式相对固定，属于通用能力，在营销场景中的闭环能力相对有限。

查看智能表单相关说明。

营销通微页面示例

CRM 智能表单示例

相关能力

• 需要通过自定义 HTML 实现特殊排版或内容时，请参阅微页面 HTML 组件编写规则。
• 需要在下载、试用、咨询等关键动作前收集信息或完成身份验证时，请参阅CTA 组件使用。

发布前检查

• 页面标题、公司信息和产品名称准确。
• 页面结构清晰，重要信息和主要操作入口容易找到。
• 图片清晰且体积合理，视频能够正常播放。
• 表单字段完整，必填项和校验规则合理。
• 线索存入位置、负责人处理方式和标签设置符合业务要求。
• 按钮、页面跳转、资料查看和下载等动作均可正常使用。
• 手机端和 PC 端均可正常阅读，图片没有异常裁切，按钮可以点击。
• 已使用测试数据提交表单，并确认数据按设置写入 CRM。
• 页面在未登录、已登录和会员等不同状态下的展示符合预期。

预期结果与验证

完成上述操作后，在对应页面检查处理结果，并与本步骤的目标核对。

常见问题与故障排除

无法继续操作时，先核对上文说明的条件和输入信息；遇到权限提示时，请管理员确认访问权限。