...
Щоб додати віджет з додатковими каналами, вам потрібно додати кілька рядків до стандартного скрипта
Code Block language html 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" }, ];Залиште тільки рядки з каналами, які підключені до системи.
Повний скрипт із вибором каналів виглядає так:
Code Block language html <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 Відображення доступних каналів для комунікації при наведенні
Щоб доступні канали для комунікації відображалися при наведенні на кнопку віджета, необхідно додати до скрипту наступний рядок:
...