为了更好的客户联系，有时候我们需要为我们的网页插入whatsapp插件。

国外客户使用whatsapp联系的也比较多。

那么怎么操作呢？

本文介绍如何在网站上插入whatsapp插件

1：首先肯定是需要登陆我们的网站后台，找到插件配置

2：点击插件配置，直接在左上角点击添加插件

3：按照我图片的方式勾选就好，注意位置选择：head之间

4：代码我提供在下面，可以直接放进去，不过里面的电话号码需要自行修改一下：

<!-- GetButton.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "86+电话号码，电话号码
添加，前面必须加国家的编号，比如我现在放前面的86，是代表中国大陆", // WhatsApp number
            call_to_action: "Message us", // Call to action
            button_color: "#FF6550", // Color of button
            position: "right", // Position may be 'right' or 'left'
        };
        var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>
<!-- /GetButton.io widget -->
<style>.dfBDQI{display:none !important;}
div[id^="gb-widget-"]{bottom:176px !important;}
.right-float .chat-now,.dmopMx{display:none;}
</style>

5：<style>.dfBDQI{display:none !important;}
div[id^="gb-widget-"]{bottom:176px !important;}
.right-float .chat-now,.dmopMx{display:none;}
</style>是把右下角WhatsApp显示位置往上移的代码，如果不需要可以删除

如果需要其他的平台插件可以打开这个网站：（https://getbutton.io/）

获取自己需要的插件，最多添加2个，更多的需要付费开启会员，添加插件的步骤和上面的WhatsApp是一样的，不过会有一个左右位置的选择，需要自己注意一下

左边是选择左还是右，右边是左右的代码，'right' or 'left'一般使用right