如何创建微页面

二维码所有内容配置均可在【微页面】的【活码编辑器】中完成。支持多媒体嵌入(如视频、图文混排、文件附件等);并可与表单系统联动,用户扫码即可提交信息至数据库,实现数据采集功能。

1-editor.png

一、微页面创建入口

创建微页面活码我们提供用户两种便捷入口,用户可根据当前使用场景选择最适合的方式:

【入口一】:首页快捷入口

  1. 登录八木屋官网(点击进入首页
  2. 在顶部导航栏找到【文本】功能模块
  3. 点击文本框右侧【高级编辑】选项
  4. 系统将自动跳转至微页面编辑界面,开始创建内容

2-editor-enter-A.png

【入口二】:后台微页面入口

情况A:首次创建微页面

  1. 进入后台管理系统
  2. 在左侧菜单栏找到【内容管理】活码列表
  3. 点击【立即创建】按钮
  4. 系统将自动跳转至微页面编辑页面,开始创建内容

3-editor-enter-B.jpg

情况B:已有微页面需新增

  1. 进入【内容管理】活码列表
  2. 点击左上角【新建活码】/【批量建空码】按钮

3-editor-enter-C.jpg

补充说明:

  1. 所有入口最终均指向【微页面编辑器】
  2. 中途记得手动保存草稿(云端不会自动存储)
  3. 创建后可在【工作台】查看历史创建的微页面二维码

二、使用教程

1. 编辑界面布局说明

整个编辑界面采用三栏式设计:

  • 左侧功能区:组件库与素材管理
  • 中央画布编辑区:实时操作编辑页面
  • 右侧二维码操作区:二维码操作与美化设置

4-editor.jpg

2. 组件设置详细说明

a) 侧边功能区

(1) 样式库

  • 功能概述:提供丰富的组件库,可自由拖拽至画布进行排版设计。
  • 使用方法:将鼠标移动至组件上方,即可选择位置插入页面

5-editor.jpg

具体组件使用教程见下表:

组件类型 功能说明 适用场景
【最近】 展示最近使用的20个组件 可快速复用组件
【标题】 支持多级标题,调整字体、颜色、对齐方式 页面主标题、副标题等
【正文】 富文本编辑,支持加粗、斜体、分割线等 内容描述、说明文案等
【表格】 自定义行列,整理和展示大量数据
详情点击使用教程>
信息查找、对比和分析
【图文】 图片+文字混排,支持多种布局
详情点击使用教程>
产品介绍、新闻资讯等
【跳转链接】 可嵌入跳转链接,支持站内跳转
详情点击使用教程>
导航按钮、链接引流等
【引导】 包含图文引导、地理位置、联系方式
详情点击使用教程>
客服入口、门店导航等

(2) 模板库

  • 功能概述:提供行业专属模板,帮助用户快速搭建专业页面
  • 使用方法:1. 选择模板 → 2. 点击【使用模板】→ 3. 替换内容即可生成个性化页面

6-editor.jpg

(3) 我的页面

  • 功能概述:管理已创建的微页面,支持【预览】、【编辑】、【复制】和【删除】操作。

7-editor.jpg

核心功能:

  • 修改名称:支持修改页面名称。
  • 预览:电脑即可预览手机效果。
  • 编辑:优化页面内容。
  • 复制:快速复用相似页面。
  • 删除:支持删除页面 。

(4) 我的素材

  • 功能概述:统一管理上传的素材文件,支持云端存储,多设备同步。

8-editor.jpg

  • 支持格式:图片、视频、文件、音频等
  • 使用方法:1. 点击【上传】 → 2. 选择文件 → 3. 点击素材即可使用。

优势:

  • 无需本地存储,登录账号即可调用素材
  • 支持智能搜索(按名称、格式、日期筛选)

b) 画布编辑区

  • 功能概述:可视化编辑页面内容,在 【画布编辑区】对微页面内容进行编辑和修改。

注: 在使用微页面设计和修改时,请随时保存,避免因网络问题或其他因素导致页面丢失。

9-editor.jpg

(1) 修改背景

  • 【背景颜色】:点击【背景颜色】即可修改背景,可选择提供的色彩库或输入色号,自定义颜色进行背景颜色的修改。

10-editor.png

  • 【背景图片】:点击【背景图片】即可修改背景,可选择背景库中的图片,也可自定义上传图片作为页面的背景,提供个性化设计。

11-editor.png

c) 二维码操作区

可在【二维码操作区】对活码进行【分享】、【预览】、【下载】、【美化】和【权限设置】。

12-editor.jpg

(1) 活码美化与下载
八木屋提供基础的二维码美化设置,支持【添加Logo】、【二维码颜色调整】、【个性化码点码眼设计】、【容错率设置】及【文字信息添加】等美化功能,确保二维码高效识别的同时兼具美观和品牌辨识度。
详情点击使用教程>

(2) 活码设置
提供活码设置功能,支持多种自定义设置满足不同业务场景需求,包括【二维码访问密码保护】、【有效期设置】、【地域访问设置】等。针对企业版用户,额外提供公众号关注验证功能,实现私域流量精准引流。
详情点击使用教程>

(3) 活码分享
可对活码二维码以【二维码】、【短链】、【海报】、【微信卡片】四种不同的形式进行分享。
详情点击使用教程>

方式 适用场景
二维码 印刷物料、线下海报
短链接 社交媒体、短信推广
海报 微信朋友圈、社群传播
微信卡片 公众号嵌入、小程序跳转

(4) 活码预览
点击页面预览,无须扫码即可在网页端实时查看手机端效果。不同型号手机预览效果不同,与网页端手机预览有细微的差异。

13-editor.png

(5) 后台管理
用户登录管理后台后,可管理个人账号下的所有二维码。支持对二维码进行【批量操作下载、删除等】、【实时查看扫描统计数据】、【修改二维码内容与样式】等。此外,高级版及以上用户可分配子账号并设置管理权限,实现成员团队协作。
详情点击使用教程>


三、常见问题

1. 如何设置排列方式?
点击中央画布编辑区的标准排列,可按需选择【标准排列】/【舒适留白】。

2. 页面会自动保存吗?
页面无法自动保存,需手动点击保存。建议10分钟保存一次页面,防止因网络问题导致页面丢失。

3. 如何在微页面插入图片、视频、音频和文件?
点击左侧【我的素材】,选择素材类型进行上传。上传后点击上传的素材,即可插入到页面。

4. 如何批量生成微页面活码?
如果想要批量生成微页面活码,可点击批量生成活码进行创作。
前往批量生成活码

  • 一、微页面创建入口
  • 【入口一】:首页快捷入口
  • 【入口二】:后台微页面入口
  • 二、使用教程
  • 1. 编辑界面布局说明
  • 2. 组件设置详细说明
  • a) 侧边功能区
  • b) 画布编辑区
  • c) 二维码操作区
  • 三、常见问题