Thread: where to add/insert FB chat messenger on the site?

where to add/insert FB chat messenger on the site?

Hi,

Facebook provides the following codes to insert Facebook chat messenger to sites in order for the site owner to engage with the users. In what specific file(s) can I add those codes? Thank you very much in advance.

<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v7.0'
});
};

(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 = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your Chat Plugin code -->
<div class="fb-customerchat"
attribution=setup_tool
page_id="xxxxxxxxxxxxxxx"
theme_color="#4CA24E">
</div>