Configure it below and try it out right on this page. The bubble in the corner is the real widget, live.
Changes update the live preview and the snippet instantly.
Paste this before the closing </body> tag on your website.
Look at the bottom corner of this page. That's your widget, rendered from the settings above using the real embed script.
Download the free Chat Quotient Chrome extension to see and manage every conversation directly inside WhatsApp Web, a full WhatsApp CRM experience.
WhatsApp聊天小部件是一个小按钮，位于网站的角落，点击时会打开与企业的WhatsApp对话，要么直接发送到企业的WhatsApp号码，要么先通过简短表单。它用一个大多数访问者已在手机上打开的频道取代了静态的"联系我们"链接或电子邮件表单。
它与普通的"点击以聊天"链接（只是打开wa.me的文本或图标）不同，因为小部件是可配置的：位置、颜色和预填充的问候语。
配置您的小部件
输入您的WhatsApp号码，然后为小部件选择颜色和角落。
复制代码片段
使用上面的"复制代码片段"按钮。这是一个单独的 <script> 标签，没有其他文件或依赖项。
将其粘贴到您的网站上
在网站HTML的closing </body> 标签之前添加它。
发布
就这样。小部件从代码片段自行呈现，无需构建步骤、后端或帐户。
无表单，无电子邮件，无页面重新加载
访问者通过他们已在手机上打开的应用程序与您联系，而不是输入联系表单并等待回复。
它可以在访问者已有的地方接触到他们
WhatsApp是全世界数十亿人的默认消息应用程序。对于大多数访问者来说，没有什么新的需要下载或注册。
每个聊天都从上下文开始
预填充的问候语意味着对话不会冷启动。访问者进入WhatsApp时已经形成了他们的消息框架。
您可以精确控制它的位置
设置颜色、角落和偏移量，使小部件与您的网站相匹配，而不是通用的默认气泡。
免费，无批准流程
无WhatsApp Business API申请，无单独号码，除单个script标签外无代码。
聊天按钮
点击时打开WhatsApp聊天的静态链接或图标。除目标号码外无其他配置。
聊天小部件
是的。您在上面构建的重定向小部件（带有您的号码、颜色、位置和问候语）是免费的，带有小的"Powered by Chat Quotient"徽章。计划未来推出由AI代理驱动的Pro版本。
不。小部件使用您现有的WhatsApp号码打开普通WhatsApp聊天。无需Business API批准或单独号码。
是的。这是一个没有依赖项的单个 <script> 标签，所以它可以在任何可以粘贴HTML的地方工作：WordPress、Shopify、Wix、Webflow、Squarespace或手工构建的网站。
应该不会明显。该脚本很小，使用async和defer加载，因此永远不会阻止您的页面，并在隔离的Shadow DOM中呈现，因此不会与网站的样式冲突。
还不能。在WhatsApp移交之前捕获潜在客户在路线图上，一旦准备好，我们将在此处重新启用该切换。
不在我们的服务器上任何地方。您的设置完全存储在您粘贴到网站上的script标签中。稍后要更改某些内容，请返回此页面，重新配置并复制新代码片段（保留当前代码片段的副本，因为我们没有为您存储它）。
"聊天按钮"通常只是打开WhatsApp的静态链接。"聊天小部件"（这个工具构建的）是带有可配置问候语、位置和颜色的浮动启动程序。
任何WhatsApp号码都可以工作，个人或商务号码。只需输入国家代码，不需要空格或加号。