晋中网点制作:如何将WhatsApp集成到WordPress网站

2019.05.25 晋中网点制作

139

2017年7月,WhatsApp正式宣布超过1十亿人们使用WhatsApp每一天。是的,这些用户也发送了超过550亿条…消息。每天。通过WhatsAppWordPress集成,您可以开始将您的网站作为数十亿条消息的一部分。

此外,WhatsApp不再只适用于手机-现在已经有Mac和Windows应用程序使WhatsApp正式成为多平台。

在晋中网点制作文章中,我将教你一些不同的方法,你可以将WhatsApp集成到WordPress中。虽然没有太多的选择,但有一些方法可以整合WhatsApp,而不仅仅是社交共享。

最棒的是,每一个插件或解决方案,我将概述是100%免费!让我们跳到…

有什么方法可以将WhatsApp集成到WordPress中?

有几种不同的方法可以设置WhatsAppWordPress集成。

首先,您可以实现一个基本按钮,允许用户通过WhatsApp共享您的帖子。我将通过以下两种方法来实现这一点:

· 浮动股

· 专用WhatsApp按钮

除了这两种方法外,其他许多方法都是全服务的。社会共享插件也支持WhatsApp。因为我们已经关于社交分享插件的文章而且这些插件并不是WhatsApp特有的,不过我不会展示这种方法。

不过,除了社交分享之外,你还可以使用WhatsApp为访问者提供支持,让他们通过WhatsApp轻松地与你对话。

显然,这并不适用于每一个网站,但对于面向商业的网站来说,这是一个很好的解决方案,因为它允许你在某人离开你的网站后继续对话。

我将向您展示如何让访问者通过以下方式向您发送WhatsApp消息:

· 免费插件

· 实际WhatsApp API

如何向移动站点添加浮动WhatsApp共享按钮

对于第一个选项,您将了解如何将浮动WhatsApp共享栏添加到站点的移动版本中。

我环顾四周找了几个不同的插件,无意中发现了免费的插件。KN移动共享插件。除了WhatsApp,它还增加了Facebook和Twitter按钮。不幸的是,在不深入插件代码的情况下,似乎没有一种方法可以禁用它。

一旦你安装并激活了插件,你的按钮就会自动激活。

当访问者点击WhatsApp按钮时,他们将直接通过WhatsAppAPI分享帖子,并提供一条预先填充的消息:

 

WhatsApp API

您可以通过插件的设置定制预填充消息。要做到这一点,就要设置→KN移动共享栏并编辑WhatsApp文本方框:

 

请注意,您可以使用这些短代码为文章的标题和URL插入动态信息。

这就是一切!请记住,这些共享按钮将只出现在移动用户。另外,如果你已经在使用社交分享插件,你应该在你的网站的移动版本上测试任何潜在的兼容性问题。

如何向Mobile添加专用WhatsApp Button

如果您想要一个完全专用于WhatsApp的解决方案,可以使用免费分享WhatsApp插件。请注意,您将失去之前插件的整洁浮动栏功能。

这个插件非常简单-一旦你安装并激活它,你所需要做的就是转到在WhatsApp上设置→共享帖子若要启用WhatsApp共享按钮,

当移动用户单击按钮时,将要求他们打开实际的WhatsApp应用程序(验证了我的iPhone 6的工作原理).

唯一的缺点是插件将同时出现在桌面和移动版本的站点上,尽管这个按钮只在手机上工作 

要解决这个问题,可以使用CSS和媒体查询。我设法将它隐藏在我的站点的桌面版本中,方法如下:

01

02

03

04

05

@media screen and (min-width:667px) {

.share-to-whatsapp-wrapper {

display:none;

}

}

另一个自动隐藏桌面用户按钮的免费插件是WhatsApp共享按钮亚历克斯·莫斯的。不过,这个插件已经三年没有更新了,这让我对推荐它犹豫不决。不过,当我通过一些基本测试时,它似乎确实奏效了。

如何将WhatsAppLiveChat添加到WordPress中

晋中网点制作除了社交共享之外,另一个简洁的WhatsAppWordPress集成是使用WhatsApp和你的访客谈谈通过虚拟直播聊天。

我说“伪”是因为实时聊天按钮只同修聊天。一旦聊天启动,您将需要继续通过WhatsApp接口。

要向WordPress添加WhatsApp聊天按钮,我喜欢免费服务-帮助聊天按钮插件.

一旦你安装并激活了插件,你就需要直接到此外部页面要实际生成按钮代码,确保选择WhatsApp作为您的消息应用程序,并填写其余的信息。您可以在右下角查看实时预览:

 

完成后,在底部输入电子邮件,然后单击获取按钮代码。然后,将该代码粘贴到帮手选项卡在WordPress仪表板中:

 

保存更改后,您应该在站点的实时版本上看到WhatsApp Chat按钮:

 

如何使用WhatsApp API创建自己的解决方案

如果上面没有一个插件是为您做的,您也可以使用WhatsAppAPI创建您自己的自定义按钮。

您所需要做的就是使用您的按钮向这个URL发送流量:

https:/api.whsapp.com/send?phone=PHONENUMBERHERE&text=ENCODEDTEXTHERE

例如,创建一个发送讯息链接到这里的按钮:

https:/api.whsapp.com/send?电话=123456789&text=this%20 is%20a%20 Message

向“123456789”发送一条WhatsApp聊天消息,其中包含“这是条消息”:

 

如果您正在为如何编码文本而挣扎,可以使用像这样的工具.

因为您所需要做的就是用该方法发送人员到链接,所以在如何实现它方面您有很大的灵活性。如果您愿意,甚至可以在Divi模块中使用它。

把东西包装起来

WhatsApp是一个非常受欢迎的工具-数字本身就说明了这一点。随着WhatsApp向网络和移动应用的扩展,它也是多平台的。

通过将WhatsApp集成到WordPress中,您可以允许该服务的数十亿用户通过WhatsApp与您连接和/或共享您的内容。

如果您已经在使用社交共享按钮插件,您可以通过它添加WhatsApp共享按钮。否则,您可以使用这两个概述的解决方案之一添加WhatsApp共享按钮到WordPress。

但是,晋中网点制作除了共享之外,您还可以使用WhatsHelp或WhatsAppAPI让访问者直接将消息发送到您自己的WhatsApp编号。

 


寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP