Facebook Messenger chat button on home page

[[email protected]]

Dear Team,

Is there any restriction on your theme to add messenger button on home page as I was trying to add HTML codes which generated by Facebook page and it is not working. Even I have tried to installed the “insert header and footer cods” plugin but unsuccessful. Could you please advise for the same and I have tried to include below code.

<!– Load Facebook SDK for JavaScript –>
<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : ‘v10.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&#8217;;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

<!– Your Chat Plugin code –>
<div class=”fb-customerchat”
attribution=”install_email”
page_id=”103449148067510″>
</div>

[Billy Nguyen]

Hi,

Your code has been inserted into the website, but there is a problem with this code, please check again: https://prnt.sc/13p9saf

Bug code: https://prnt.sc/13p9uu6

Please find solution at: https://stackoverflow.com/questions/47736650/refused-to-display-frame-ancestors-https-www-facebook-com

[[email protected]]

Hello,

I think the error has come due to the domain name structure which was in the “facebook” page settings. I have included all the patterns on fb page. ex : https://widerange.lk , http://widerange.lk, https://www.widerange.lk, http://www.widerange.lk

Once Included message button has appear in the home page.

Could you let me know where did you include the coding as I cannot find the HTML code included in footer1 saved template.

[Billy Nguyen]

Hi,

I used Insert Headers and Footers plugin and add your code into footer.

Follow guide at https://www.wpbeginner.com/plugins/how-to-add-header-and-footer-code-in-wordpress/

[Author]

Posts