← Блог

Как установить онлайн-чат на сайт за 10 минут

Подключение чата не требует разработчика — это вставка одного сниппета. Ниже — общая инструкция и особенности для популярных платформ.

Шаг 1. Зарегистрируйтесь и получите сниппет

Создайте рабочее пространство и откройте настройки — там будет готовый к копированию HTML-сниппет с вашим публичным ключом.

Шаг 2. Вставьте сниппет на сайт

Вставьте код перед закрывающим тегом </body>. Он загружается асинхронно и не замедляет сайт.

<script>
  (function(w,d,s,u){w.cep=w.cep||function(){(w.cep.q=w.cep.q||[]).push(arguments)};
  var j=d.createElement(s);j.type='module';j.async=true;j.src=u;d.head.appendChild(j);
  })(window,document,'script','https://livecontext.ru/embed/embed.js');
  cep('init','pk_live_ВАШ_КЛЮЧ',{apiUrl:'https://livecontext.ru'});
</script>

Шаг 3. Проверьте

Обновите сайт — в углу появится кнопка чата. Напишите тестовое сообщение: оно придёт в Inbox оператора.

Установка на разных платформах

Tilda

«Настройки сайта → Ещё → HTML-код для вставки внутри body», либо блок T123 (HTML) на нужной странице. Опубликуйте сайт.

WordPress

Вставьте сниппет в footer.php активной темы перед </body>, либо используйте любой плагин для вставки кода в подвал (Insert Headers and Footers).

Битрикс

Добавьте сниппет в шаблон сайта (footer.php компонента) перед закрывающим </body>.

Самописный сайт

Вставьте сниппет в общий шаблон/лейаут, который подключается на всех страницах.

Настройка внешнего вида

Цвет, позиция, приветственное сообщение и тексты настраиваются в админке — код менять не нужно. Подробнее об онлайн-чате.

Частые вопросы