Обратите внимание, что данная инструкция является примером, как можно использовать свою кнопку чата вместо стандартной. Дизайн и расположение своей кнопки нужно делать уже самостоятельно.
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
