Facebook мессенджер - PullRequest
Новая
       39

Facebook мессенджер

0 голосов
/ 06 февраля 2019

Итак, я установил плагин чата Facebook для общения с клиентами на моем веб-сайте, и он работает нормально, но мне нужно выровнять его по левому краю веб-сайта и, если возможно, также изменить размер кнопки (она огромна).

мой код: 

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

<div class="fmessengerBtn">
<script>
    window.fbAsyncInit = function() {
        FB.init({
            xfbml: true,
            version : "v3.2"
        });
    };
    </script>
    <div id="fb-root"></div>
    <div class="fb-customerchat" 
        attribution=setup_tool 
        page_id="372545293082246" 
        theme_color="#0b9bb8" 
        greeting_dialog_display="fade" 
        greeting_dialog_delay="60" 
        ref="home" 
        logged_in_greeting="Fale conosco" 
        logged_out_greeting="Fale conosco">
    </div>
    </div>

я пробовал просто использовать CSS для выравнивания контейнера div, но тогда окно чата останется с правой стороны веб-сайта ... Есть ли какие-точто-то вроде атрибута или опции, чтобы установить, чтобы вещь шла на левую сторону?Конечно, это то, что многие другие люди должны были сделать

, также, опция приветствия_dialog_delay, кажется, не работает

Ответы [ 2 ]

0 голосов
/ 30 мая 2019

Я немного подправил код на тот случай, если вы хотите оставить виджет справа внизу, а просто немного переместить его влево (например, он блокирует другой элемент) 

.fb_dialog.fb_dialog_advanced {
    right: 18pt;
  margin-right: 50px;
}
iframe.fb_customer_chat_bounce_in_v2 {
    right: 9pt;
   margin-right: 50px;
}
iframe.fb_customer_chat_bounce_out_v2 {
    right: 9pt;
   margin-right: 50px;
}
0 голосов
/ 20 марта 2019

Кажется, что следующий CSS работает (поскольку классы могут измениться): 

/* ***************
 * FB on left side 
 ******************/
/* this is for the circle position */
.fb_dialog.fb_dialog_advanced {
    left: 18pt;
}

/* The following are for the chat box, on display and on hide */
iframe.fb_customer_chat_bounce_in_v2 {
    left: 9pt;
}
iframe.fb_customer_chat_bounce_out_v2 {
    left: 9pt;
}
...