下载与安装:将WhatsApp网页版悬浮按钮添加到您的网站

获取我们的WhatsApp网页版悬浮按钮组件非常简单。您只需完成以下三个步骤,即可在网站首页启用实时询盘捕获功能,让每一位访客都能通过WhatsApp Web直接与您沟通。

安装步骤

  1. 下载代码包:点击页面下方的“下载”按钮,获取包含HTML、CSS和JavaScript的压缩包(约20KB)。该代码包兼容所有主流浏览器,无需额外依赖库。
  2. 复制代码片段:解压后,将whatsapp-button.jswhatsapp-button.css上传至您的网站服务器目录(例如/js/css文件夹)。
  3. 插入悬浮按钮:在您的网站首页底部(</body>标签前)粘贴以下代码,并将YOUR_WHATSAPP_NUMBER替换为您的WhatsApp网页版账号(需包含国家代码,如8613800000000)。
<script src="/js/whatsapp-button.js" data-number="YOUR_WHATSAPP_NUMBER"></script>

安装完成后,您的网站右下角将出现一个醒目的WhatsApp网页版浮动聊天按钮。访客点击后,会自动跳转至WhatsApp Web对话窗口,并预填您设置的问候语(如“Hello, I have an inquiry”)。整个部署过程约需5分钟,无需修改任何后台逻辑。

产品界面亮点:按钮支持自定义颜色、位置(右下/左下)、显示/隐藏时机(如滚动后出现),并提供移动端适配方案,确保在手机浏览器上同样流畅使用。

📢 最新资讯