Как переместить окно чата Facebook вверх/вниз или вправо/влево?

Окно чата Facebook (Customer Chat SDK) перекрывает одну из кнопок на моем веб-сайте. Как я могу переместить его выше?

Здесь недостаточно информации, чтобы дать осмысленный ответ. Пожалуйста, рассмотрите возможность добавления соответствующего кода к вашему вопросу.

— 19.02.2019 22:28

Это оригинальный код

— 20.02.2019 10:47

javascript facebook facebook-javascript-sdk facebook-messenger facebook-chat

19.02.2019 22:22

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

1 871

Ответы 3

Вы можете проверить CSS и изменить положение, но это не рекомендуется, так как это может привести к неожиданной поломке при будущих обновлениях плагина.

20.02.2019 07:33

Это исходный код:

<div id = "fb-root"></div>



<script>`enter code here`
  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/lt_LT/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 = "0000000"
  theme_color = "#0084ff"
  greeting_dialog_display = "hide"
>
</div>

20.02.2019 10:50

Вы можете написать добавить css сайта:

.fb_dialog, .fb_customer_chat_bounce_in_v2, .fb_customer_chat_bounce_out_v2 {
right: auto !important;
left: 10pt !important;
bottom: 10pt !important;}

В нем вы можете изменить left: 10pt !important; bottom: 10pt !important; на свое усмотрение.

Удачи !

20.06.2019 06:38