集成6 分钟阅读
如何在您的网站中嵌入预约组件
了解将 Bink 预约组件添加到您网站的三种方式：内嵌、弹窗组件和弹窗链接。
为什么在网站中嵌入组件？
您的 Bink 主页非常适合在社交媒体上分享预约链接。但如果您有自己的网站，可以将组件直接嵌入页面，无需将访客引导至其他地方。
Bink 提供三种集成模式满足不同需求：内嵌（iframe）、弹窗组件和弹窗链接，每种都可在控制台中几秒内完成设置。
模式一：内嵌（iframe）
内嵌模式通过 iframe 将预约日历直接放置在您的页面中，适合希望组件始终可见的场景，例如专属的"预约"页面。
从 Bink 控制台复制 iframe 代码，粘贴到网站的 HTML 中即可。组件会自动适配容器宽度，并实时显示可用时间。
模式二：弹窗组件（浮动按钮）
弹窗组件在页面角落添加一个浮动按钮，访客点击后弹出包含预约日历的模态窗口。
只需将一段 script 标签粘贴到网站即可。您可以自定义按钮文字、颜色和位置（右下角或左下角）。
模式三：弹窗链接（链接或按钮）
弹窗链接是一个简单的 HTML 链接或按钮，点击后在弹窗中打开日历，非常适合嵌入导航栏中的"立即预约"按钮或页面任意位置。
从控制台复制 HTML 代码，自定义文字和颜色，粘贴到网站任意位置即可。
如何选择模式？
如果您有专属预约页面且希望最大化曝光，选择内嵌模式。如果希望每个页面都有常驻按钮，选择弹窗组件。如果想在特定位置集成预约功能，选择弹窗链接。
三种模式均适用于任何网站——WordPress、Wix、Squarespace、自定义网站乃至简单的 HTML 页面。