网站在线预约功能：6步完整添加指南

如果你的网站只有一个电话号码和一个联系表单，却没有预约功能，那么每一位新客户都得等你回复。本文说明如何在网站上添加在线预约功能，适用于美容院、养生工作室、宠物美容店、辅导机构或者技工类生意。我们会依次说明一次预约需要哪些信息、预约功能可以采取的几种形式、它们在WordPress、Squarespace、Wix和Webflow里分别怎么加，以及客户记录最终落在哪里。我们自己做的产品是Ifa，一个业务工作区，下文会直接说明它在预约这件事上能做什么、不能做什么。

一、选工具之前，先想清楚一次预约需要什么

先在纸上列一份简短清单，因为每款工具在设置时都会问到这些信息，而答案会决定哪款工具适合你。

• **服务项目。**每一项可预约的服务都要有一个客户能看懂的名字。“大型犬全套美容”好过“服务B”。
• **时长。**每项服务真正占用日程的时间，而不是你报价时说的时间。一次常常拖到60分钟的45分钟染发，就应该按60分钟设置。
• **谁可以被预约。**独立顾问只有一个日程。一家两个工位的美容院有两个日程，客户可能想指定某一位美发师。要决定是客户来选人，还是由你来分配。
• **缓冲时间。**美容之间的清洁时间、上门服务之间的路程、两节课之间的休息。缓冲时间决定了日程是好用还是天天跟你对着干。
• **营业时间。**按每个人、每个工作日分别设置，包括那些不一样的日子。
• **提前量和可预约范围。**客户最早能提前多久预约，最晚能提前多久预约。
• **需要客户提供什么信息。**姓名和电话是底线。宠物美容师需要知道狗的品种和体重，技工类生意需要知道地址和问题描述。这正是预约工具和意向表单重叠的地方，我们在客户意向表单一文中说明了两者的区别。

二、选定形式：嵌入式组件、独立预约页，或请求表单

嵌入式预约组件

组件是供应商提供的一段代码。你把它贴到某个页面上，客户不用离开你的网站就能选服务、选时间，预约会落到供应商的日程里。这是美容院、工作室、宠物美容店和辅导机构最常见的方案。

以下是截至2026年9月在各家官网上核实过的五款常用工具：

• Square Appointments（squareup.com）为单人执业者提供免费版，也有按门店收费的Plus和Premium付费档位。所有档位都包含在线预约站点和网站预约按钮，爽约费和押金功能只在付费档位提供。
• Calendly（calendly.com）有一个只支持一种活动类型、一个日历连接的免费版，截至2026年9月，标准版的公开起价是每坐席每月10美元。提醒功能以及通过Stripe或PayPal收款，都是付费档位才有的功能。它最初是为会议场景设计的，所以更适合顾问和辅导老师，而不太适合门店场景。
• Acuity Scheduling（acuityscheduling.com）没有免费版，只有七天试用。截至2026年9月，入门版覆盖一个日历，公开起价为每月20美元（按年付费更便宜）。邮件提醒和自定义客户表单在所有档位都提供，短信提醒从标准档位开始才有。
• Setmore（setmore.com）为最多四个用户提供免费版，不限预约数量，含邮件提醒。截至2026年9月，专业版公开起价为每用户每月12美元（按年付费为每用户每月5美元），额外提供短信提醒、押金、双向日历同步，并移除Setmore品牌标识。
• SimplyBook.me（simplybook.me）免费版每月上限50次预约，付费档位增加预约量、更多服务人员数量，以及一定数量的“自定义功能”，比如意向表单或押金。截至2026年9月，基础版公开起价为每月13.90欧元。

一个你链接过去的独立预约页

上面每一款工具都会给你一个位于供应商域名下的页面（比如yourshop.setmore.com、calendly.com/yourname）。你不用嵌入组件，只需要加一个“立即预约”按钮，打开这个页面就行。这是最快的方案，也不需要写代码。代价是客户会离开你的网站，而且页面用的是供应商自己的设计，免费档位下还带着供应商的品牌标识。

一个由团队确认的请求表单

第三种形式不是自助预约。客户填写一份表单（服务、方便的日期、电话），它会变成一条请求，由你的团队确认时间。当时间无法在对话之前确定时，这是正确的形式：比如工单大小决定时段的上门服务，或者宠物美容师不愿在见到狗之前就先定下预约。按钮文案会设定客户的预期：“申请预约”承诺的是回复，“立即预约”承诺的是一个确定的时段。

