Создаем свой ярлык онлайн-консультанта

Обратите внимание, что данная инструкция является примером, как можно использовать свою кнопку чата вместо стандартной. Дизайн и расположение своей кнопки нужно делать уже самостоятельно.

1. Скачайте исходные файлы - ссылка.

Если вы хотите оставить в мобильной версии нашу штатную кнопку, а на ПК сделать свою собственную, то замените файл jivosite.js файлом из этого архива

2. Скопируйте директорию «jivosite», которая находится в архиве, в корневой каталог вашего сайта -- http://вашсайт.com/jivosite

3. Проверьте, что исходный код скрипта доступен по адресу http://вашсайт.com/jivosite/jivosite.js

4. Добавьте на каждую страницу вашего сайта между тегами <head> и </head> следующий код:

<link href="/jivosite/jivosite.css" rel="stylesheet">
<script src="/jivosite/jivosite.js" type="text/javascript"></script>

5. Убедитесь, что на сайте уже прописан основной код Jivo (его можно найти в панели управления на первой странице). Порядок указания скриптов на вашем сайте роли не играет

6. Замените картинки ярлыка в директории «http://вашсайт/jivosite/images/» на те, которые вам бы хотелось видеть на своем сайте. Исходный файл Photoshop вы найдете в архиве

7. Поменяйте в файле jivosite/jivosite.css высоту div, чтобы она соответствовала высоте картинок (нужные строки отмечены комментариями)

Если у вас остались вопросы - пишите нам на [info@jivosite.ru](mailto: info@jivosite.ru)

Профессиональная версия Jivo

В 4 раза больше диалогов. От 894 ₽/месяц