Как поставить чат на сайт на Tilda за 5 минут

Tilda — один из самых популярных конструкторов у небольшого бизнеса: сайт можно собрать самому, без программиста. Добавить на него онлайн-чат тоже несложно. В этой инструкции покажем, как поставить чат Lidmi на сайт на Tilda: на одну страницу или сразу на все.

Вся установка сводится к тому, чтобы вставить одну строку кода и опубликовать сайт. Обычно это занимает около 5 минут.

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

• Аккаунт в Lidmi. Если его ещё нет, зарегистрируйтесь и создайте компанию — это бесплатно. Подробно процесс описан в статье «Регистрация и создание компании».
• Доступ к редактору сайта на Tilda с правом публиковать страницы.
• Возможность вставлять свой HTML-код. На Tilda она зависит от тарифа — проверьте условия своего тарифа, прежде чем начинать.

Шаг 1. Скопируйте код чата

1. Войдите в кабинет Lidmi и откройте раздел «Виджет на сайте».
2. В блоке «Код для вставки на сайт» нажмите «Скопировать».

Код выглядит так:

<script src="https://app.lidmi.ru/widget/lidmi-widget.js" data-company="ВАШ_ID" async></script>

В скопированном коде вместо ВАШ_ID уже стоит номер вашей компании, поэтому ничего менять не нужно. Главное — копировать код целиком, от <script до </script>.

Шаг 2. Вставьте код на сайт

Есть два пути: добавить код на конкретную страницу или сразу на весь сайт. Если чат нужен везде, выбирайте второй вариант — так не придётся повторять установку на каждой новой странице.

Вариант А: на одну страницу через блок HTML-кода

1. Откройте нужную страницу в редакторе Tilda.
2. Добавьте новый блок и найдите в библиотеке блок для вставки HTML-кода — обычно это блок T123 в разделе «Другое».
3. Откройте содержимое блока (кнопка «Контент») и вставьте скопированный код Lidmi.
4. Сохраните изменения.

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

Вариант Б: на все страницы сразу

На Tilda есть несколько способов добавить код на весь сайт. Названия пунктов меню могут отличаться в зависимости от версии интерфейса и тарифа, поэтому опишем общий принцип:

• Через настройки сайта. В настройках сайта есть поле для HTML-кода, который добавляется на все страницы, — например, «HTML-код для вставки внутрь head». Вставьте туда код Lidmi и сохраните. Код загружается асинхронно, поэтому не замедлит открытие страниц.
• Через общий подвал. Создайте отдельную страницу-подвал с блоком T123, вставьте в него код и назначьте эту страницу подвалом для всех страниц в настройках сайта («Шапка и подвал»).

Оба способа дают одинаковый результат — выбирайте тот, что удобнее в вашем проекте.

Шаг 3. Опубликуйте и проверьте

1. Нажмите «Опубликовать». Если вы меняли настройки всего сайта, опубликуйте заново все страницы, на которых должен появиться чат.
2. Откройте опубликованную страницу в браузере — не в режиме редактирования. В редакторе Tilda пользовательский код не выполняется, и чата там не будет.
3. Найдите кнопку чата в углу страницы и отправьте тестовое сообщение.
4. Откройте раздел «Диалоги» в кабинете Lidmi — ваше сообщение должно быть там.

Если сообщение пришло — установка завершена.

Если чат не появился

Чаще всего причина одна из этих:

• Страница не опубликована заново. Изменения на Tilda попадают на сайт только после публикации.
• Код скопирован не полностью. Проверьте, что в блоке есть и открывающий <script, и закрывающий </script>.
• Вы смотрите страницу в редакторе. Откройте сайт по его обычному адресу.
• Старая версия в кеше браузера. Обновите страницу или откройте её в режиме инкогнито.
• Тариф Tilda не позволяет вставлять свой код. Проверьте условия тарифа в настройках аккаунта Tilda.

Если ничего не помогло, напишите нам — поможем разобраться. Все способы связи — в статье «Поддержка: как с нами связаться».

Что настроить после установки

Чат уже работает, но стоит потратить ещё несколько минут на настройки в кабинете:

• Офлайн-режим. Выберите, что увидит посетитель, когда никого нет на месте: форму заявки, автоответ с полем для email или скрытый виджет.
• Активные приглашения и цепочки сообщений. Оператор может написать первым, а цепочка сообщений — сама предложить помощь посетителю, который задержался на странице.
• Кнопки связи. Добавьте рядом с чатом кнопки мессенджеров и телефона, а также обратный звонок — посетитель оставит номер и выберет удобное время, а вы перезвоните ему сами.
• Каналы. Подключите Telegram, VK, MAX или почту, чтобы сообщения оттуда приходили в ту же очередь, что и чат сайта.
• Согласие на обработку данных. Включите галочку согласия на обработку персональных данных и задайте её текст — без согласия посетитель не сможет начать чат.

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

Не замедлит ли чат мой сайт?

Основной файл виджета — 28 КБ, остальное подгружается, когда нужно. Загрузка асинхронная: страница сначала открывается, а кнопка чата появляется следом. Стили виджета изолированы от стилей сайта, поэтому оформление ваших блоков на Tilda не изменится.

На сайте уже стоит другой чат. Что делать?

Лучше оставить один. Два чата на одной странице путают посетителей: непонятно, куда писать, и часть сообщений может остаться без ответа. Удалите блок или код старого чата, опубликуйте сайт и только потом проверяйте Lidmi.

Где отвечать посетителям?

Все сообщения из чата приходят в раздел «Диалоги» в кабинете Lidmi. Туда же попадают сообщения из подключённых мессенджеров, так что отвечать можно в одном месте, не переключаясь между приложениями.

Сколько это стоит?

Чат, кнопки связи, обратный звонок и офлайн-режим доступны на бесплатном тарифе без лимита диалогов. Возможности для команд — шаблоны ответов, капча для форм и чата, расширенная аналитика — входят в Pro. Подробное сравнение — на странице «Тарифы».

Как убрать чат с сайта?

Удалите блок с кодом Lidmi (или код из настроек сайта) и опубликуйте страницы заново. После публикации кнопка чата пропадёт.

Коротко

1. Скопируйте код в кабинете Lidmi: «Виджет на сайте» → «Код для вставки на сайт».
2. Вставьте его в блок HTML-кода на странице или в настройки всего сайта на Tilda.
3. Опубликуйте сайт и отправьте тестовое сообщение.

Краткая версия этой инструкции есть в разделе «Помощь»: «Установка на Tilda». Там же — инструкции для WordPress и любого другого сайта. А если своего сайта пока нет, можно начать с мини-сайта в Lidmi.