LogoShipSaaS

聊天框

了解如何为您的 ShipSaaS 应用程序配置聊天框

ShipSaaS 支持使用 Crisp 实现聊天框。Crisp 提供聊天框、共享收件箱和营销活动自动化功能。

设置

创建 Crisp 账户

访问 Crisp 并注册账户。创建新的网站/工作区。

获取网站 ID

进入 设置网站设置设置。从嵌入代码中复制您的网站 ID。

配置环境变量

将网站 ID 添加到环境变量文件中:

.env

VITE_CRISP_WEBSITE_ID=your_crisp_website_id

客服组件位于 src/components/chatbox/crisp-chat.tsx,在 src/routes/__root.tsx 中加载。设置好环境变量后,Crisp 聊天框组件将自动显示在您的网站上。

如果您正在设置环境,现在可以回到环境配置文档并继续。本文档的其余部分可以稍后阅读。

环境配置设置环境变量

参考资料

相关文档

On this page