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

功能集成

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
配置环境变量
参考资料
相关文档