1. Додавання каналу Вебсайт до Creatio

1. Перейдіть до Налаштування> Налаштування чату Beesender > Канали

2. Натисніть ➕ і виберіть WebSite

...

3. Заповніть стандартні поля та виберіть прапорець "Як скрипт". Натисніть ОТРИМАТИ КОД

...

Вставте потрібний вам колір замість #ffffff.

До зміни	Після зміни
Image RemovedImage Added	Image RemovedImage Added

4.5.2 Зміна кольору тексту системного повідомлення з іменем оператора

...

Вставте потрібний вам колір замість #ff6161.

До зміни	Після зміни
	Image RemovedImage Added

4.6.2 Зміна кольору тексту Системного повідомлення про закриття чату

...

Вставте потрібний вам колір замість #ff6161.

До зміни	Після зміни
Image RemovedImage Added	Image RemovedImage Added

4.7 Налаштування зовнішнього вигляду повідомлень

...

Вставте потрібний вам колір замість #999999

До зміни	Після зміни
	Image RemovedImage Added

4.7.1 Колір тексту повідомлень оператора

...

@media screen and (max-width: 980px)
{
div#beesenderchat-main-feed {
background-color: rgba(203,210,234,.86) !important;
}}

До зміни	Після зміни
Image Modified	Image Modified

4.10 Зміна назви віджета

Стандартне значення: "Beesender"
Щоб змінити назву у заголовку віджета, вам потрібно додати до скрипта:

...

Вставте потрібний вам текст замість New Title (назва компанії)

До зміни	Після зміни
Image Modified	Image Modified

4.11 Зміна підзаголовка

Стандартне значення: " "

window.beesenderchatconfig.subtitle = "My Subtitle";

Щоб додати або змінити підзаголовок у заголовку віджета, вам потрібно додати до скрипта:
Вставте потрібний вам текст замість My Subtitle

До зміни	Після зміни

4.12 Зміна тексту заповнювача поля вводу

Стандартне значення: 'Enter a message ...'

...

Вставте потрібний вам текст замість "Enter a message ..."

До зміни	Після зміни

4.13 Зміна тексту опису у нижньому колонтитулі віджета

Стандартне значення: Chats and Chatbots

...

Вставте потрібний вам текст замість Beesender

BeforeДо зміни	AfterПісля зміни

4.14.2 Зміна посилання на ресурс у нижньому колонтитулі

...

Змініть посилання в лапках на потрібне вам.

4.15 Зміна статусу успішного завантаження файлу з віджета

Стандартне значення: Loaded

...

Вставте потрібний вам текст замість Loaded

Before

До зміни

After

Після зміни
Image Modified	Image Modified

4.16 Зміна значка зображення при завантаженні файлу користувачем

Стандартне значення: “https://widget.beesender.com/src/download.svg"

...

Змініть посилання в лапках на потрібне вам

Image Removed

BeforeДо зміни	After	Image Removed	Після зміни
Image Added	Image Added

4.17 Зміна тексту повідомлення з ім'ям та аватаром оператора на момент його підключення до чату

Стандартне значення:"Your agent is {0}"

Параметр відповідає за текст повідомлення з ім'ям та аватаром оператора на момент його підключення до чату (ця функція може бути активована в CRM-системі у налаштуваннях каналу віджета). Щоб змінити текст повідомлення, вам потрібно додати рядок до скрипта:

window.beesenderchatconfig.operatorInfoMessage = "Your agent is {0}"

{0} - внутрішній параметр, який буде замінений на псевдонім оператора.

Вставте потрібний вам текст замість Your agent is {0}

4.18 Зміна значка "Прикріпити файл"

Стандартне значення: "https://widget.beesender.com/src/upload-button.png"

Щоб змінити посилання на зображення значка "Прикріпити файл", вам потрібно додати рядок до скрипта:

window.beesenderchatconfig.attachFileButton = "https://widget.beesender.com/src/upload-button.png"

Змініть посилання в лапках на потрібне вам

4.19 Зміна значка Emoji

Стандартне значення:"https://widget.beesender.com/src/smile.png"

Щоб змінити посилання на значок "Emoji" у нижньому колонтитулі віджета, вам потрібно додати до скрипта:

window.beesenderchatconfig.emojiIcon = "https://widget.beesender.com/src/smile.png"

Змініть посилання в лапках на потрібне вам

4.20 Зміна статусу помилки відправлення файлу з віджета

Стандартне значення: Send error

Параметр відповідає за відображення користувачеві статусу відправлення файлу у віджеті, у випадку, якщо файл не може бути відправлений. Щоб змінити відображення користувачеві статусу помилки відправлення файлу, вам потрібно додати до скрипта:

window.beesenderchatconfig.errorFileUploadString = "Error loading"

Вставте потрібний вам текст замістьError loading

До зміни	Після зміни
Image Added	Image Added

4.21 Зміна тексту та кольору фону кнопок

4.21.1 Зміна кольору тексту кнопок

Щоб замінити колір тексту кнопок, вам потрібно додати до стилів:

button.beesenderchat-bot-button {
color: #000 !important;
}

Вставте потрібний вам колір замість #000

До зміни	Після зміни
Image Added	Image Added

4.21.1 Зміна кольору фону кнопок

Щоб замінити колір фону, вам потрібно додати до стилів:

button.beesenderchat-bot-button {
background: #999999 !important;
}

Вставте потрібний вам колір замість #999999

До зміни	Після зміни
Image Added	Image Added

4.22 Зміна заповнювача тексту для поля вводу перед натисканням кнопки

