Page 1 of 1

Problem with button live chat created from Facebook

Posted: Fri Jul 02, 2021 5:26 am
by UE4U
I have 2 live chat code on app facebook and Zalo. Curently I added live chat code in html , put above </body>. it works well but it seems the position is not appropriate, it makes me annoyed during using mobile phone.
I would like to know there is any solution to move these 2 live chat codes to the right position as attached photo?
Your support is highly appreciated.

Thanks you so much

My code

Code: Select all

<div class="zalo-chat-widget" data-oaid="3053995513690399773" data-welcome-message="Rất vui khi được hỗ trợ bạn!" data-autopopup="0" data-width="350" data-height="420"></div>

<script src="https://sp.zalo.me/plugins/sdk.js"></script>

Code: Select all

<!-- Messenger Plugin chat Code -->
    <div id="fb-root"></div>

    <!-- Your Plugin chat code -->
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>

    <script>
      var chatbox = document.getElementById('fb-customer-chat');
      chatbox.setAttribute("page_id", "921245848081150");
      chatbox.setAttribute("attribution", "biz_inbox");
      window.fbAsyncInit = function() {
        FB.init({
          xfbml            : true,
          version          : 'v11.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>
Thanks you so much

Re: Problem with button live chat created from Facebook

Posted: Mon Jul 05, 2021 4:38 pm
by Hopki
Hi,
You should look at building your own skin, add the required buttons using the components toolbox.
Then add your own buttons.
The important part is anchoring, you can treat each button as an individual item or put them all in a container.
Regards,