Как заменить ярлык онлайн консультанта

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

Рассмотрим примеры использования.

Использование своей картинки (ярлыка) для открытия онлайн чата

(при клике на любую картинку открывается онлайн-чат)

Использование своего текста для открытия онлайн чата

Открыть чат

(при клике на текст открывается онлайн-чат)

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

 

Метод, служащий для открытия модуля:

supportAPI.openSupport();

 

Для того, чтобы по ссылке открывалось окно онлайн-чата, иcпользуем код:

        <a href="#" onClick="supportAPI.openSupport(); return false;">Ваш текст или картинка</a>
        

 

Для того, чтобы открыть вкладку «Оставить отзыв» в окне чата, используем код:

        <a href="#" onClick="supportAPI.openReviewsTab(); return false;">Оставить отзыв</a>
        

 

Для того, чтобы открыть любую вкладку в окне чата, иcпользуем код:

        <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 — её высота.

 

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