Як замінити ярлик онлайн консультанта

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

Розглянемо приклади використання.

Використання своєї картинки (ярлика) для відкриття онлайн чату

(при натисканні на будь-яку картинку відкривається онлайн-чат)

Використання тексту для відкриття онлайн-чату

Відкрити чат

(при натисканні на текст відкривається онлайн-чат)

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

 

Метод для відкриття модуля:

supportAPI.openSupport();

 

Для того, щоб за посиланням відкривалося вікно онлайн-чату, використовуємо код:

 <a href="#" onClick="supportAPI.openSupport(); return false;">Ваш текст або зображення</a>
          

 

Для того, щоб відкрити вкладку «Залишити відгук» у вікні чату, використовуємо код:

 <a href="#" onClick="supportAPI.openReviewsTab(); return false;">Залишити відгук</a>
          

 

Для того, щоб відкрити будь-яку вкладку у вікні чату, використовуємо код:

 <a href="#" onClick="supportAPI.openTab(index); return false;">Ваш текст або зображення</a>,
          

де index — номер вкладки по порядку (нумерація з 0).

 

Для того, щоб приховати стандартний ярлик, вам потрібно додати в стилі css вашого сайту

 <style>#supportTrigger, #supportTriggerMobile{ display:none !important; }</style>
          

 

Якщо Ви бажаєте замінити стандартний ярлик на свій

Стандартний ярлик онлайн консультанта задається в CSS як

div.supportTrigger{ background-image:url('.....')...}

Відповідно, якщо ви хочете залишити ярлик на тому самому місці, але змінити саму картинку, то ви можете в CSS вашого сайту прописати:

div.supportTrigger{ background-image:url('.....') !important; background-size: 100px 100px -!important; width:100px !important; height:100px !important; },

де url(‘…..’) – шлях до зображення, width – ширина вашої картинки, а height – її висота.

 

Докладніше про те, як додавати свої вкладки на форму, читайте в нашій статті «Додавання вкладок на форму онлайн-чату»