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

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

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

shopline装修

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

shopline商品详情页设置

选择需要设置的产品模板

shopline商品模板设置

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

shopline详情页功能添加

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

shopline详情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

设置好 显示效果如下:

shopline详情页购买按钮