Facebook Chat Widget Apne Website Me Embed Kaise Karein?

Agar aapke paas koi Blog ya website hai. Ya aap apne website ke madhyam se koi service provide karwa rahe hain. To Jaruri hai ki aapke site par contact karne ki facility ho. Waise to contact form aapko lagbhag sabhi site ya blogs par mil jayenge. Lekin aapke visitors ya client ki problem ki jaldi solution ke liye Live Chat ka option Jaruri hai. To aaiye aaj hum aapko batate hain Facebook Chat Widget Apne Website Me Embed Kaise Karein?

Facebook-Chat-Widget-Apne-Website-Me-Embed-Kaise-Karein

Aaj jo bhi online service use karte hain, ya internet se jude hain unka Facebook page ya profile hai. Aap apne facebook messenger ko apne website me embed karke instant apne visitor ya customer ke question ya feedback  ka answer de payenge. Aapko kisi other company ke chat box ko website me embed karne ki jarurat nahi hai.



Jab aap apne website par koi other company ka chat box use karte hain to aapko kam se kam ek assistant rakhna hota hai. Jo aapke visitors ko sahi answer de sake. Lekin agar aap facebook chat box use karte hain. To ye aapke facebook page ke audience ko bhi badhata hai aur aap kanhi se bhi kabhi bhi visitors ya clients ke question ka reply kar payenge.

Yanha main 2 method batane jaa raha hun. Ek WordPress Users ke liye aur second method se koi bhi aap cms use kar rahe hain facebook chat box use kar sakte hain.

1. WordPress User  Facebook Chat Widget Apne Website Me Embed Kaise Karein?

Agar aapki site wordpress hai to aapke liye ye bahut aasan hai. Bus simply ek plugin use kar ke aap apne site par facebook chat ko embed kar sakte hain.

Step:1 Sabse pehle aap Facebook Messenger Live Chat (By Zotabox) Download Kar lein.

Step:2 Aapke Plugin section me FB LIVE CHAT ke naam se ye plugin install ho chuka hai. Ab setting me jaa kar plugin ko setup karna hain. “Configure Your Tools” par click karein.

Step:3 Configure Your Tools par click karne ke baad, New tab me ek page open ho jaata hai. Yanha aapko left sidebar me Improve Communication me “Facebook Live Chat” ka option mil jayega. Bus wanha click kar ke aapko ab apne facebook chat box ko customize karna hai.

Embed-Facebook-Live-Chat

Step 4: 1. Basic Setting me aapko tab ko customize karna hai. Yanha aap site par show hone waale chat tab ka icon, text, color, size ko apne hisab se adjust kar sakte hain. Ye aapke upar hai ki aapko apni site par chat tab kaisa rakhna hai.

2. Enter Your Facebook Fan Page me aapko apne Facebook Page ka Url dena hai. Example ke liye mere facebook page ka url ye hai.  https://www.facebook.com/TechnicalMitra/

3. Bus ab save kar dijiye. Apne Website ko open kijiye. Chat box na show hoto ek baar page ko reload kijiye. Facebook chat box show hone lagega.

Facebook chat box ko main apni ek website NITISHVERMA.COM par use kar raha hun aapko visit karke ek baar dekhna chahiye.

Facebook Messenger Live Chat WordPress Plugin Download

Nitishverma.com-Live-Chat

Chaliye ye to wordpress users ke liye tha ab agar wordpress ke alwa koi other cms use kar rahe hain to nirash hone ki jarurat nahi hai. aap kisi bhi cms me facebook chat box use embed kar sakte hain.

Facebook Chat Widget Apne Website Me Embed Kaise Karein?

To aaiye Facebook Chat widget banate hain. Jisey aap kisi bhi website me embed kar sakte hain.

Step:1 Sabse Pehle https://developers.facebook.com/apps/ par jayein “+ Add New App” par click karein.

Step:2 Apne App id ka display name aur Contact email dalein. Jaisa maine diya hua hai. Aur Create App ID par click karein.

Facebook-live-Chat-Button

Step:3 Ab apne facebook par jayein aur “settings” me jayein. Ynaha “Messenger Platform” par click karein. Yanha “Whitelisted Domains” me apna website ki url enter karein. Agar aapke paas koi aur bhi domain hai to wo bhi enter kar sakte hain. Facebook-Chat-Box


Step:4 Ab apne facebook page ki id ko copy kar lein. Jis facebook page ko apke apne website par show karna hai. Bus almost done ho gya hai. Yanha main aapko code de raha hun usko apne facebook page id se replace kar dein.

<div class="fb-customerchat" page_id="PAGE_ID"></div>

    <script>

      window.fbAsyncInit = function() {
        FB.init({
          appId            : 'APP_ID',
          autoLogAppEvents : true,
          xfbml            : true,
          version          : 'v2.11'
        });
      };

      (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.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
      
    </script>

Step:5 Ab ish code ko apne website ke template ke footer me add kar dein. Aapke website me facebook chat embed ho jayega. Facebook Chat Widget Apne Website Me Embed Kaise Karein? ye to aapne samjh liya hoga.

Agar aapko Facebook chat widget apne website me embed karne me koi problem aa rahi hai to hume comment me jarur batayein. Hum aapki help karne ki puri kosis karenge.

Ye Bhi Padhein.


Facebook Messenger Ko Website Me Kaise Embed Karein?

Digital Training Hub From Facebook : Free Digital Marketing Course

Facebook Job Openings India- Facebook India Me Job Apply Karein Free Me

Facebook Post Ko Website Me Embed Kaise karein?

Post Ko Padhne ke liye Dhanyawaad ! Pasand aaya to share kijiye taaki dusro ki bhi help ho sake.

Add a Comment

Your email address will not be published. Required fields are marked *