Как поставить чат на сайт без программиста

· 2 мин чтения

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

Шаг 1. Создайте чат

Зарегистрируйтесь и нажмите «Создать веб-чат». Введите адрес своего сайта. Чат будет работать только на нём: на чужом сайте вставленный код ничего не покажет. Адреса можно поменять позже.

Шаг 2. Вставьте код или поставьте плагин

На странице «Установка» вы увидите код. Он вставляется перед закрывающим тегом </body>. Где это сделать:

  • Tilda. Настройки сайта → Ещё → «HTML-код для вставки внутрь HEAD» → вставить → сохранить. Затем опубликовать все страницы заново.
  • Wix. Настройки → Собственный код → «Добавить код» → вставить, выбрать «Все страницы» и «Body — конец» → применить. Нужен премиум-тариф с подключённым доменом.
  • Shopify. Интернет-магазин → Темы → Редактировать код → файл layout/theme.liquid → вставить перед </body> → сохранить.
  • Google Tag Manager. Теги → Создать → «Пользовательский HTML» → вставить → триггер «All Pages» → отправить.
  • WordPress, Joomla, OpenCart, PrestaShop, Drupal. Скачайте готовый плагин на той же странице. Адрес вашего чата в него уже вписан, остаётся загрузить архив в админке сайта.

Страница установки: код, плагины и проверка

Если у вашего конструктора нет поля для стороннего кода, посмотрите в его справке раздел про счётчики и пиксели: код чата вставляется туда же.

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

Нажмите «Проверить» и укажите адрес страницы, где должен быть чат. Мы откроем её и поищем код. Если пишет, что кода нет, а вы его только что вставили, очистите кеш сайта или опубликуйте страницы заново и проверьте ещё раз.

Затем откройте свой сайт, нажмите кнопку чата и отправьте себе сообщение. Оно появится во «Входящих».

Шаг 4. Подключите ответы из Telegram

Чтобы не сидеть в кабинете, подключите Telegram. Мастер подключения состоит из трёх шагов: создать бота у BotFather, привязать свой Telegram и получить пробное сообщение. После этого сообщения посетителей приходят в Telegram, а ответить можно, нажав «Ответить» на сообщение бота.

Шаг 5. Настройте вид и ночной режим

В разделе «Вид чата» меняются цвет, тема, заголовок и приветствие. В блоке «Рабочие часы» задаётся текст для нерабочего времени: вне часов чат просит имя и телефон и кладёт заявку в «Заявки».

Вид чата и превью

Что делать, если чат не появился

  1. Код стоит перед </body> на тех страницах, где вы его ищете.
  2. Адрес сайта указан в настройках чата именно так, как открывается ваш сайт.
  3. Кеш сайта очищен, страницы опубликованы заново.
  4. Нажмите «Проверить»: сообщение подскажет, что именно не так.

Бесплатный уровень: 1 сайт и 100 разговоров в месяц, без срока. Что умеет чат и как выбирать — в обзоре, все возможности — на странице модуля.

Попробовать в PulseMarko

Продавайте в мессенджерах без рутины

Чат-боты, рассылки, оплата в чате и все переписки в одном месте. 14 дней все модули бесплатно.

Попробовать бесплатно