用 Claude Code，
把你的生意搬上网

• 浏览器打开 claude.ai/customize/connectors（或在 claude.ai：Settings → Connectors）。
• 在列表里找到 Notion → 点 Connect。
• Notion 权限页打开 → 选要允许的页面或工作区 → 点 Allow / Authorize。

✅ 回到 Connectors 列表，Notion 现在显示 Connected。

打开 Claude Code（Windows 在 PowerShell、Mac 在 Terminal 里输入）：

claude

输入这个，按 Enter：

/mcp

✅ 你会看到 notion 在列表里（标着来自 claude.ai），状态 connected。若显示 needs authentication：选中它 → Enter → 点 Authenticate → 在浏览器完成。

在 Claude Code 里输入：

What Notion pages can you see?

✅ Claude 列出你工作区里的真实页面。❌ 如果说「找不到任何东西」→ 这个页面还没和连接共享 → 在 Notion 里打开它，点 ••• → Connections → Connect to → Claude，再试。

打开你的终端（Windows 用 PowerShell，Mac 用 Terminal），输入 claude 按 Enter，打开 Claude Code：

claude

然后把下面这一整段复制、粘贴进去，按 Enter。Claude Code 只会问你一个问题（你的生意），其余它自己研究——照实回答就好。

这是这一课的核心。点右上角「复制」，直接贴进 Claude Code。

你是一位「引流网页」策略专家，同时也是网页设计师。你要帮我——一位完全没有技术
背景的小生意老板——做一个高转化率的引流网页（用「测验」这种最容易传播的形式），
让客户留下深刻、惊喜的体验，同时帮我收集到「方便我成交」的关键资料。

【重要】我是完全的新手，而且时间有限：
· 不要问我任何技术问题，也不要让我做任何技术上的决定。
· 能你自己研究、自己判断的，就别问我——只问我「非问不可」的那一题。
· 所有技术细节，你自己决定、自己处理好（包括我用的是 Windows 还是 Mac、文件放哪里）。
· 全程用简单、鼓励的语气跟我说话，不要用专业术语。

请分成四个阶段进行：

── 第一阶段：快速了解你（只问这一题）──
你的生意叫什么名字？有网站、Facebook 或 Instagram 链接吗？
（有的话直接贴给我；没有也没关系，用一两句话说说你做什么、卖给谁就好。）

── 第二阶段：我来帮你研究和设计（这部分我自己做，不打扰你）──
根据你给的链接或描述，我会自己上网研究你的生意和你这个行业，帮你想好：
· 你的理想客户是谁、他们心里最想要的结果
· 哪一种测验最适合你的生意
· 哪些题目能悄悄帮你收集到「方便成交」的资料（预算、时间、最在意的问题等）
· 测验标题、几种讨喜的结果、5到6道好玩的题、要收集的联络资料
· 测验最后邀请客户做的那件事（预约 / 免费咨询 / 领优惠……我帮你挑最有效的）
· 适合你品牌的语气和颜色（如果你有网站，我会参考它）

然后我用一段简单的话，把整个测验方案摆给你看，问你：满意吗？想改哪里都可以——
现在改、课后慢慢改，都没问题。不会跟你解释技术。

── 第三阶段：开始制作（这部分我自己处理，不用问你）──
· 做成「一个」能独立运行的网页文件，放在我电脑上的 claude 工作文件夹里一个简短
  名字的子文件夹（路径你自己判断：Windows 是 C:\claude，Mac 是 ~/claude）。
· 用最单纯的方式做：不要用任何框架、不要安装任何东西、不需要任何密钥。
· 手机上要快、要精致、要高级，不要像随便套的模板。
· 在程序最上方留一个清楚标注的 settings 区，把生意名称、主色调、语言、题目、
  结果、要收集的资料，还有一个先留空的 submit URL 都放在那里（留空，以后的课再连接）。
· 流程：吸引人的开场 → 答题（显示进度）→ 先给一点结果预告 → 填写联络资料 →
  完整的个人化结果 + 可截图分享的卡片 → 行动邀请按钮。
· 结果要让人觉得「为我量身定做」、真的有用（一段个人化洞察 + 一个建议的下一步），
  不只是一个标签——这是留下深刻印象的关键。
· 提交方式：用 fetch、把 Content-Type 设为 text/plain;charset=utf-8、body 用 JSON 字符串（这样以后连接 Apps Script 才不会有跨域 / CORS 问题）。如果 submit URL 有填，就把收集到的资料 + 测验结果 + 时间打包发送过去；
  如果还留空，就先记录下来让我能看到。