Стандартне значення: 'Please select one of the following options'.

Параметр містить заповнювач для поля вводу, коли ви хочете натиснути на кнопку у повідомленні. Щоб змінити текст заповнювача, вам потрібно додати до скрипта:

window.beesenderchatconfig.chatButtonsPlaceholder = "Choose one of the options";

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

До зміни	Після зміни
Image Added	Image Added

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

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

5.1 Опція таймера відкриття

Щоб віджет відкривався автоматично, потрібно вставити скрипт у кінець тега <body>, заменiвши число 5000 на бажану кiлкiсть мiлiсекунд:

<script>
$(document).ready(function() {
  setTimeout(function() {
    $("#beesenderchat-widget-startbutton").trigger('click');
  }, 5000);
});
</script>

5.2 Прив'язка віджета до каналу

Цей параметр є обов'язковим! Цей параметр необхідний для прив'язки віджета до каналу в Creatio. Він генерується автоматично при створенні каналу.

Якщо канал підключений як скрипт, то в тексті скрипта присутнє стандартне налаштування.

Якщо ви додаєте канал як компонент vue, потрібно додати рядок до коду сторінки.

window.beesenderchatconfig.channelId = “Your channelId”;

5.3 Передача ID клієнта сайту

Стандартне значення: ""

Параметр використовується для передачі ID користувача сайту. Формат та метод генерації обираються розробниками. У майбутньому цей ідентифікатор може бути використаний на ваш розсуд, наприклад, у бізнес-процесі чат-бота. Щоб передати ID клієнта сайту, потрібно додати до скрипта:

window.beesenderchatconfig.clientId = “Your identifier”;

5.4 Зміна URL коннектора

Стандартне значення: "https://balance.beesender.com"

Параметр містить адресу коннектора, з яким віджет встановлює зв'язок за допомогою протоколу WS. При розгортанні коннектора On Site слід вказати його адресу у цьому параметрі. Змінювати не рекомендується, якщо коннектор не розгорнутий у режимі On Site.

window.beesenderchatconfig.connectorUrl = "https://connector.beesender.com";

Змініть посилання на потрібне вам замiсть https://connector.beesender.com

5.5 Блокування поля вводу під час повідомлення з кнопками

Стандартне значення:true

Параметр визначає, чи буде блокуватися поле для введення повідомлення, коли приходить повідомлення з кнопками.

Це необхідно, щоб запобігти введенню тексту користувачем, коли потрібно натиснути на одну з кнопок.

Встановіть false, щоб вимкнути блокування.

window.beesenderchatconfig.disableInputOnButtonMessages = false;

5.6 Зміна та відключення першого повідомлення від клієнта при відкритті віджета

5.6.1 Відправлення першого повідомлення, коли клієнт відкриває віджет

Стандартне значення: true

Параметр визначає, чи буде відправлене повідомлення від імені клієнта до Creatio, коли клієнт натисне на кнопку для відкриття віджета.

Текст повідомлення визначається параметром initialMessageText. Повідомлення відправляється лише один раз. Якщо клієнт багаторазово відкриває та закриває віджет, повідомлення буде відправлене лише один раз.

Повідомлення залишається невидимим у чаті віджета, але відображається у чаті Creatio. Щоб вимкнути відправлення цього повідомлення, встановіть false.

window.beesenderchatconfig.sendInitialMessageOnWidgetButtonClick = false;

5.6.2 Зміна тексту першого повідомлення, коли клієнт відкриває віджет

Стандартне значення:"Client opened widget"

Параметр містить текст повідомлення, яке автоматично відправляється при натисканні на кнопку для відкриття віджета.

window.beesenderchatconfig.initialMessageText = "A new message when the client opened the widget!";

До зміни	Після зміни
Image Added	Image Added

5.7 Час зберігання історії чату у віджеті

Стандартне значення: 30

Параметр визначає час зберігання історії листування у віджеті в хвилинах.

Після закінчення вказаного часу історія буде видалена, і спроба відправити повідомлення створить новий чат у Creatio. Щоб змінити час зберігання локального сховища, потрібно додати до скрипта:

window.beesenderchatconfig.localStorageLifeTime = 100;

5.8 Зміна формату часу повідомлення

Стандартне значення:

function (timestamp) {
var date = new Date (timestamp);
return `$ {date.getHours ()}: $ {(date.getMinutes () <10)? "0" +
date.getMinutes (): date.getMinutes ()} `;
}

Параметр містить функцію, яка приймає кількість мілісекунд і повертає рядок часу. Використовується для вказівки формату часу повідомлень.

Використовуйте свою реалізацію для зміни формату часу.

window.beesenderchatconfig.timeFormatFuntion = function (timestamp) {your code};

5.9 Можливість відправлення файлів з віджета

Стандартне значення: true 

Параметр відповідає за можливість відправлення файлів з віджета.

window.beesenderchatconfig.enableFileUpload = true

5.10 Зміна файлового сервера

Стандартне значення: "https://files.beesender.com"

Параметр містить посилання на файловий сервер, розроблений командою Beesender, який перетворює всі файли, відправлені з віджета, на посилання. Щоб змінити файловий сервер, потрібно додати до скрипта:

window.beesenderchatconfig.fileServerUrl = "https://files.beesender.com"

Змініть посилання в лапках на потрібне вам

5.11 Режим відстеження користувача під час набору тексту

Стандартне значення:false

Параметр відповідає за включення режиму "відстеження користувача" під час набору тексту. Щоб включити режим відстеження користувача, потрібно додати до скрипта:

window.beesenderchatconfig.isClientTyping = false