Shopline非插件在详情页添加WhatsApp在线聊天功能

feihuan

用shopline做独立站，如果要在店铺详情页中添加WhatsApp在线聊天功能，需要购买插件，插件多也容易导致独立站加载变慢。

下面介绍一下shopline主题tayest如何免费添加WhatsApp聊天按钮，该功能可以应用到shopline其他模板中，有需要可以联系我们帮忙添加。

首先进入shopline后台，如下图点击进入模板装修页面

在装修页面，如下图所示点开页面选择下拉框，选择商品详情页

选择需要设置的产品模板

如下图在商品详情下拉选项，点击添加内容，在弹出的页面中选择WhatsApp

在弹出的界面中如下图设置WhatsApp选项

可以自定义设置按钮文字，背景颜色，图标和WhatsApp号码，以及按钮间距

需要注意的是:

①填写注册whatsapp号码即可,格式:https://wa.me/<number>其中number 是使用国际格式的完整电话号码。

在添加国际格式的电话号码时，请省略 0、方括号或破折号,比如中国手机号需要在前边加86

②如果想要点击链接后自带招呼语，可以预先填写文字内容

格式：https://wa.me/86电话号码?text=urlencodedtext，

示例：假如手机号码是134557，则是https://wa.me/86134557?text=Hello

输入框填入：86134557?text=Hello

设置好 显示效果如下：