你需要

• 一个嵌入 Chatwoot 的网站

• 用于在 Chatwoot 上创建帐户的有效电子邮件 ID

分步说明

第 1 步:免费创建一个帐户

去官方网站创建一个账号。

要创建一个帐户,请单击“创建一个免费帐户”,然后通过填写您的基本信息进行注册。

• 全名

• 电子邮件 ID

• 账户名

• 密码

• 确认密码

[](https://res.cloudinary.com/practicaldev/image/fetch/s--xGGyfc6Y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/7ws7z06zjfxiydeg9vmz.png)

第 2 步:进入设置,然后进入收件箱

[](https://res.cloudinary.com/practicaldev/image/fetch/s--izS3MHcm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/qu94vhlbxud3eic09sws.png)

点击“收件箱”再点击“添加收件箱”,就会看到这样的界面

[](https://res.cloudinary.com/practicaldev/image/fetch/s--GFqLz2Ad--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/jrdpxh9wuoblhsa2kxhu.png)

现在,单击“网站”并输入有关要添加实时聊天的网站的一些详细信息。

喜欢 :

• 网站名称

• 网站域名

• 小部件颜色

• 欢迎标题等。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--Q8f_Vll_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/3xdjt2lvphsi7jkc3fli.png)

请参阅这是我们将在其中添加实时聊天系统的登录页面的快照。 (登陆页面信用:Traversy Media)

[](https://res.cloudinary.com/practicaldev/image/fetch/s--kmeMrcmX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/vvjvfyieawgq5smg8gwy.png)

步骤 3:添加代理以创建收件箱

您可以选择自己作为代理并将其全部放入您的收件箱。

在那之后,您只需更少的步骤即可到达目的地!

[](https://res.cloudinary.com/practicaldev/image/fetch/s--njoAZEQR--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/ta26iv3aex6r2xi68kav.png)

复制代码并将其粘贴到您的网站代码中!

结果

注意:这个网站是用纯 HTML、CSS 和一些 JavaScript 静态构建的,如果你想尝试类似的方法,你可以将复制的代码添加到 .html 文件的 body 标记中!

这是链接如果你想看:)

[](https://res.cloudinary.com/practicaldev/image/fetch/s--LiOoIBu2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/5kniamdrtm4lr9bnlm9h.png)

感谢阅读,如果有什么建议欢迎在下方评论!

如果你想支持😀