跳转到主要内容

如何集成 WhatsApp 聊天按钮

本周更新

总结

本文介绍如何使用 WATI 的 WhatsApp 聊天按钮小工具将 WhatsApp 聊天按钮添加到您的网站。无论您使用的是自定义网站,还是平台如 Shopify 或 WooCommerce,本指南都提供了清晰的分步说明,帮助您设置、自定义小工具并将其嵌入到您的网站。完成后,您将拥有一个功能完善的聊天按钮,允许访问者直接与您通过 WhatsApp 联系,从而增强沟通和互动。

说明

为网站添加 WhatsApp 聊天按钮是与访客建立联系并提供即时支持的好方法。本指南将逐步引导您完成该过程。

注意: 如果您是使用 Shopify 或 WooCommerce 的 WATI 客户,可以从集成页面直接添加 WhatsApp 聊天按钮。

转到 WATI > 集成 > Shopify 或 WooCommerce > WhatsApp 聊天 进行设置。

对于自定义网站,您可以添加一个连接到您个人 WhatsApp 号码的 WhatsApp 聊天按钮小工具。该小工具可以完全自定义以匹配您的品牌,并可添加到网站的所有页面。

添加 WhatsApp 聊天按钮的分步指南

按照以下步骤将 WhatsApp 聊天按钮添加到您的网站:

1. 访问 WhatsApp 聊天按钮页面

转到 WATI 的 WhatsApp 聊天按钮页面 并点击 立即生成

WhatsApp 聊天按钮 - 立即生成

2. 自定义您的聊天小工具

  • 输入您的 WhatsApp 号码: 点击 电话号码 并输入您的 WhatsApp 账户号码。

  • 编辑默认消息: 点击 默认用户消息 以自定义访客在打开聊天时看到的消息。

自定义小工具

3. 生成小工具代码

自定义小工具后,点击 生成小工具代码。将为您生成一段代码片段。

生成小工具代码

4. 将代码添加到您的网站

  • 复制生成的代码片段。

  • 将代码粘贴到您希望聊天按钮显示的每个网页的 </body> 标签前面。

成功提示

  • 测试小工具: 添加代码后,访问您的网站以确保聊天按钮显示并正确功能。

  • 进一步自定义: 您可以调整小工具的外观和行为以符合您的品牌标准。

搞定了!您已成功将 WhatsApp 聊天按钮添加到您的网站。如果您有任何问题,请随时联系 WATI 支持团队。

常见问题解答 (FAQs)

一般问题

1. 什么是 WhatsApp 聊天按钮小工具?

→ WhatsApp 聊天按钮小工具是一个工具,它允许您允许在网站上添加一个可点击的 WhatsApp 聊天按钮。访客可以使用它直接通过 WhatsApp 向您发送消息,从而使他们更容易与您联系。

2. 谁能使用此功能?

→ 此功能是为自定义网站的用户设计的。如果您使用 Shopify 或 WooCommerce,可以通过 Wati 的集成页面直接添加聊天按钮。

3. 小工具是否可自定义?

→ 是的,您可以自定义小工具以匹配您的品牌。您可以编辑默认消息并调整外观以适应网站设计。

设置和配置

4. 如何生成小工具代码?

→ 转到 Wati 的 WhatsApp 聊天按钮页面,输入您的 WhatsApp 号码,自定义默认消息,然后点击 生成小工具代码

5. 我应该在网站上将小工具代码粘贴在哪里?

→ 将生成的代码片段粘贴在您希望聊天按钮显示的每个网页的 </body> 标签前面。

6. 我可以将聊天按钮添加到多个页面吗?

→ 是的,您可以通过在每个页面上粘贴该代码片段,将聊天按钮添加到网站的所有页面。

兼容性和集成

7. 此功能是否适用于 Shopify 或 WooCommerce 等平台?

→ 如果您使用 Shopify 或 WooCommerce,则不需要使用此小工具。相反,转到 Wati > 集成 > Shopify 或 WooCommerce > WhatsApp 聊天 以直接设置聊天按钮。

8. 我可以在移动网站上使用此小工具吗?

→ 是的,该小工具是响应式的,可以在桌面和移动网站上无缝工作。

这是否解答了您的问题?