为什么需要互动工具？
你的 IG 每张图都有一两百赞，但转换成预约的有几个？可能一个月就那么两三个。问题与其说你的作品不好，不如说客人滑过去就忘了。
互动工具的意思是，让客人在你的网页上“做一件事”。选一个颜色看适不适合自己、回答几个问题看自己适合什么风格的美甲、输入肤色看哪个色号最显白。做完之后，她会觉得“这个美甲师好懂我”，然后自然就点预约了。
这跟心理测验的原理一样。人只要开始回答问题，就很难中途离开。而且做完之后会想分享结果，你的曝光就是这样来的。
场景：美甲师 Ami 的选色器
Ami 做了一个“你的手适合什么颜色”的小工具放在网页上。客人选肤色色调、选平常穿衣风格、选场合，最后会配出三个推荐色。每天大概有二十几个人玩，其中五六个会直接点预约链接。比她在 IG 发限动的转换率高了三倍。
这是馥灵之钥美业合作伙伴的专属内容
加入美业平台，解锁所有深度教学、模板库、实战攻略。
让 AI 帮你的美业事业翻倍成长。
了解美业合作方案
工具一：美甲风格配对器
这是最容易上手的互动工具。客人回答 4 到 5 个问题，系统根据答案配出最适合她的美甲风格。问题要有趣，不要像问卷调查，要像朋友在聊天。
Prompt 模板：美甲风格配对器
帮我做一个“你适合什么风格的美甲”互动工具，用纯 HTML + CSS + JavaScript，一个档案。
规则：
- 共 5 题选择题，每题 4 个选项
- 题目风格轻松有趣，像朋友聊天
- 每个选项对应一个风格分数（日系清新 / 韩系简约 / 欧美个性 / 经典法式）
- 最后统计分数，显示最适合的风格 + 风格描述 + 推荐款式
- 结果页要有“预约体验”按钮，链接到：（你的预约链接）
- 结果页要有“分享结果”按钮（复制结果文字）
题目方向：
1. 你今天的心情像什么天气？（晴天/微风/小雨/打雷）
2. 挑一个周末活动（咖啡厅看书/逛市集/夜店/野餐）
3. 你的手机桌布是什么风格？（花草/极简/偶像/风景）
4. 朋友形容你最常用的词？（可爱/帅气/优雅/随性）
5. 选一个旅行目的地（京都/首尔/纽约/巴黎）
设计要求：
- 手机优先，米白底 + 大地色系
- 一次只显示一题，选了自动跳下一题
- 有进度条
- 结果页要有视觉冲击，配色要好看
进阶技巧
题目选项不要写得太明显。像“你喜欢日式美甲吗？”这种一看就知道答案的问题没有意义。要用间接问法，让客人透过生活喜好去对应风格，这样结果出来她才会觉得“好准”。
工具二：肤色选色器
很多客人不知道自己适合什么颜色。冷色调的手涂暖色指甲油，做完觉得怪怪的但说不出来哪里不对。你可以做一个选色工具，让她选自己的肤色色调，系统推荐最搭的指甲油颜色。
Prompt 模板：肤色选色器
帮我做一个“什么指甲油颜色最适合你”的选色工具，用纯 HTML + CSS + JavaScript，一个档案。
步骤流程：
Step 1：选肤色色调（暖黄调 / 冷粉调 / 中性调 / 深肤色）用色块让她对比手腕内侧选
Step 2：选场合（日常通勤 / 约会 / 重要场合 / 度假放松）
Step 3：选偏好感觉（低调气质 / 活泼亮眼 / 个性前卫 / 优雅经典）
结果：
- 推荐 3 个指甲油色号（用色块显示）+ 每个色号的名称和适合场景
- 加一句风格建议（例如：“你的肤色配上莓果色系会特别显白，约会的时候试试看”）
- 底部有“预约体验这个颜色”按钮
设计要求：
- 手机优先，极简风
- 色块要够大，方便在手机上点选
- 结果页的推荐色块要大且突出
- 米白底 + 大地色系 + 推荐色块用实际颜色
工具三：肤质自检工具
这个特别适合做脸部护肤的美业人。客人自己在家用手机做肤质自检，系统根据她的回答判断肤质类型，推荐适合的疗程。重点是：她做完之后就已经被教育了，到店里不用再从头解释。
Prompt 模板：肤质自检工具
帮我做一个“一分钟肤质自检”互动工具，用纯 HTML + CSS + JavaScript，一个档案。
共 6 题：
1. 早上洗完脸不擦任何东西，两小时后你的T字部位？（出油明显 / 微微出油 / 没什么感觉 / 感觉紧绷）
2. 你的两颊摸起来？（粗糙有颗粒 / 偶尔干痒脱皮 / 还算滑顺 / 容易泛红）
3. 换季的时候皮肤会？（疯狂出油长痘 / 干燥脱皮 / 没什么变化 / 又干又油）
4. 你的毛孔在鼻头和脸颊看起来？（很明显 / 鼻头明显脸颊还好 / 不太明显 / 不太确定）
5. 用新的保养品皮肤容易？（长痘 / 过敏泛红 / 没什么反应 / 看产品而定）
6. 你觉得自己最大的皮肤困扰是？（出油和痘痘 / 干燥和细纹 / 暗沉不均匀 / 敏感不稳定）
结果分类：油性肌 / 干性肌 / 混合肌 / 敏感肌
每个结果包含：
- 肤质说明（50字内，白话文）
- 日常保养三步骤建议
- 推荐疗程名称（接你的服务项目）
- “立即预约肤质咨询”按钮
设计：手机优先，米白底，一次一题自动跳转，进度条
工具四：今日美甲灵感产生器
有些客人与其说不想做指甲，不如说不知道做什么。她们会在 IG 滑半小时还是选不出来。你做一个“今日美甲灵感”产生器，她按一下按钮就随机跳出一个风格建议，附上你的作品参考。轻松好玩，而且会让她一直点。
Prompt 模板：美甲灵感产生器
帮我做一个“今日美甲灵感”随机产生器，用纯 HTML + CSS + JavaScript，一个档案。
功能：
- 点击按钮，随机显示一个美甲风格建议
- 每个建议包含：风格名称、风格描述（30字内）、推荐配色（用色块呈现3个颜色）、适合场合
- 准备 20 组不重复的风格建议
- 按钮文字：“换一个灵感”
- 底部固定一行：“喜欢这个风格？→ 预约体验”（链接到预约页）
20 组风格范例方向：
樱花渐层 / 焦糖奶茶 / 极光镜面 / 法式微笑线 / 莓果红酒 / 大理石纹 /
复古格纹 / 透明果冻 / 金箔点缀 / 干燥花押花 / 猫眼极光 / 晕染水彩 /
几何色块 / 珍珠贝壳 / 哑光裸色 / 彩虹糖果 / 银河星空 / 蕾丝雕花 /
动物纹路 / 季节限定（当季主题）
设计：
- 手机优先
- 卡片式设计，翻牌动画效果
- 米白底 + 大地色系
- 色块要圆形，排成一排
怎么放到你的网页上
AI 生成的程式码就是一个完整的 HTML 档案。你有两个选择。
第一个，如果你已经有了个人网页（按照上一篇教学做的），就在 GitHub 里新增一个档案，例如 style-match.html，把程式码贴进去。然后在你的首页加一个链接指向它就好。
第二个，如果你还没有网页，直接把这个互动工具当成你的第一个页面也可以。先做一个有趣的工具让客人玩，比一个漂亮但静态的页面更有用。
转换率的关键
互动工具做好只是第一步，真正的转换来自结果页的设计。结果页要让客人觉得“被懂了”，然后自然看到预约按钮。不要在结果还没出来之前就急著推销，那会让人反感。
怎么让更多人来玩
工具做好之后，重点是让人知道它的存在。
在 IG 限动分享：“我做了一个小工具，测你适合什么风格的美甲，链接在主页”。这比你发作品照的互动率高得多，因为人天生喜欢跟自己有关的东西。
在 LINE 自动回复里放链接。新加你 LINE 的客人，第一条讯息就附上这个互动工具的链接。她玩完之后自然就知道你做什么、擅长什么。
结果页一定要有分享按钮。客人做完测验之后想分享给朋友，你的工具就这样被传出去了。免费的口碑营销。
想要更多互动工具的灵感？
美业合作平台里有二十几套现成的互动工具模板，涵盖美甲、美睫、美容、SPA。加入就能直接用，不用从零开始写 Prompt。