facebook livechat button

D

Dropshiping master

Member
Hi,



I want to put HTML code for facebook messenger chat button in my website, i'm using davinch2 theme and it removed widget function.



Hi have followed this tutorial from YouTube, this is free method




Because the alidrop theme changed original setting (10:39mins/12:19), there is no widgets section.



This is the coding I need to paste it on footer HTML code section,

Where is the section I can paste this code on?





<!-- Messenger Chat plugin Code -->

<div id="fb-root"></div>



<!-- Your Chat plugin code -->

<div id="fb-customer-chat" class="fb-customerchat">

</div>



<script>

var chatbox = document.getElementById('fb-customer-chat');

chatbox.setAttribute("page_id", "109921581265797");

chatbox.setAttribute("attribution", "biz_inbox");

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';

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

</script>







Thankyou
 
Y

yoha03

Active Member
Dropshiping master said:
Hi,



I want to put HTML code for facebook messenger chat button in my website, i'm using davinch2 theme and it removed widget function.



Hi have followed this tutorial from YouTube, this is free method




Because the alidrop theme changed original setting (10:39mins/12:19), there is no widgets section.



This is the coding I need to paste it on footer HTML code section,

Where is the section I can paste this code on?





<!-- Messenger Chat plugin Code -->

<div id="fb-root"></div>



<!-- Your Chat plugin code -->

<div id="fb-customer-chat" class="fb-customerchat">

</div>



<script>

var chatbox = document.getElementById('fb-customer-chat');

chatbox.setAttribute("page_id", "109921581265797");

chatbox.setAttribute("attribution", "biz_inbox");

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';

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

</script>







Thankyou
Click to expand...
You need to add that in footer.php on your themes file

Or easier just install
wordpress.org

Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line Messenger, WeChat, Email, SMS, Call Button – Chaty

WhatsApp chat, Facebook Messenger, Telegram, TikTok, Viber, Email, Line, WeChat Phone call, SMS, + 20 chat icons, with a WhatsApp chat pop up
wordpress.org wordpress.org
You can put any chat using this plugin
 
D

Dropshiping master

Member
yoha03 said:
You need to add that in footer.php on your themes file Or easier just install
wordpress.org

Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line Messenger, WeChat, Email, SMS, Call Button – Chaty

WhatsApp chat, Facebook Messenger, Telegram, TikTok, Viber, Email, Line, WeChat Phone call, SMS, + 20 chat icons, with a WhatsApp chat pop up
wordpress.org wordpress.org
You can put any chat using this plugin
Click to expand...

How can i put that footer php on my theme.... if i can just copy that and paste it?
i will look up that link. thankyou
 
chris37

chris37

Well-Known Member
Dropshiping master said:
How can i put that footer php on my theme.... if i can just copy that and paste it?
i will look up that link
Click to expand...
Mate you must go to your themes file in the footer template...

I do not suggest you to do it ...
From the time you ask about the footer Area is big chance to broke your theme structure... so DO NOT DO IT with the footer way...

Is for people that know what they are doing ..

Use the method Yoga03 suggest you .
 
You must log in or register to reply here.
Top