如何在网站加入 WhatsApp 一键联系功能?WordPress 完整教学

Facebook
WhatsApp
Twitter
LinkedIn

最近的帖子

Showing Slide 1 of 4

文章标签

如何在网站加入 WhatsApp 一键联系功能?WordPress 完整教学

内容摘要

在马来西亚做生意,WhatsApp 几乎是每个人手机里都需要有的 APP。不管是询问产品的价格、确认订单的状态还是要求售后服务,大多数的马来西亚消费者第一个反应都是要”WhatsApp 一下”。

但是还有很多的网站却没有把 WhatsApp 的按钮放在明显的位置,访客进来了,想联系你,却找不到一个简单的方式去联系,最后就会悄悄的离开了;这是非常可惜的事!

今天就让我们一起来了解在 WordPress 网站里应该怎样才可以添加 WhatsApp 一键联系功能,让访客可以在网站上直接一键联系你!

为什么网站一定要有 WhatsApp 一键联系功能?

根据 Meta 的数据,WhatsApp 在马来西亚的普及率是非常高的,几乎所有有手机的人都有安装 WhatsApp 哦。加入 WhatsApp 一键联系按钮的好处有以下几点:

  • 降低联系门槛:访客不需要填写表单或者发 Email,一键点击就能直接开始找到人对话,大幅提高客户愿意联系你的机率
  • 提高转化率:客户在考虑购买的时候会有疑问,如果可以即时得到解答,会减少放弃购买的机会
  • 符合马来西亚消费者习惯:本地消费者最熟悉通讯软件 WhatsApp,用他们习惯的方式来联系你,体验会更好哦
  • 手机和电脑都可以用:手机上直接开启 WhatsApp App,电脑上则会开启 WhatsApp Web,非常方便

好了,我们直接进入主题,现在就来看看各个网站平台是如何操作添加 WhatsApp 一键联系功能吧!

方法一:任何网站都适用的代码置入方法

不管你用的是什么网站平台,只要平台是支持加入自定义 HTML 代码的,我们就可以用这个最基本的方法来加入 WhatsApp 按钮哦。

WhatsApp 的一键联系链接格式非常简单:

https://wa.me/60123456789

只需要把 “60123456789“ 换成你自己的手机号码(记得要加上马来西亚的国家代码 60,而且不需要 + 号,也不要只是 0 开头哦),访客点击这个链接就会直接开启 WhatsApp 和你联系了。

如果你想要在访客开启 WhatsApp 的时候自动填入一段预设的开场白,可以在链接后面加上 ?text= 参数:

https://wa.me/60123456789?text=你好,我想了解更多关于你们的产品

这样访客点击之后,WhatsApp 里就会自动填好开场白,他们只需要点击发送就可以了,这可是大大的降低了他们开口询问的心理门槛哟!

如果你的网站支持加入 HTML 代码,可以复制以下的代码直接贴进去,就会出现一个绿色的浮动 WhatsApp 按钮哦:

HTML
<!-- WhatsApp 浮动按钮 -->
<a href="https://wa.me/60123456789" 
   target="_blank"
   style="position:fixed; bottom:20px; right:20px; 
          background:#25D366; color:white; 
          border-radius:50%; width:60px; height:60px; 
          display:flex; align-items:center; justify-content:center;
          box-shadow:2px 2px 6px rgba(0,0,0,0.3); 
          z-index:9999; text-decoration:none;">
  <svg xmlns="http://www.w3.org/2000/svg" 
       viewBox="0 0 24 24" 
       fill="white" 
       width="32px" height="32px">
    <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z"/>
    <path d="M12 0C5.373 0 0 5.373 0 12c0 2.123.554 4.118 1.528 5.845L.057 23.428a.75.75 0 00.921.921l5.704-1.461A11.945 11.945 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 22c-1.886 0-3.65-.502-5.176-1.381l-.36-.214-3.388.868.882-3.31-.235-.373A9.944 9.944 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z"/>
  </svg>
</a>

记得把 “60123456789” 换成你自己的号码哦!(如下图)

方法二:WordPress 网站使用 “Click to Chat – HoliThemes” 插件

如果你的网站是用 WordPress 来建立的,我们最推荐使用 “Click to Chat – HoliThemes” 这个插件哦。这是目前全球大约超过 70 万个 WordPress 网站都在使用的插件,在 WordPress 官方插件库里的评分高达 4.8 分(满分 5 分),可以说是目前最受欢迎的 WordPress WhatsApp 插件之一哦,我们使用了这个插件后不到两个小时就收到询问了哟。

安装步骤:

步骤 1:登入你的 WordPress 后台,在左边菜单里找到 “Plugins(插件)” > “Add New(添加新插件)”。(如下图)

步骤 2:在右上角的搜索框里输入 “Click to Chat”,找到 HoliThemes 开发的插件,点击 “Install Now(立即安装)”,安装完成后点击 “Activate(启用)”。(如下图)

步骤 3:启用之后,在左边菜单里找到 “Click to Chat” 的设置页面,输入你的 WhatsApp 号码(格式是 60123456789,不需要 + 号)。(如下图)

步骤 4:选择你喜欢的按钮样式、位置(建议放在右下角,这是用户最熟悉的位置),还可以设置预填的开场白。设置完成后点击保存就可以了哟!(如下图)

Click to Chat – HoliThemes 的几个实用功能:

  • 多种按钮样式:提供 8 种以上预设样式,可以选择最符合你网站风格的设计
  • 设定营业时间:可以设置只在营业时间内显示 WhatsApp 按钮,下班后自动隐藏,避免收到深夜无法回复的讯息(PRO 付费版本才能使用)
  • WooCommerce 整合:如果你的网站有网店,可以在每个产品页面加入 WhatsApp 按钮,访客看到产品直接一键询价非常方便哟
  • 多个客服账号:如果你有多个客服人员,可以设置让访客选择联系哪一位,非常专业(PRO 付费版本才能使用)

加码小贴士:WhatsApp 按钮的几个设置技巧

加好了 WhatsApp 按钮之后,以下几点可以帮你进一步提升效果哦:

  • 设置预填开场白:比如 “你好,我想了解更多关于你们的 [产品/服务]”,降低客户开口的门槛
  • 注明营业时间:在按钮旁边或者弹出的欢迎语里注明你的回复时间,避免客户等太久没有回复而流失
  • 按钮位置放在右下角:这是用户最习惯的位置,不要放在左边或者中间,会显得突兀哦
  • 不要同时放太多聊天按钮:如果你已经有 WhatsApp 按钮,就不需要再放其他聊天工具了,按钮太多反而会让访客不知道该用哪个

总结

在马来西亚,WhatsApp 一键联系功能几乎是每一个网站的标配了哦。加了 WhatsApp 按钮之后,访客和你之间的距离就只剩下一个按钮了,这对于提高网站的询问率和销售转化率有非常直接的帮助哟!

如果你需要我们微变团队帮你在网站上加入 WhatsApp 一键联系功能,或者想要更进阶的客服自动化设置,欢迎随时联系我们!

订阅建设与经营网站趋势电子报

每周与你一起学习新知识

喜欢我们的文章吗?现在就分享在你的社交平台吧:

Facebook
WhatsApp
Twitter
LinkedIn

Leave a Reply

Your email address will not be published. Required fields are marked *

喜欢我们的文章吗?

现在就免费订阅我们的电子报吧!