Ifa覆盖这三种形式。它可以为你的生意创建一个独立的预约页，供你从自己的网站链接过去；也可以在你已连接的渠道里通过聊天完成预约；它的公开表单落到工作区后，会成为一条由团队在时间无法提前确定时确认的请求。三条路径背后是同一套规则：每项服务的政策、每位员工按自己所在时区设置的工作时间、每次预约都会核对空档并检查冲突，提醒是由你自己定义的工作流；预约调度软件一文说明了这些部分是如何组合在一起的。Ifa目前不做的是跟Google或Outlook日历同步，也不在预约时收取押金，而且它目前处于发布前阶段。如果你继续使用一个独立的预约组件，第六步会说明如何维持一份统一的客户记录。

形式	客户能立刻拿到一个时段	停留在你自己的网站上	需要贴一段代码	最适合
嵌入式组件	是	是	是，一段代码片段	美容院、工作室、宠物美容店、辅导机构
独立预约页链接	是	否，供应商的域名	否	任何网站，最快上手
请求表单	否，由团队确认	是	取决于表单工具	技工类生意、新客户筛选、需要报价的工单

三、把它加进你的建站工具

从预约工具那里拿到代码片段或链接，再把它放到某个页面上。以下菜单路径截至2026年9月有效。

WordPress

• **组件。**在区块编辑器里添加一个“自定义HTML”区块，粘贴供应商的嵌入代码。Calendly、SimplyBook.me、Square Appointments和Acuity都各自发布了WordPress插件，用一个区块或短代码完成同样的事。
• **链接。**添加一个“按钮”区块，标注为“立即预约”，粘贴独立预约页的链接。在使用区块主题时，可以通过“外观”菜单下的“编辑器”，把同一个按钮放进页头。

Squarespace

• **组件。**Squarespace自己拥有Acuity，所以有一个原生的“预约”区块：编辑页面，添加区块，选择“预约”，再选你的Acuity日历。对于其他供应商，添加一个“代码”区块或“嵌入”区块，粘贴代码片段。
• **链接。**添加一个带独立预约页链接的“按钮”区块，或者在“设计”菜单下的“页头”里设置一个页头按钮。

Wix

• **组件。**添加一个“嵌入代码”元素（“添加元素”“嵌入代码”“嵌入HTML”），粘贴代码片段。Calendly和Setmore也在Wix应用市场上架了应用。Wix自己也有Wix Bookings，值得在引入第三方工具之前先比较一下。
• **链接。**添加一个按钮，在链接设置里选择“网址”，粘贴独立预约页的链接。

Webflow

• **组件。**从添加面板把一个“嵌入”元素拖到页面上，粘贴代码片段。先确认自己的方案对自定义代码有没有限制。
• **链接。**添加一个“按钮”元素，把链接设为外部网址，粘贴独立预约页的链接。

不管用的是哪款建站工具，上线前都要先在手机上测试；一个在笔记本电脑上显示完整的嵌入组件，可能在窄屏幕上把“确认”按钮切掉。

四、设置提醒、爽约规则和押金

你选的工具决定了这里能做到什么程度，而这也是免费档位之间差别最大的地方。

• **提醒。**Square Appointments、Setmore、SimplyBook.me和Acuity在它们出售的所有档位里都包含邮件提醒。Calendly把提醒放在付费档位。短信提醒最常见于付费档位才有的功能（Setmore的专业版、Acuity的标准版及以上）。截至2026年9月，在Ifa里，提醒是由你自己定义的工作流，一个通过你已连接的渠道发送的定时步骤。
• **爽约和迟取消规则。**Square Appointments在Plus和Premium档位支持爽约费和取消政策。Setmore的专业版以及SimplyBook.me（作为一项自定义功能）支持押金，这是减少爽约最实际的办法。Calendly和Acuity可以要求预约时付款，对顾问或辅导老师来说效果类似。
• **押金和付款。**这五款工具都能在预约时收款，通过Square自己的处理系统，或者通过Stripe、PayPal这类已连接的支付方。要决定你想要的是部分押金、全额预付，还是保留卡片信息，各家工具在这方面提供的选项不同。Ifa目前不在预约时收款；账单和支付功能仍在规划中。

一条在两个工位的美容院里效果不错的规则：一个写清楚的取消窗口期，对新客户和任何超过一小时的服务收押金，对老客户不收押金。

五、清楚预约和客户记录最终落在哪里

客户通过一个组件预约时，工具会创建一次预约和一份客户档案，如果连接了日历，还会创建一个Google或Outlook日历事件。预约工具就此成了预约记录的系统，同时也悄悄成了客户记录的系统，因为它存下了通过这份表单进来的每一个姓名、电话和备注。

第一天这样没有问题。当历史被拆散在多处时，问题就来了：预约工具里有预约，你的手机里有短信，一份表格里记着狗的性格或者学生的考试日期这类备注。上面这些工具都不是为了承载关系的其余部分而设计的：报价、同意书、照片、跟进任务、报告。它们只保存一份日程和一张联系人卡片。

