亲子活动H5邀请函 制作-部署-发通知 标准化Skill
一、技能基础信息
技能名称：亲子活动H5邀请函快速制作 + html2web托管发布 + 社群通知落地
适用场景：亲子露营、生日派对、同学小聚、遛娃线下活动
能力目标：零代码基础也能快速产出 带在线报名+一键导航+美化动态H5邀请函
依赖工具
- 记事本 / 文本编辑器
- 静态托管平台：html2web.com
- 高德/百度地图（获取导航分享链接）
- 微信（测试打开、发群通知）
二、前置准备
- 确定活动5要素：活动主题、时间、详细地点、活动简介、温馨备注
- 地图App打开目的地，复制网页版分享导航链接
- 存档通用H5邀请函HTML模板，作为固定底座复用
三、标准执行流程
步骤1：修改H5模板代码
- 用记事本打开通用HTML模板
- 只改内容，不动结构样式
- 网页标题
- 活动时间、地点、介绍文案
- 替换一键导航跳转URL - 文件另存为：index.html，编码选择 UTF-8
步骤2：html2web 一键部署
- 浏览器打开官网：https://html2web.com
- 无需注册登录，直接上传 index.html
- 自动生成专属访问链接
- 微信打开自测：
- 页面正常显示
- 动态动画正常
- 报名可填写
- 一键导航可正常跳转
步骤3：套用固定通知文案模板
各位宝爸宝妈好👋
本周【亲子活动名称】小聚会来啦～
⏰ 时间：
📍 地点：
报名 + 一键导航直达👇
粘贴 H5 链接
请填写小朋友姓名、出行人数、有无饮食忌口，方便统计安排🥰
步骤4：校验 & 社群发布
- 核对时间、地点、导航链接无误
- 文案+链接发家长群
- 随时查看H5内报名名单，统计人数
四、输入参数（每次只需填这几项）
- 活动主题
- 活动日期+具体时间
- 详细活动地址
- 地图导航分享链接
- 额外温馨提示
五、输出成果
- 微信可直接打开的H5邀请函永久链接
- 可直接群发的成品通知文案
- 自动收集在线报名名单
六、常见异常排查
- 微信打不开链接
- 重新上传，文件名必须严格为 index.html - 导航点击无反应
- 重新从地图App复制新分享链接替换 - 图片空白不显示
- 只用在线网络图片地址，不要本地图片 - 报名异常
- 不改动模板JS核心代码，仅改文字
七、复用规范
- 通用HTML模板存档，下次只改文字+地图链接
- 固定使用 html2web.com 托管，流程不变
- 通知文案模板直接复用，仅替换活动信息
- 每次部署后留存链接，便于复盘复用
