时间戳

首页 > 解决方案 > 如何添加带有弹出窗口的滚动聊天按钮

javascript - 如何添加带有弹出窗口的滚动聊天按钮

问题描述

我目前正在使用https://getbutton.io/。但问题是他们的 css 和 JavaScript 非常慢。我想为 Facebook 和 WhatsApp 创建我自己的滚动按钮。请帮我编码

https://static.getbutton.io/css/whatshelp-font.css

https://static.getbutton.io/widget-send-button/js/widget/desktop.js

https://static.getbutton.io/widget-send-button/css/style.css

https://static.getbutton.io/widget-send-button/js/init.js

<script type="text/javascript">
    (function () {
        var options = {
            facebook: "1769615853297972", // Facebook page ID
            whatsapp: "+9203038518000", // WhatsApp number
            call_to_action: "Message us", // Call to action
            button_color: "#FF6550", // Color of button
            position: "right", // Position may be 'right' or 'left'
            order: "facebook,whatsapp", // Order of buttons
        };
        var proto = document.location.protocol, 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>
<!-- /WhatsHelp.io widget -->

Please help me to make my own code so I did'nt need to use getbutton js and css files and I can host on my own server.

标签： javascripthtmlcss

解决方案

使用下面的代码

Markdown 和 HTML 在代码块中被关闭：

<script type="text/javascript">
    (function () {
        var options = {
            facebook: "1769615853297972", // Facebook page ID
            whatsapp: "+9203038518000", // WhatsApp number
            call_to_action: "Message us", // Call to action
            button_color: "#FF6550", // Color of button
            position: "right", // Position may be 'right' or 'left'
            order: "facebook,whatsapp", // Order of buttons
        };
                 var proto = document.location.protocol, host = "whatshelp.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>

推荐阅读