WhatsApp 和多渠道聊天小部件生成器

向任何网站添加免费的 WhatsApp 聊天按钮或多渠道联系小部件。将 WhatsApp、Messenger、Telegram、Instagram、电话、电子邮件、短信和自定义链接合并到一个浮动启动器中,自定义设计、问候语和行为,然后复制适用于 HTML、WordPress、Shopify、Wix、Webflow 和 React 的单个轻量级代码片段。

一款免费的一体化聊天小部件生成器。构建一个浮动 WhatsApp 按钮,扩展为一张友好的聊天卡,或多渠道启动器,将 WhatsApp、Messenger、Telegram、Instagram、电话、电子邮件、短信、Viber 和任何自定义链接收集到一个菜单中。设置按钮的样式,添加问候气泡并自动打开,在桌面和移动设备上实时预览,然后复制一个独立的代码片段 - 没有库,没有外部脚本,没有月费,也没有跟踪。

Share
类别
开发者工具
包括
10特点
使用权
自由的 · 无需注册
隐私
在您的浏览器中运行
WhatsApp 和多渠道聊天小部件生成器

Loading WhatsApp Widget Generator......

Please wait a moment

如何使用

如何使用WhatsApp 和多渠道聊天小部件生成器

  1. 01

    选择布局

    为一位客服人员选择一张 WhatsApp 聊天卡,或者选择一个频道菜单来列出访客可以联系您的所有方式。

  2. 02

    添加您的频道

    添加 WhatsApp、Messenger、Telegram、Instagram、电话、电子邮件、短信、Viber 或自定义链接,然后重新排序并重新着色。

  3. 03

    设计按钮

    设置图标、形状、大小、位置、偏移、可选标签、脉冲动画以及浅色或深色主题。

  4. 04

    调整行为

    添加问候语工具提示,选择它何时出现,并可选择在几秒钟后自动打开小部件。

  5. 05

    实时预览

    检查桌面和移动设备上的小部件 - 预览反映了真实的嵌入。

  6. 06

    复制代码

    复制该代码片段(或下载 .html)并将其粘贴到 </body> 之前。立即直播。

使用案例

常见用例

  • 向小型企业网站添加实时聊天和支持
  • 为访客提供一个 WhatsApp、Messenger、Telegram 和 Instagram 启动器
  • 通过点击聊天从登陆页面捕获潜在客户
  • 让电商购物者提出售前问题
  • 为沙龙、诊所和服务企业预约
  • 为自由职业者和机构提供快速的品牌联系按钮
概述

每个聊天频道都有一个小部件

您的客户并不都使用相同的应用程序 - 有些更喜欢 WhatsApp,其他则喜欢 Messenger、Telegram、Instagram DM、电话或普通电子邮件。该生成器不会将链接分散在页脚上,而是构建一个浮动启动器,打开您提供的每个频道的整洁菜单,每个频道都有自己的图标、颜色和标签。选择多频道菜单布局,添加任意数量的频道,将它们拖到您想要的顺序,然后访问者点击他们已经使用的频道 - 这样更多的人就会真正接触到。

或者一张重点突出的 WhatsApp 聊天卡

如果 WhatsApp 是您的主线,请切换到聊天卡布局:熟悉的浮动 WhatsApp 按钮,可展开为品牌弹出窗口,其中包含您的代理姓名、头像、在线状态点、欢迎气泡以及可打开 WhatsApp 并预先填写您的消息的号召性用语 — 因此对话开始时会气氛热烈且上下文相关。您仍然可以将辅助频道显示为按钮下方的小图标,从而为您提供两全其美的效果。

先进,但仍然是一个轻量级的片段

在精美的 UI 背后,输出故意保持简单:一个独立的 HTML、CSS 和普通 JavaScript 片段,没有外部依赖项、没有第三方脚本,也没有访客跟踪。您配置的所有内容(问候语工具提示及其延迟、自动打开计时、脉冲动画、深色主题、按钮形状、大小、位置和偏移量)都将融入到该片段中。它的重量只是典型 SaaS 聊天插件的一小部分,而且从不打电话回家。

粘贴到任何地方,随时更改

因为它是简单的标记,所以该小部件几乎可以放入任何平台 - 手工编码的网站、WordPress、Shopify、Wix、Squarespace、Webflow 或 React 应用程序 - 通过在结束正文标记之前粘贴一次,或将其下载为 .html 文件。实时桌面和移动预览准确反映了真实的嵌入,因此您设计的内容就是访问者获得的内容,并且更新频道或样式与重新生成和重新粘贴代码片段一样快。没有帐户,没有订阅,没有锁定。

特征
01
两种布局:WhatsApp 风格的聊天卡或多渠道启动器菜单
02
9 个渠道 — WhatsApp、Messenger、Telegram、Instagram、电话、电子邮件、短信、Viber、自定义链接
03
添加、重新排序、重新着色和重新标记无限频道
04
启动器样式:图标、形状、大小、位置、侧面、偏移量和可选标签
05
带延迟的问候语工具提示 + N 秒后自动打开
06
脉冲动画、浅色或深色面板主题、品牌颜色
07
代理姓名、状态、头像、欢迎气泡和预先填写的 WhatsApp 消息
08
与输出完全匹配的实时桌面和移动预览
09
一个无依赖性片段 - 复制或下载为 .html
10
适用于 HTML、WordPress、Shopify、Wix、Squarespace、Webflow、React — 无跟踪
常问问题

常见问题

如何将 WhatsApp 聊天小部件添加到我的网站?+

选择聊天卡布局,添加您的 WhatsApp 号码,自定义客服人员、欢迎消息、品牌颜色和位置,然后复制生成的代码片段并将其粘贴到您网站上的结束 </body> 标记之前 - 它会立即生效。

我是否可以添加多个频道,例如 Messenger 和 Telegram?+

是的。切换到多渠道菜单布局并添加 WhatsApp、Facebook Messenger、Telegram、Instagram、电话、电子邮件、短信、Viber 和任何自定义链接。您可以对每个应用程序进行重新排序、重新着色和重新标记,访问者可以点击他们喜欢的应用程序。

它适用于 WordPress、Shopify、Wix 和 Webflow 吗?+

是的。该小部件是纯 HTML、CSS 和 JavaScript,没有依赖项,因此它可以在 WordPress、Shopify、Wix、Squarespace、Webflow、手动编码网站和 React 应用程序上运行 - 只需将代码片段粘贴到 </body> 之前或使用 HTML/嵌入块即可。

我可以添加问候气泡或自动打开聊天吗?+

是的。您可以在设置的延迟后显示问候语工具提示,并可选择在几秒钟后自动打开小部件。两者在每个访问者会话中都会触发一次,这样就不会打扰回访的用户。

是否支持预先填写的 WhatsApp 消息?+

是的。设置预先填写的消息,访客的 WhatsApp 将打开并显示已输入的文本,因此对话从上下文开始。

小部件是否跟踪访问者或加载外部脚本?+

不会。它是完全独立的,没有第三方脚本,也没有跟踪 - 它只会在访问者点击频道时打开您配置的聊天链接。

免费吗?+

是的,与大多数付费聊天小部件服务不同,完全免费,无需注册,也无需支付月费。您还可以将该小部件下载为 .html 文件以保留。