← Все материалы

Как подключить онлайн-чат к магазину на Яндекс KIT: пошаговая инструкция

Подключение онлайн-чата к магазину на Яндекс KIT: интерфейс интернет-магазина, виджет чата, сообщения клиентов, настройки поддержки и пошаговая интеграция для общения с покупателями.

Коротко: онлайн-чат подключается к магазину на Яндекс KIT без кода — через раздел «Настройки → Интеграции». Нужно зарегистрироваться в чат-сервисе (например, Jivo), создать канал «Чат для сайта», скопировать ID виджета и вставить его в интеграцию KIT. После публикации окно чата появляется на сайте, а сообщения приходят в приложение оператора. Весь процесс занимает несколько минут.

Покупатель, который не получил ответ за минуту, уходит к конкуренту. Онлайн-чат закрывает этот разрыв: отвечает на вопросы по товару, снимает сомнения перед оплатой и ловит заявки, которые иначе теряются. Ниже — как подключить чат к магазину на Яндекс KIT и настроить его правильно.

Зачем магазину онлайн-чат

Чат — это не «кнопка для галочки», а инструмент конверсии:

  • отвечает в момент сомнения — пока покупатель на странице товара, а не когда он уже ушёл;
  • снимает возражения — размеры, сроки доставки, наличие, гарантия;
  • собирает контакты — даже если клиент не купил сейчас, вы получаете лид;
  • заменяет звонок — многим проще написать, чем звонить;
  • работает с чат-ботом — автоответы на частые вопросы 24/7, без оператора.

Для интернет-магазина это один из самых дешёвых способов поднять конверсию без увеличения рекламного бюджета.

Что понадобится

  • магазин на Яндекс KIT с доступом в личный кабинет;
  • аккаунт в чат-сервисе — в Яндекс KIT нативно интегрирован Jivo, на его примере и покажем;
  • 5 минут времени.

Шаг 1. Создайте канал чата в Jivo

Зарегистрируйте аккаунт в чат-сервисе или войдите в существующий. Откройте раздел управления каналами связи и создайте новый канал типа «Чат для сайта» (или откройте настройки уже созданного). Именно код этого канала вы установите на сайт.

Создание канала «Чат для сайта» в Jivo для магазина на Яндекс KIT
Создание канала «Чат для сайта» в Jivo

Шаг 2. Скопируйте ID виджета

Перейдите в раздел «Установка» — там лежит код виджета. Вам нужна не вся строка, а уникальный ID канала: это 10 символов после widget/.

Важно: у каждого канала свой уникальный идентификатор. Копируйте ID именно с вашего канала — чужой код из примеров в инструкциях не подойдёт.

Где найти ID виджета Jivo — 10 символов после widget
ID виджета — 10 символов после widget/

Шаг 3. Откройте интеграции в Яндекс KIT

Зайдите в личный кабинет Яндекс KIT и перейдите в раздел «Настройки → Интеграции». Пролистайте до блока с нужным сервисом (в нашем примере — Jivo) и нажмите «Подключить».

Раздел «Интеграции» в Яндекс KIT и блок подключения чата Jivo
Раздел «Интеграции» в Яндекс KIT

Шаг 4. Вставьте ключ виджета

В открывшемся окне в поле «Ключ виджета» вставьте скопированный ранее ID канала и нажмите «Сохранить».

Поле «Ключ виджета» в настройках интеграции Jivo на Яндекс KIT
Поле «Ключ виджета» в интеграции Jivo

Шаг 5. Проверьте подключение и опубликуйте

При успешной интеграции окно настроек закроется, а в блоке появится статус «Подключено». Здесь же можно отредактировать код или отключить интеграцию. Убедитесь, что все изменения на сайте опубликованы — без этого чат не появится у посетителей.

Статус «Подключено» — чат Jivo успешно установлен на Яндекс KIT
Статус «Подключено» — чат успешно установлен

Готово: окно чата появится на сайте магазина, а сообщения покупателей будут приходить оператору в приложение чат-сервиса (на компьютере или телефоне).

Дополнительные настройки чата

Тонкая настройка делается на стороне чат-сервиса. На что обратить внимание:

  • Дизайн виджета — цвет, положение, шрифт под стиль вашего бренда;
  • Форма контактов — собирает имя, телефон или email до начала диалога;
  • Согласие на обработку данных — чек-боксы согласия по 152-ФЗ; для РФ это обязательный пункт, не пропускайте его;
  • Активные приглашения — автоматическое сообщение через N секунд на странице, чтобы вовлечь посетителя;
  • Оценка качества — клиент оценивает ответ оператора;
  • Чат-бот — автоответы на частые вопросы, когда оператор не на связи.

Частые ошибки

  • забывают опубликовать изменения — чат настроен, но на сайте его нет;
  • вставляют чужой ID из примера вместо своего;
  • не подключают согласие на обработку перс. данных — риск по 152-ФЗ;
  • ставят чат, но никто не отвечает — лиды копятся без реакции;
  • не настраивают офлайн-режим — клиент пишет ночью и не получает даже автоответа.

Как запустить сам магазин перед подключением чата — в пошаговой инструкции, а как приводить в него трафик — в материале «Как продвигать магазин на Яндекс KIT».

FAQ

Зарегистрируйтесь в чат-сервисе (например, Jivo), создайте канал «Чат для сайта», скопируйте ID виджета и вставьте его в Яндекс KIT в разделе «Настройки → Интеграции». После публикации чат появится на сайте.
Нет. Чат подключается через готовую интеграцию в разделе «Интеграции» — нужно лишь вставить ключ виджета и сохранить. Код вручную писать не требуется.
В Яндекс KIT есть нативная интеграция с Jivo — её можно подключить в пару кликов через раздел интеграций, вставив ID канала.
В чат-сервисе в разделе «Установка»: ключ виджета — это уникальный ID канала, 10 символов после widget/ в коде. У каждого канала идентификатор свой.
Чаще всего изменения не опубликованы или вставлен неверный ID. Проверьте, что интеграция в статусе «Подключено», ID скопирован с вашего канала, а изменения на сайте опубликованы.
Чат повышает конверсию: отвечает покупателю в момент сомнения, снимает возражения по товару и доставке, собирает контакты и работает как канал поддержки 24/7 в связке с чат-ботом.

Консультация по Яндекс KIT

Поможем запустить магазин под ключ: шаблон, каталог, оплата, доставка и реклама в Директе.

Запуск и настройка магазина на Яндекс KIT под ключ

Чат — одна из деталей, из которых складывается работающий магазин. Команда KIT Agency запускает магазины на Яндекс KIT под ключ и настраивает интеграции — от чата и CRM до оплаты, доставки и рекламы, — чтобы магазин не просто работал, а продавал.

Оставьте заявку на kit-agency.ru — соберём и настроим магазин, готовый принимать заказы и обращения клиентов.