摘要
在您的网站上添加 WhatsApp 聊天按钮，可以方便访客与您的业务开始对话。借助 Wati 的 WhatsApp 聊天按钮小部件，您只需几个步骤即可创建个性化的聊天按钮并将其添加到您的网站。
本指南将介绍如何生成小部件、自定义其外观和消息，以及将其添加到您的网站。它还涵盖了 Shopify 和 WooCommerce 商店的设置流程。
说明
开始之前
使用 Shopify 或 WooCommerce 的 Wati 客户可以直接从集成设置中添加 WhatsApp 聊天按钮。
访问设置页面：
登录您的 Wati 帐户。
转至连接器 > 集成。
选择Shopify 或 WooCommerce。
打开WhatsApp 聊天并按照设置说明操作。
如果您有自定义网站，请按照以下步骤生成并安装 WhatsApp 聊天按钮小部件。
如何创建 WhatsApp 聊天按钮
第 1 步：打开 WhatsApp 聊天按钮工具
转到 Wati WhatsApp 聊天按钮页面。
点击立即生成。
第 2 步：自定义聊天小部件
根据您的业务需求配置小部件。
输入您的 WhatsApp 号码
选择电话号码。
输入应接收来电消息的 WhatsApp 号码。
自定义默认消息
选择默认用户消息。
输入访客打开聊天时将看到的消息。
示例：
您好，我想了解更多关于您服务的信息。
此消息会对访客自动预填充，方便他们开始对话。
第 3 步：生成小部件代码
完成小部件自定义后：
点击生成小部件代码。
复制生成的代码片段。
将小部件添加到您的网站
打开您网站的源代码。
将生成的小部件代码片段粘贴在关闭的
</body>标签正上方。保存并发布您的更改。
将代码添加到您希望显示 WhatsApp 聊天按钮的每个页面。
验证您的设置
将小部件添加到您的网站后：
在浏览器中打开您的网站。
确认 WhatsApp 聊天按钮可见。
点击按钮，验证它是否使用正确的电话号码和预填充的消息打开了 WhatsApp 对话。
将 WhatsApp 聊天按钮添加到网站时的最佳实践
使用友好的默认消息来鼓励访客开始对话。
在台式机和移动设备上测试小部件。
自定义小部件的外观，以匹配您的网站品牌。
确保配置的 WhatsApp 号码有效且能够接收消息。
结果
安装小部件后，访客可以直接从您的网站开始与您的业务进行 WhatsApp 对话。这为客户联系您提供了一种更快、更便捷的方式，有助于提高参与度和响应时间。
常见问题 (FAQ)
一般
1. 什么是 WhatsApp 聊天按钮小部件？
WhatsApp 聊天按钮小部件是一个工具，允许您在网站上添加 WhatsApp 聊天按钮。访客可以点击该按钮直接在 WhatsApp 上与您的业务开始对话。
2. 我需要提供哪些信息才能创建 WhatsApp 聊天按钮？
您需要：
一个将接收来电消息的 WhatsApp 号码
选择性提供的默认消息，当访客打开聊天时将预填充此消息
3. 什么是默认用户消息？
默认用户消息是访客打开 WhatsApp 聊天时看到的预填充消息。它有助于访客更快地开始对话。
Shopify 和 WooCommerce
4. 我可以直接从 Shopify 或 WooCommerce 添加 WhatsApp 聊天按钮吗？
是的。使用 Shopify 或 WooCommerce 的 Wati 客户可以直接从“连接器 > 集成 > Shopify/WooCommerce > WhatsApp 聊天”下的集成设置中添加 WhatsApp 聊天按钮。
安装
5. 我应该将 WhatsApp 聊天按钮小部件代码粘贴到我网站的哪个位置？
生成的代码片段应粘贴在您网站的关闭 </body> 标签正上方。
6. 我可以在多个页面上显示 WhatsApp 聊天按钮吗？
是的。将生成的小部件代码添加到您希望显示 WhatsApp 聊天按钮的每个页面。
验证和最佳实践
7. 如何验证 WhatsApp 聊天按钮是否正常工作？
将小部件代码添加到您的网站后：
在浏览器中打开您的网站。
确认 WhatsApp 聊天按钮可见。
点击按钮，验证它是否使用正确的电话号码和预填充的消息打开了 WhatsApp 对话。
8. 在网站上使用 WhatsApp 聊天按钮的最佳实践是什么？
为了改善访客体验：
使用友好的默认消息来鼓励对话。
在台式机和移动设备上测试小部件。
自定义小部件的外观，以匹配您的网站品牌。
确保配置的 WhatsApp 号码有效且能够接收消息。