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?

AWS Q Developer image

Your AI Code Assistant

Ask anything about your entire project, code and get answers and even architecture diagrams. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Start free in your IDE

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

πŸ‘₯ Ideal for solo developers, teams, and cross-company projects

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay