Tilda
Как установить виджет Touch_me на сайт в Tilda: пошаговая инструкция для размещения кода на всех страницах сайта или только на одной выбранной странице.
5 мин. на чтение
Содержание инструкции
Способ 1. Через настройки сайта — рекомендуемый
Этот способ подходит, если виджет должен отображаться на всех страницах сайта.
1. Войдите в личный кабинет Tilda
Авторизуйтесь в аккаунте Tilda, с которого вы управляете нужным сайтом.
2. Откройте нужный проект.
Выберите из списка проектов сайт, на который хотите установить виджет Touch_me.
3. Перейдите в раздел «Настройки сайта»
Откройте настройки выбранного проекта, чтобы получить доступ к дополнительным параметрам сайта.
4. Откройте раздел «Еще» или «More»
В этом разделе находятся дополнительные настройки и поля для добавления пользовательского кода.
5. Найдите блок «HTML-код для вставки внутрь Head» / «HTML code for Head section».
Найдите поле, предназначенное для добавления HTML-кода в секцию <head> всех страниц сайта.
6. Вставьте код виджета Touch_me в это поле
Скопируйте готовый код виджета Touch_me и вставьте его в поле без изменений.
7. Сохраните изменения
Нажмите кнопку сохранения, чтобы применить добавленный код в настройках сайта.
8. Опубликуйте все страницы сайта заново
Перепубликуйте страницы, чтобы изменения вступили в силу и виджет Touch_me начал отображаться на сайте.
Почему важно публиковать страницы после установки
В Tilda изменения в настройках сайта не всегда сразу попадают на опубликованный сайт. После добавления кода обязательно выполните публикацию страниц. Иначе в редакторе код уже будет сохранен, но на публичном сайте виджет может не появиться.
Способ 2. Код только на одну страницу
1. Откройте нужный проект в Tilda
Войдите в личный кабинет Tilda и выберите проект, в котором находится нужная страница.
2. Найдите страницу, на которой должен работать виджет
В списке страниц проекта выберите страницу, на которой необходимо разместить виджет Touch_me.
3. Откройте «Настройки страницы»
Перейдите в настройки выбранной страницы, чтобы получить доступ к дополнительным параметрам.
4. Перейдите в раздел «Дополнительно» или «Additional»
В этом разделе находятся настройки, позволяющие добавлять пользовательский код на отдельную страницу.
5. Найдите поле для вставки HTML-кода в Head страницы
Найдите поле, предназначенное для добавления HTML-кода в секцию <head> выбранной страницы сайта.
6. Вставьте код виджета Touch_me и сохраните изменения
Скопируйте готовый код виджета Touch_me, вставьте его в соответствующее поле и сохраните настройки страницы.
7. Опубликуйте эту страницу
Перепубликуйте страницу, чтобы добавленный код вступил в силу и виджет Touch_me стал доступен на ней.
Важно: если код добавлен только в настройки одной страницы, виджет будет работать только на этой странице. Для работы на всем сайте используйте настройки сайта.
Куда не нужно вставлять код
- Не вставляйте код в обычный текстовый блок.
- Не вставляйте код в Zero Block как текст.
- Не вставляйте код в блок HTML на странице, если требуется подключение именно в
<head>. - Не добавляйте один и тот же код одновременно в настройки сайта и настройки страницы.
Проверка установки
После установки рекомендуем убедиться, что код подключён корректно.
- Откройте опубликованную страницу сайта.
- Нажмите Ctrl + U (на macOS — ⌘ + Option + U), чтобы открыть исходный код страницы.
- Нажмите Ctrl + F и найдите строку data-touch-me-widget-site-id.
- Убедитесь, что скрипт Touch_me присутствует в коде страницы.
- Если виджет не появился, очистите кэш браузера и проверьте, что страница была опубликована после добавления кода.
Особенности Tilda
- Код из настроек сайта применяется ко всем страницам проекта после публикации.
- Код из настроек страницы применяется только к выбранной странице.
- Если на сайте используется несколько языковых версий или несколько проектов, код нужно добавить в каждый проект отдельно.
- Если подключен внешний домен, проверяйте установку именно на опубликованном домене, а не только в предпросмотре Tilda.
- Если используется кеширование, CDN или прокси, обновление может появиться не сразу.
Если виджет не появился
- Проверьте, что код вставлен полностью и без изменений.
- Проверьте, что в коде указан корректный ID сайта из Touch_me.
- Проверьте, что страницы были опубликованы после добавления кода.
- Проверьте исходный код страницы через Ctrl + U.
- Убедитесь, что код не добавлен дважды.
- Очистите кэш браузера и повторно откройте сайт в режиме инкогнито.
Краткая инструкция:
Tilda → Проект → Настройки сайта → Еще → HTML-код для вставки внутрь Head → вставить код Touch_me → Сохранить → Опубликовать все страницы.
Важно
Код Touch_me необходимо установить на сайт только один раз. Дублирование кода может привести к некорректной работе виджета.
Связанные инструкции и гайды
Содержание инструкции
Попробуйте все возможности touch_me бесплатно! Триал - 14 дней
Попробовать бесплатноИзучите инструкции и гайды
Начните повышать
конверсию уже сегодня
Подключите touch_me и превратите трафик
в реальные заявки
