TanStarter 文档聊天框
了解如何为您的 TanStarter 应用程序配置聊天框
TanStarter 支持使用 Crisp 实现聊天框。Crisp 提供聊天框、共享收件箱和营销活动自动化功能。
设置
创建 Crisp 账户
访问 Crisp 并注册账户。创建新的网站/工作区。
获取网站 ID
进入 设置 → 网站设置 → 设置。从嵌入代码中复制您的网站 ID。
添加环境变量
将网站 ID 添加到环境变量文件中：
VITE_CRISP_WEBSITE_ID=your_crisp_website_id客服组件位于 src/components/chatbox/crisp-chat.tsx，在 src/routes/__root.tsx 中加载。设置好环境变量后，Crisp 聊天框组件将自动显示在您的网站上。
如果您正在设置环境，现在可以回到环境配置文档并继续。本文档的其余部分可以稍后阅读。
环境配置
设置环境变量