Как установить и настроить Jivochat

JivoChat — это популярный сервис для организации чатов на сайте, который позволяет общаться с посетителями в реальном времени. Чтобы установить и настроить JivoChat на вашем сайте, следуйте шагам ниже.

Шаг 1: Создание аккаунта в JivoChat

1. Перейдите на сайт JivoChat.
2. Нажмите на "Start for Free" (или аналогичную кнопку для регистрации) и создайте новый аккаунт, введя вашу почту и пароль. После этого вам будет предложено создать ваш чат.
3.  

Шаг 2: Получение кода для установки

1. После регистрации и настройки аккаунта в личном кабинете JivoChat выберите вкладку "Интеграции".
2. В разделе интеграций выберите "Веб-сайт" или "Chat Widget" в зависимости от интерфейса.
3. JivoChat предложит вам скрипт, который нужно будет вставить на ваш сайт.

Шаг 3: Установка JivoChat на ваш сайт

Для сайтов с использованием HTML

1. Скопируйте код для установки (он будет похож на следующий):

    

   <script type="text/javascript">

   (function(){

   var widget_id = 'YOUR_WIDGET_ID';

   var d=document;

   var w=window;

   var loader=function(){

       var s=d. createElement('script');

       s.type='text/javascript';

       s.async=true;

       s.src='https://code.jivochat.com/widget/'+widget_id;

       var ss=d.getElementsByTagName('script')[0];

       ss.parentNode.insertBefore(s,ss);

       }; 

   };

   if(w.addEventListener){

       w.addEventListener('load',loader,false);

   } else if(w.attachEvent){

       w.attachEvent('onload',loader);

   } else {

       loader();

   }

   })()();

   </script> 

2. Замените YOUR_WIDGET_ID на ваш уникальный идентификатор виджета, который вам предоставит JivoChat.

3. Вставьте этот код перед закрывающим </body> тегом на каждой странице вашего сайта, где вы хотите отображать виджет чата.

Для сайтов на популярных CMS (например, WordPress)

1. В WordPress или других CMS обычно есть возможность вставить код виджета в настройках темы или через специальные плагины.

   Пример для WordPress:

   • Перейдите в панель администратора WordPress.
   • Перейдите в Внешний вид > Редактор темы.
   • Найдите файл footer.php (он отвечает за подвал сайта).
   • Вставьте код скрипта перед закрывающим тегом </body>.

2. Если у вас есть доступ к редактору в CMS, просто вставьте код JivoChat в раздел настроек для скриптов или в раздел футера.

Шаг 4: Настройка JivoChat

1. В личном кабинете JivoChat вы можете настроить:
   • Оформление виджета (цвета, текст кнопки и другие параметры).
   • Автоматические сообщения для посетителей, например, приветственное сообщение.
   • Настройку уведомлений, чтобы уведомления о новых сообщениях поступали на ваш email или в мобильное приложение.
2. В настройках можно выбрать, с какого устройства будете работать с чатами: через браузер, мобильное приложение или десктопную версию.

Шаг 5: Тестирование

После того как код будет вставлен на сайт, откройте страницу и проверьте, появляется ли виджет JivoChat. Нажмите на него и отправьте тестовое сообщение, чтобы проверить, правильно ли настроена работа чата.

Если чат работает, то настройка завершена. Теперь вы можете использовать JivoChat для общения с посетителями вашего сайта.

Дополнительные настройки (по желанию)

1. Интеграция с CRM: Если вы используете CRM-систему (например, Bitrix24 или Salesforce), JivoChat поддерживает интеграцию с множеством популярных платформ.
2. Уведомления: Установите мобильное приложение JivoChat, чтобы получать уведомления о новых сообщениях на вашем мобильном устройстве.
3. Персонализация: Вы можете настроить поведение чата (например, чтобы он появлялся только после 30 секунд нахождения пользователя на странице или только на определенных страницах сайта).