Versions Compared

Version Old Version 6 New Version 7
Changes made by

Tatiana Vecherskaia (Unlicensed)

Anastasia Birulina

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Щоб додати віджет з додатковими каналами, вам потрібно додати кілька рядків до стандартного скрипта

  2. Code Block
    languagehtml
    window.beesenderchatconfig.menuButtonIcon = 'https://pictures.beesender.com/0/More.png';
window.beesenderchatconfig.showChannelPanel = true;
window.beesenderchatconfig.channelsInPanel =
[
{ type : "fb", name : "Facebook", link : "https://www.facebook.com/Beesender-1943326189302470/?modal=admin_todo_tour" },
{ type : "fbm", name : "Facebook Messenger", link : "https://www.facebook.com/messages/t/1943326189302470" },
{ type: "instagram", name : "Instagram", link : "https://www.instagram.com/beesender/" },
{ type : "telegram", name : "Telegram", link : "https://t.me/DiverTestBot" },
{ type : "viber", name : "Viber", link : "viber://pa?chatURI=uri5element" },
{ type : "skype", name : "Skype", link : "https://join.skype.com/bot/cf865d6e-e37f-4a05-a260-6e8b0a657104?add" },
{ type : "twitter", name : "Twitter", link : "https://twitter.com/Beesender5" },
{ type : "whatsapp", name : "WhatsApp", link : "https://wa.me/79636129154" },
{ type : "widget", name : "Continue on this website" },
];

  3. Залиште тільки рядки з каналами, які підключені до системи.

  4. Повний скрипт із вибором каналів виглядає так:

  5. Code Block
    languagehtml
    <link rel="stylesheet" href="https://widget.beesender.com/prod/widget.css">
<div id="beesender-chat"></div>
<script>
window.beesenderchatconfig = {};
window.beesenderchatconfig.channelId = '0b5190ec-4ea4-4335-991e-1e2163760443';
window.beesenderchatconfig.connectorUrl = 'https://connector.beesender.com';
window.beesenderchatconfig.title = "Beesender";
window.beesenderchatconfig.headerImageSrc = "https://pictures.beesender.com/0/Localiser-300x300.png";
window.beesenderchatconfig.menuButtonIcon = 'https://pictures.beesender.com/0/More.png';
window.beesenderchatconfig.chatMessagePlaceholder ="Enter message...";
window.beesenderchatconfig.closeChatCaption = "Close chat";
window.beesenderchatconfig.chatButtonsPlaceholder = 'Please select one of the following options';
window.beesenderchatconfig.initialMessageText = "A client opened the webchat";
window.beesenderchatconfig.channelPanelHeader = 'Choose a channel to continue your communication ';
window.beesenderchatconfig.backToChannelChooseCaption = 'Back to the list of channels';
window.beesenderchatconfig.showChannelPanel = true;
window.beesenderchatconfig.channelsInPanel =
[
{ type : "fb", name : "Facebook", link : "https://www.facebook.com/Beesender-1943326189302470/?modal=admin_todo_tour" },
{ type : "fbm", name : "Facebook Messenger", link : "https://www.facebook.com/messages/t/1943326189302470" },
{ type: "instagram", name : "Instagram", link : "https://www.instagram.com/beesender/" },
{ type : "telegram", name : "Telegram", link : "https://t.me/DiverTestBot" },
{ type : "skype", name : "Skype", link : "https://join.skype.com/bot/cf865d6e-e37f-4a05-a260-6e8b0a657104?add" },
{ type : "twitter", name : "Twitter", link : "https://twitter.com/Beesender5" },
{ type : "whatsapp", name : "WhatsApp", link : "https://wa.me/79636129154" },
{ type : "widget", name : "Continue on this website" },
];
</script>
<script src="https://widget.beesender.com/prod/widget.js" async></script>
<script src="https://widget.beesender.com/prod/chunk-vendors.js" async></script>

2.3 Відображення доступних каналів для комунікації при наведенні

Щоб доступні канали для комунікації відображалися при наведенні на кнопку віджета, необхідно додати до скрипту наступний рядок:

Code Block
 window.beesenderchatconfig.showChannelPanelOnHover = true;
Info

Ця настройка актуальна, коли увімкнено showChannelPanel і заповнено channelsInPane.

3. Налаштування зовнішнього вигляду віджета

...

Вставте потрібний вам текст замість Choose one of the options

До зміни

Після зміни

4.23 Динамічна зміна висоти

Для того щоб користувачі могли самостійно задавати висоту відображення на сайті (від мінімальної висоти 330 px для центрального блоку до максимальної 70%), необхідно додати в скрипт наступний рядок:

Code Block
window.beesenderchatconfig.canClientResizeWidget = true;

Значення за замовчуванням — false.

4.24 Зміна розташування віджета по горизонталі

Для того щоб користувачі могли самостійно переміщувати віджет по горизонталі (на зручне для них місце) на сайті, необхідно додати в скрипт наступний рядок:

Code Block
window.beesenderchatconfig.canClientMoveWidget = true;

Значення за замовчуванням — false.

Info

Сама кнопка віджета не переміщається по горизонталі. Рекомендується для її приховування, при відкритому вікні віджета, використовувати наступну настройку:

Code Block
window.beesenderchatconfig.alwaysShowWidgetButton = false;

Інші налаштування

Нижче наведено повний список налаштувань віджета (window.beesenderchatconfig):

...