Чат для сайта на Тильде
В Тильде для стороннего кода есть отдельное поле в настройках сайта — вставлять чат блоком в тело страницы не стоит, и дальше объясню почему.
Куда вставлять код
Поле для стороннего кода в Тильде лежит в настройках сайта, а не страницы. Ищите раздел с техническими опциями — обычно он называется «Ещё» или похоже. Внутри есть поле для HTML, который добавляется в конец тела страницы, перед закрывающим тегом body. Всё, что вы туда впишете, Тильда сама подставит на каждую страницу сайта: и на уже опубликованные, и на те, что появятся позже.
Это не то же самое, что поле для кода в head, куда обычно кладут счётчики и метатеги. Скрипту чата важнее оказаться ближе к концу страницы: так он не мешает браузеру сначала отрисовать сам сайт, а уже потом подгрузить виджет. Если Тильда предлагает оба поля, чату нужно то, что «в body».
Почему блок T123 работает хуже
У Тильды есть блок с HTML-кодом, который вставляется прямо в тело страницы вместе с остальным содержимым, — многие по привычке используют его и для чата. Беда в том, что такой блок живёт на одной конкретной странице. Если у сайта их десять, код придётся продублировать десять раз, а потом руками синхронизировать при каждом изменении ключа или настроек.
Хуже другое. Тильда лениво подгружает блоки ниже первого экрана: для картинок и текста это правильно, а чат должен появиться сразу, а не после того, как посетитель долистает до нужного места. Стоит такой блок внизу длинной страницы — и часть посетителей его вообще не увидит, потому что уйдёт раньше. Со вставкой через настройки сайта этой проблемы нет: скрипт грузится с атрибутом defer сразу при открытии страницы, независимо от того, где на ней находится курсор.
Как не сломать публикацию
Сохранить код в настройках мало — Тильда не применяет изменения задним числом. После вставки нужно опубликовать сайт целиком, а если он большой, то хотя бы самые посещаемые страницы. Ещё одна ловушка: страницы в Тильде часто делают копированием других. Если код при этом случайно попал в тело одной из копий, при следующей правке дизайна его сотрут вместе с остальной вёрсткой. Общая вставка от этого защищена — она не часть содержимого страницы и в редактировании блоков не участвует.
Когда на сайте несколько проектов Тильды под разными доменами, у каждого свой ключ виджета. Скопировать один и тот же код на все домены — обычная ошибка: диалоги с разных сайтов начнут попадать в один поток, а базы знаний перепутаются.
Проверка на телефоне
Больше половины посетителей открывают сайт с телефона, и там у виджета меньше места для манёвра. Проверьте вручную, а не через режим просмотра в браузере на компьютере:
- Кнопка виджета не перекрывает кнопку заказа или номер телефона в углу экрана.
- Если у шаблона есть своя плавающая панель — с меню, кнопкой звонка или переходом в мессенджер, — виджет не должен спорить с ней за один и тот же угол.
- После открытия чата клавиатура телефона не должна закрывать поле ввода. Эту мелочь видно только на реальном устройстве.
Когда два плавающих элемента претендуют на нижний правый угол, проще сдвинуть свой в настройках шаблона, чем трогать виджет чата. Отдельно откройте сайт на планшете, если у вас есть корпоративная страница с горизонтальной ориентацией: там углы экрана распределяются иначе, и виджет может внезапно накрыть текст, который на телефоне был выше или ниже.
Чего это не решает
Код на месте — это ещё не работающий чат. Сам по себе виджет не знает ни цен, ни условий вашего бизнеса. Чтобы он отвечал по делу, а не общими фразами, нужна база знаний: либо собранная автоматически при обходе сайта, либо дописанная руками там, где на сайте пробелы. Про это подробно написано в статье про подключение чата на сайт.
Отдельный случай — закрытые разделы Тильды, доступные только после входа или оплаты: если чат нужен и там, код придётся вставлять туда отдельно, общая настройка на такие страницы не распространяется. И последнее: когда сайт собран из тяжёлых блоков с видео и большими картинками, скорость загрузки определяют они, а не виджет чата. Десять килобайт погоды не делают, и разбираться тут нужно с блоками.
Что из этого получится на практике, проще увидеть на тарифах и возможностях: бесплатного плана хватит, чтобы проверить связку на своём сайте, прежде чем что-то менять.
Частые вопросы
Можно вставить код чата через блок T123 вместо настроек сайта?
Технически да, но блок живёт на одной странице и грузится вместе с её содержимым, поэтому чат запаздывает и пропадает там, где блок забыли поставить; общая вставка работает на всём сайте сразу.
Слетит ли код после того, как в Тильде поменяют вёрстку блока?
Нет, поле с кодом в настройках сайта не связано с блоками страницы и переживает любые правки дизайна.
Появится ли виджет на страницах, которые ещё не опубликованы?
Только после публикации — Тильда собирает статичный HTML для каждой страницы отдельно, и код применится к ней в момент, когда вы её опубликуете.
Читайте дальше
- Чат для InSales: куда вставить код и что проверитьКак добавить чат на магазин InSales: вставка кода в бэк-офисе, работа с темами на Liquid, …
- Чат для Joomla: шаблон или модульДва способа поставить чат на Joomla: правка шаблона и модуль HTML-кода. Почему редактор вы…
- Виджет WhatsApp на сайте: не просто кнопкаКнопка WhatsApp уводит посетителя с сайта, а виджет с официальным Cloud API оставляет пере…
- Чат для OpenCart: установка без правки движкаКуда вставить код чата в OpenCart — через поле аналитики или footer.twig, что делать с кэш…