Problem with button live chat created from Facebook

Q&A about the latest versions
Post Reply
UE4U
Posts: 12
Joined: Thu Jul 01, 2021 10:06 am

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
Attachments
Q4.JPG
Q4.JPG (42.54 KiB) Viewed 875 times
Q1.jpg
Q1.jpg (1.08 MiB) Viewed 875 times
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

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,
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Post Reply