← Все статьи

Как установить чат на сайт Tilda

Пошагово добавляем КликЧат на Tilda через блок T123, публикуем страницу и проверяем первое сообщение.

Подготовьте виджет в КликЧат

Установка не требует плагина или доступа к исходному коду Tilda. Понадобится готовый скрипт из кабинета и стандартный HTML-блок T123. В среднем подключение занимает около семи минут.

1

Создайте сайт

В разделе «Сайты» нажмите «Добавить новый сайт», укажите название проекта или домен и сохраните его.

2

Выберите оформление

Настройте цвет, размер и сообщения виджета. Все параметры можно изменить позже без повторной установки кода.

Создание сайта в кабинете КликЧат
Создание сайта в кабинете КликЧат
Выбор дизайна виджета
Выбор дизайна виджета

Добавьте скрипт на страницу Tilda

3

Скопируйте код виджета

Откройте вкладку «Подключение», найдите блок «Установка виджета» и нажмите «Копировать».

Копирование кода виджета
Копирование кода виджета
4

Добавьте блок T123

В редакторе нужной страницы нажмите «Все блоки», откройте категорию «Другое» и выберите блок T123 «HTML-код».

5

Вставьте код и опубликуйте страницу

Откройте содержимое блока, вставьте скопированный скрипт, сохраните изменения и повторно опубликуйте страницу.

Добавление HTML-блока T123 в Tilda
Добавление HTML-блока T123 в Tilda
Вставка кода КликЧат в блок T123
Вставка кода КликЧат в блок T123
В редакторе Tilda скрипт может не запускаться. Проверяйте виджет именно на опубликованной странице.

Проверьте работу чата

6

Откройте опубликованную страницу

В правом нижнем углу должна появиться кнопка чата. Откройте её и отправьте тестовое сообщение.

7

Ответьте посетителю

Убедитесь, что сообщение появилось в разделе «Диалоги», и отправьте ответ из кабинета или Telegram Mini App.

Готовый виджет КликЧат на странице Tilda
Готовый виджет КликЧат на странице Tilda
Если сообщения проходят в обе стороны, чат установлен правильно.

Настройте рабочий процесс

Все диалоги доступны в веб-кабинете и Telegram Mini App. При необходимости подключите Telegram-группу с темами как дополнительный канал уведомлений и ответов.

Чтобы автоматизировать типовые ответы, откройте вкладку «AI-ассистент», добавьте сведения о компании и выберите режим работы. Подробная настройка описана в статье «Как настроить AI-ассистента для сайта».

КликЧат

Общайтесь с клиентами на сайте и в Telegram

Подключение занимает несколько минут. Бесплатный тариф доступен без ограничения по времени.

Подключить бесплатно →