• GoDaddy Community
  • Websites + Marketing | Website Builders
  • Websites + Marketing | Website Builders

    cancel
    Showing results for 
    Show  only  | Search instead for 
    Did you mean: 
    Go to solution

    Customer chat plugin HTML

    Hello Im have a HTML code from Facebook to add to my website but the section stays blank after the code is inserted. Please help. The code is bellow:

     

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

    (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 customer chat code -->
    <div class="fb-customerchat"
    attribution=setup_tool
    page_id="334722524245371">
    </div>

     

     

    Thanks

    3 REPLIES 3
    Super User II
    Super User II

    Re: Customer chat plugin HTML

    Hello 

    <script>
          window.fbAsyncInit = function() {
            FB.init({
              appId      : '95100348886',
              xfbml      : true,
              version    : 'v2.6'
            });
          };
    
          (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="//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
          }(document, 'script', 'facebook-jssdk'));
        </script>
    
        <div class="fb-page" 
             data-href="https://www.facebook.com/XZY/" 
             data-tabs="messages" 
             data-width="400" 
             data-height="300" 
             data-small-header="true">
          <div class="fb-xfbml-parse-ignore">
            <blockquote></blockquote>
          </div>
        </div>
    Zulfiqar Anees | GoDaddy Pro | Founder/CEO at FastTech Media, TechMag, and ZulWeb.
    Solution

    Re: Customer chat plugin HTML

    Hi thanks for the help but that didn't work. Godaddy have stated that their websites are not compatible with Facebook chat plugin.

     

    Thanks again.

    Re: Customer chat plugin HTML

    Hi. I trying add to my site chat tawk.to.

    I add a HTML section on the page and past the js code like this:

     

    <!--Start of Tawk.to Script-->
    <script type="text/javascript">
    var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
    (function(){
    var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
    s1.async=true;
    s1.src='https://embed.tawk.to/5d220c2a48e50/default';
    s1.charset='UTF-8';
    s1.setAttribute('crossorigin','*');
    s0.parentNode.insertBefore(s1,s0);
    })();
    </script>
    <!--End of Tawk.to Script-->

     

    But this plugin not working on my site.

    Please help me!!!