把 Calendly 塞进你的网站：一份写给非程序员的“服务预约”对接指南

说真的，每次看到“API 对接”这四个字，我猜大部分做运营或者自己创业的朋友，心里都会“咯噔”一下。听起来就像是那种只有穿着格子衬衫、头发乱糟糟的工程师才能搞定的黑魔法。但如果你的主页（无论是 WordPress、Shopify 还是自建站）急需一个靠谱的“服务预约”功能，而你又不想自己从零开发一个日历系统，那 Calendly 绝对是个好选择。

这篇文章不想写成那种冷冰冰的技术文档，我想试着用大白话，聊聊怎么把 Calendly 这种第三方预约工具，丝滑地嵌入到你的主页里。咱们不谈复杂的代码底层，只聊怎么让它跑起来，怎么让客户点两下就能约上你。

第一步：搞清楚我们要解决什么问题

在动手之前，先得明白我们到底在做什么。想象一下，你的网站是一个大商场，而 Calendly 是商场里的一个自助预约柜台。

你要做的事情，其实就两种：

• 方案 A（最简单）： 直接在商场里开个天窗，把 Calendly 的柜台吊在半空，谁想预约，抬头就能看见，点进去填表。这就是所谓的 嵌入式（Embed）。
• 方案 B（稍微复杂点，但更高级）： 你的商场里有个精美的服务台，客户在你的服务台填了需求，然后你悄悄地在后台把数据传给 Calendly，让它去处理时间安排。这就是所谓的 API 对接。

大多数人其实只需要方案 A 就够用了，但如果你想要那种“无缝体验”，比如客户在你网站买了个课程，系统自动给他发个预约链接，或者你想把预约数据存进自己的客户数据库里，那就得稍微碰碰 API。

方案 A：最省心的“嵌入式”大法（适合 90% 的人）

这是最快见效的方法，不需要写一行代码，只需要复制粘贴。

1. 在 Calendly 里拿到“入场券”

登录你的 Calendly 账号，选好你想让客户预约的那个事件类型（比如“30分钟咨询”）。在事件类型的设置里，找到 “Share”（分享） 选项卡。你会看到一个叫 “Embed Code” 的按钮。

点进去，Calendly 会给你几个选择：

• Inline Embed（内联嵌入）： 直接在你网页的某个位置显示日历，不跳转。
• Popup Text（弹窗文字）： 在页面上放个链接，点一下弹出日历。
• Popup Button（弹窗按钮）： 放个好看的按钮，点一下弹出日历。

对于大多数主页，我推荐 Popup Button 或者 Inline Embed。前者不占地方，后者显得专业。

2. 把代码塞进你的主页

拿到代码后（通常是一段 `