Adding Facebook messenger Platform to Footer without Plug-in

[John Paul]

John Paul

June 25, 2019 at 6:25 am

Hi Team…

I am just wondering if it is possible to add this HTML code in the footer of my child theme in the “Appearance / Theme Editor” section?

I want to limit the widgets I’m running…

This is the code:

<!– Load Facebook SDK for JavaScript –>
<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : ‘v3.3’
});
};

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = ‘*Login to see link
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

<!– Your customer chat code –>
<div class=”fb-customerchat”
attribution=setup_tool
page_id=”1076295472421698″>
</div>

I am trying to achieve the same FB messenger as this website example
Thanks,

John 🙂