• 查看 816 次, 回复 1
  • 插入whatsapp插件
    1年前 (2023/03/06 11:27)
  • 举报
    加载中…
  • 为了更好的客户联系,有时候我们需要为我们的网页插入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显示位置往上移的代码,如果不需要可以删除

  • 回复 2023/3/6 11:36
  • 如果需要其他的平台插件可以打开这个网站:(https://getbutton.io/)

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

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