将按钮集成到您的网站的最基本方法是使用以下 href 属性在 HTML 中创建 WhatsApp 链接：
还有一个简短版本的链接，其结构如下：
在这两种情况下，在链接末尾，您都必须输入 WhatsApp 帐户的电话号码及其相应的国际前缀（不带“+”号）。以下是西班牙号码的示例（前缀为 +34）：
该链接将打开带有所示电话号码的 WhatsApp 聊天。如果您有能力操作网站的 HTML 和 CSS 代码，则可以将链接插入您认为最合适的任何位置。
Brevo 的带对话的 WhatsApp 按钮
如果您希望在不调动技术技能的情况下进行集成，Brevo 对话工具中的聊天小部件可让您轻松地将 WhatsApp 按钮集成到您的网站，并让您访问其他资源来管理您的 WhatsApp 活动。
下面您可以看到如何在任何网站上使用或不使用 WordPress（包括 WooCommerce）和 Shopify 的预构建集成。还有一个与 Google Tag Manager 的集成，本文未涉及。
首先，在所有情况下：
1) 创建一个免费的 Brevo 帐户以激活 WhatsApp 活动并连接您用于 WhatsApp Business 的电话号码。
2) 转到对话 > 聊天小部件。此功能还包括 Brevo 的网络聊天（如上一节所述，它是 WhatsApp 按钮的补充）。
3) 在自定义聊天小部件步骤中，大多数设置仅涉及网络聊天（例如颜色）。但是，某些参数（例如聊天按钮的位置）也与 WhatsApp 相关。
好消息是，当您注册 Brevo 的任何月度计划时，您可以免费获得前 1000 条消息！
集成到任何网站
使用 Brevo 安装 WhatsApp 按钮的最基本 方法是在 Brevo 中生成聊天小部件代码并将其集成到您网站的 HTML 代码中。
我们通过专业人员收集数据，因此我们数据 印度尼西亚电报数据 库中的编码 100% 准确 我们的转储完全真实并更新至 2024 年 我们的数据库提供 24/7 全天候客户支持 我们的数据库将帮助您发展业务 为您提供 GDRP 基础数据库 因此您可以以不同的折扣价格购买我们的数据库。 数据库：- 也是在线营销或产品推广媒介的新时代，通过它您可以在单一业务领域进行营销和销售增长。
与基本的 api.whatsapp 链接不同，在这种情况下几乎不需要对代码进行任何调整。完成上述步骤后：
4) 当您到达“安装聊天小部件”步骤时，复制屏幕上显示的 JavaScript 代码。
5) 将代码粘贴到您网站的 HTML 中。最好将其插入到您希望 WhatsApp 按钮出现的网站页面上的 <head> 标签之前。
更详细的说明：
在任何网站上手动安装聊天小部件
WordPress 和 WooCommerce 集成
WhatsApp 按钮与 WordPress CMS 及其 WooCommerce 电子商务插件的集成是自动的。要执行此操作：
4) 在您网站的 WordPress 后端，添加以下插件之一并激活它：
通用 WordPress 网站：Brevo 的新 B2B 电子邮件信息 闻通讯、SMTP、电子邮件营销和订阅表格
带有 WooCommerce 的 WordPress 网站：Brevo WooCommerce 插件
5) 通过 API v3 密钥将您的网站连接到您的 Brevo 帐户。
6) 激活 Brevo 跟踪器并检查其运行情况。
7) 在您的 Brevo 帐户中，返回“对话”>“聊天小部件”。在“安装您的聊天小部件”步骤中，将出现“将聊天小部件添加到您的网站”按钮。
whatsapp-button-on-web
8) 单击后，WhatsApp 按钮和网络聊天将按照您的配置自动集成到您的 WordPress 网站中。
更详细的说明：
• 使用 Brevo 跟踪在您的 WordPress 网站上安装聊天小部件 • 使用 Brevo 跟踪在您的 WooCommerce 网站上安装聊天小部件
Shopify 集成
Shopify 电子商务平台还通 es电话号码 过聊天小部件自动集成 Brevo WhatsApp 活动：
4) 在 Shopify 应用商店中，搜索 Brevo 应用并安装。
5) 授权访问以将您的 Brevo 帐户连接到您的 Shopify 帐户。
7) 在您的 Brevo 帐户中，返回到对话 > 聊天小部件。在安装聊天小部件步骤中，将出现将聊天小部件添加到您的网站按钮。
8) 通过单击此按钮，WhatsApp 按钮和网络聊天将按照您的配置自动集成到您的 WordPress 网站中。
更详细的说明：如何使用 Brevo 插件在您的 Shopify 商店中安装聊天小部件
在网站上使用 WhatsApp 按钮的示例
最后，这三个在其网站上集成了 WhatsApp 按钮的公司示例旨在激发人们充分利用它。
Larinlaran
在您的网站上集成 WhatsApp 按钮
电子商务公司 Larinlaran 将 WhatsApp 消息应用程序作为客户服务渠道。事实上，它是其网站上提供的唯一实时聊天联系选项。在桌面版和移动版中，带有 WhatsApp 徽标的按钮（普遍可识别）占据右下角，这是一个战略位置，可以让它可见。
这是一个浮动按钮，意味着它始终保持
即使用户移动屏幕，它也会处于相同的位置。这样，所有访问者都会注意到它，但它不会造成侵扰，因为它仅限于一个小角落。顶部菜单中还包含“在 WhatsApp 上给我们写信”选项。
以解决方案为中心的治疗
在网站 3 上集成 WhatsApp 按钮
以解决方案为中心的治疗在其网站上包含一个 WhatsApp 按钮，但从一开始就不显示。只有当您向下滚动页面时，才会出现一个弹出窗口，提供几个联系选项，包括 WhatsApp 按钮。
这样的弹出窗口会中断浏览体验，因此您应该避免让它们具有侵扰性，寻找最合适的时机来显示它们。让公司的网站在背景中保持模糊也有助于不破坏连续性。
Pepebar
在网站 4 上集成 WhatsApp 按钮
专注于 B2B 领域的 Pepebar 在线商店结合了前两个示例中的资源。它使用浮动按钮来链接 WhatsApp 聊天，但直到访问者开始通过滚动屏幕浏览网站时，它才会出现。
在这种情况下，它不是一个带有 WhatsApp 徽标的简单按钮。它显示了一个小框，其中重现了应用程序中的对话以及公司的问候语。通过这种方式，Pepebar 尽可能地模仿了 WhatsApp 中不允许的主动弹出聊天窗口。
在所有情况下，按钮的可见性都是可访问的关键。如果您在网站上集成 WhatsApp 按钮，您一定能够提升此应用程序并接触数千个联系人！
