Page Comparison

...

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

...

3.1 Колір кнопки віджета

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

window.beesenderchatconfig.widgetButtonColor = "#ff8c00"

Для зміни кольору замініть значення у лапках на потрібний вам колір.

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

3.2 Колір внутрішнього елемента кнопки віджета

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

window.beesenderchatconfig.widgetButtonColorLine = "#ffffff"

Замініть колір у лапках на потрібний вам колір.

3.3 Колір хвильок кнопки віджета

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

<style>
.beesender-widget-button-pulse-animate {
background-color: #e91e63 !important;
}
</style>

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

Замініть #e91e63 на потрібний вам колір.

3.4 Зображення кнопки віджета

Щоб замінити основну кнопку віджета, вам потрібно додати наступний рядок (який містить посилання на файл зображення .svg бажаної кнопки віджета) до скрипта, згенерованого в Creatio:

window.beesenderchatconfig.startButtonSvg = "https://pictures.beesender.com/startbtnbeesender_7.svg";

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

...