所以在打开这个组件之前，先决定哪个系统是客户记录的主系统。如果预约工具本身就够用（一位带十二个学生的独立辅导老师往往会发现确实够用），就把一切都留在那里，并每月导出一份CSV作为备份。如果你需要的更多，请继续往下看。

六、当预约工具是独立的，如何维持一份统一的客户记录

如果你通过Ifa自己的预约页或者在聊天里完成预约，预约和客户记录本来就在同一个地方，这一步就不需要了。如果店主选择保留一个独立的组件，就要靠习惯而不是实时集成，让两边保持一致。以下是在Ifa里的具体做法。

• **预约工具管日程，工作区管客户。**预约在预约工具里创建和调整。关于客户的其他一切（意向问卷的答案、文件、备注、跟进、比如“新客户”“常客”“流失”这样的生命周期状态）都保存在工作区里。
• **按周期把预约同步过来，而不是实时同步。**上面每一款工具都能把预约和客户导出为CSV。Ifa通过一个带检查的预览界面导入CSV和XLSX，检查重复、错误日期、空值和未匹配的列，再加一个批准步骤，所以每周一次的导出不会为每位客户创建第二份副本。Ifa和预约工具之间没有实时的双向同步。
• **只用一份意向表单，而不是两份。**如果组件只采集姓名和电话，就在客户预约后给他们发一份工作区的意向表单（确认邮件是放这个链接的好地方）。答案会落到该客户的记录上。
• **用电话或邮箱做匹配。**选定一个字段作为两个系统共用的键，并把它设为预约表单上的必填项。美容院和宠物美容店用电话效果最好，辅导老师和顾问用邮箱效果最好。
• **只把一份日程当作真相。**上门客户、电话预约和在座位上临时改约，都要录入预约工具，这样组件显示的空档才是真的；如果两边各自维护可预约时间，组件就会出现双重预约。

对于美容与养生类生意来说，通常的做法是网站上放一个Square Appointments或Acuity组件，同时用一个工作区处理咨询表单和复约跟进。对于宠物美容店来说，工作区保存的是任何预约表单都无法承载的宠物档案（品种、体重、疫苗文件、性格）。对于辅导教育类生意来说，工作区保存的是学生、家长和进度记录，而Calendly或Acuity页面负责上课时间。

常见问题与如何避免

• **时长设置得太理想化。**打开一款组件之后最常见的抱怨，是日程看起来排满了，实际却一直在拖延。从第一天起就设置真实的时长和缓冲时间；之后缩短很容易，客户已经预约上之后再延长就很难了。
• **两套日程并行。**组件已经上线，但前台还在纸质本子上记电话预约，一周之内就会出现双重预约。每一次预约都要录入给组件供数的那个工具里。
• **嵌入组件在手机上出问题。**要在自己上线的域名上，用手机把整个流程走一遍，一直走到确认页面。
• **形式跟业务不匹配。**一家技工类生意用了即时预约组件，最后却把要花一整天的工单塞进了30分钟的时段里。这种情况该用请求表单，或者只对一个固定时长的“上门查看”服务开放即时预约。
• **客户数据被困在工具里。**从第一个月起就定期导出客户和预约数据，这样以后要离开时是一次导入，而不是从零重建。检查导出内容里是否包含备注和表单答案。
• **默认提醒会自动生效。**用自己的号码预约一次测试，看看实际收到了什么；免费版有邮件提醒，不代表短信也开通了。

大家常问的问题

我能免费在网站上加入在线预约功能吗？

可以，适合独立店主或者最多四人的团队。截至2026年9月，Square Appointments（单人）、Setmore（最多四个用户）、Calendly（一种活动类型）和SimplyBook.me（每月50次预约）都有免费版。短信提醒、押金和爽约费通常需要付费版；Acuity没有免费版。

我应该用自己建站工具自带的预约功能吗？

在Squarespace上，Acuity是原生选项，嵌入起来最省事。在Wix上，先比较一下Wix Bookings，再考虑引入第三方工具。统一仪表盘、统一账单是它的优势；代价是以后换网站时，预约系统也得跟着一起换。

Ifa有可以放在我网站上的预约页吗？

有。Ifa可以创建一个独立的预约页，供你从自己的网站链接过去，客户也可以在你已连接的渠道里通过聊天预约。两条路径背后都有每项服务的政策、每位员工的工作时间、空档和冲突检查，提醒是由你自己定义的工作流。截至2026年9月，它还做不到的是跟Google或Outlook日历同步，以及押金或预约时付款，这些都还在规划中。

我该怎么把客户从预约工具搬到一份统一的记录里？

从预约工具导出一份客户和预约的CSV，按电话或邮箱匹配后导入工作区。Ifa会在真正创建任何内容之前，先用重复和空值检查预览这次导入。按周期重复这个动作；两边之间没有实时同步。

最后更新于2026年9月2日。