LogoTanStarter 文档
LogoTanStarter 文档
首页模板介绍代码库快速开始环境配置部署网站
网站配置

功能集成

Cloudflare数据库存储身份验证邮件
支付
AI邮件订阅通知分析聊天框联盟营销

功能定制

元数据页面落地页博客组件用户管理密钥管理

代码库

项目结构代码检查编辑器设置更新代码库

产品示例

MkImage
X (Twitter)

聊天框

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

TanStarter 支持使用 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 聊天框组件将自动显示在您的网站上。

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

环境配置

设置环境变量

参考资料

  • Crisp 文档

相关文档

邮件配置

配置邮件服务

通知配置

配置通知 Webhook

部署

部署到 Cloudflare Workers

分析

配置分析工具

分析

了解如何为您的 TanStarter 应用程序配置分析工具

联盟营销

了解如何为您的 TanStarter 应用程序配置联盟营销

目录

设置
创建 Crisp 账户
获取网站 ID
配置环境变量
参考资料
相关文档