DEV Community

Cover image for How To Add Facebook Chat Plugin In Blogger?
Imam Uddin
Imam Uddin

Posted on

How To Add Facebook Chat Plugin In Blogger?

Embed Facebook Messenger Chat widget in blogger

Here are the attached codes; Just copy and paste to your blogger website or any other website. Then change the Facebook Page ID number and WhatsApp Number.

<script type="text/javascript">
    (function () {
        var options = {
            facebook: "109530127628507", // Facebook page ID
            whatsapp: "+8801406070407", // WhatsApp number
            call_to_action: "Message Me!", // Call to action
            button_color: "#4caf50", // Color of button
            position: "left", // Position may be 'right' or 'left'
            order: "facebook,whatsapp", // Order of buttons
            pre_filled_message: "Hey There ๐Ÿค! How Can I Help You Today?", // WhatsApp pre-filled message
        };
        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>
Enter fullscreen mode Exit fullscreen mode

Bonus: WhatsApp messenger is also added
Original Post Is Here: **
**Add Facebook Chat/Messenger to Blogger Website

Tags:
How to Add Facebook Chat/Messenger to Blogger Website
Facebook Chat Plugin - Messenger Platform **
**How do I add the Facebook chat plugin to Blogger?

How do you add a chatbot on Blogger?
How do I integrate Facebook chat into my website?

Discussion (0)