── 第四阶段：让我试 ──
帮我自动在浏览器打开这个网页，让我亲自玩一次，并告诉我以后怎么再打开它。
然后用最简单的话，列出这个网页会帮我收集到客户的哪些资料——我会在后面的课用
这份清单来设置 Notion 数据库。
最后提醒我：网页里的文字、颜色、题目，以后都能在 settings 区自己慢慢改。

• Claude Code 先问你一个问题（你的生意 + 链接）。
• 然后它自己上网研究你的生意，设计好整个网页，用大白话给你看，问你要不要改。
• 你确认后，它帮你做好网页，自动在浏览器打开让你试玩。
• 最后它告诉你：这个网页会收集客户的哪些资料。把这份清单记下来——第五课会用到。

• 浏览器打开 dash.cloudflare.com/sign-up
• 填邮箱和密码 → 去邮箱点确认信里的链接。
• 不用填信用卡。完成。

• 登录后，看左边菜单，点 Workers & Pages。
• 点右上角 Create application。
• 选 Pages 那边的 Upload assets（或写着 Drag and drop your files）——就是「不连 GitHub、直接上传」那个。

• 在 Project name（项目名称）填个名字，例如 arnold-quiz。
• 看到一个虚线框写着 Drag and drop your files。
• 把那个网页文件夹整个拖进去（就是 Claude Code 帮你建的那个；找不到就问它在哪）。

✅ 对了 → 你会看到文件名出现在框里（包括 index.html）。

• 点 Save and Deploy（有时写 Deploy site，一样的）。
• 等几秒，出现成功画面 + 你的链接：

https://arnold-quiz.pages.dev

🎉 点开它，发给朋友试试看。

改好网页后，不用从头来：

• 回到 Workers & Pages → 点你的项目。
• 点 Create a new deployment（创建新部署）。
• 把更新后的文件夹再拖进去 → Save and Deploy。
• 网址不变，内容更新了。

在 Claude Code 里贴这句：

请用我们第二课连接的 Notion，帮我建一个叫 Leads 的数据库，
字段就用第三课你告诉我会收集的那些（例如：姓名、电话、测验结果、时间）。
建好后，把这个数据库的链接给我。

✅ Claude Code 会帮你建好，并给你数据库链接。

• 浏览器打开 notion.so/profile/integrations（Notion 改版了，现在叫 Connections / 连接；旧的 my-integrations 网址会自动跳到这里）。
• 点 New integration / 新建连接 → 类型选 Internal（内部） → 取个名字（例如 Leads Bot）→ 选你的 workspace → 点 Save。
• 建好后复制那把钥匙（以 ntn_ 开头）：在 ••• 菜单 → Copy internal integration secret，或进 Configuration / 配置 分页点 Show 显示后复制。
• 先复制好，等下要用。

• 把第一步建好的 Leads 数据库用整页打开（不是嵌在别的页面里的小表格，不然下面的选项会找不到）。
• 右上角 ••• → 往下滑到 Add connections（添加连接） → 搜你刚取的名字（Leads Bot）→ 选它 → 确认。
• 找不到「Add connections」？改走：Settings 设置 → Connections 连接 → 在 Leads Bot 旁边点 ••• → Manage page access → 加上 Leads 数据库。

在 Claude Code 里贴这句（把方括号换成你的东西）：

请帮我写一段 Google Apps Script 代码，作用是：接收我的网页送来的客户资料（JSON），
再用最新的 Notion API 写进我刚建的 Leads 数据库。
我的 Integration Token 是：[贴上你 ntn_ 开头的钥匙]
代码要能配合浏览器用 text/plain 方式提交（避免跨域问题）。
写好后，把整段代码给我，并一步一步告诉我怎么贴到 Google Apps Script、怎么部署。

✅ Claude Code 会把代码写好（钥匙和数据库都帮你填好），并带你做下一步。

Claude Code 上一步已经把详细步骤发给你了——照它说的做就好。下面只把三个最容易出错 / 最容易被吓到的点标出来：

• 到 script.google.com → New project → 删掉示范代码 → 贴上 Claude Code 给你的整段 → 按 Ctrl + S（Mac 是 ⌘ + S）保存。
• 右上角 Deploy → New deployment → 类型选 Web app。
• 复制最后出现的网址（以 /exec 结尾）——这就是你的中转站地址。

在 Claude Code 里贴这句：

这是我的 Apps Script 网址：[贴上 /exec 结尾的网址]
请帮我把它填进网页的 submit URL，并确认提交用的是 text/plain 方式。

然后像第四课那样重新上线：Workers & Pages → 你的项目 → Create a new deployment → 把文件夹再拖进去 → Save and Deploy。

• 打开你的 pages.dev 网页，完整地填一次（填到留联络资料那步）。
• 回到 Notion 的 Leads 数据库——你应该会看到刚才那一笔资料出现了。🎉