Как добавить поп-ап на сайт на Тильде без программиста
Пошаговая инструкция: поп-ап на Тильде — ставим одну строку, пишем модальное окно в редакторе Clew и выбираем момент показа (задержка, прокрутка, повторный визит), не трогая шаблон сайта снова.
- Время
- ● 10 минут
- Цена
- 14 дней бесплатно, без карты
- Кто делает
- Администратор сайта на Тильде
Пример: поп-ап на Тильде
Онлайн-школа продаёт курс с лендинга на Тильде. Посетители, которые прокрутили 60% страницы /course — дальше программы курса, — видят окно «Попробуйте первый урок бесплатно» с кнопкой на страницу записи. Тех, кто смотрит первый экран, окно не отвлекает.
Формат входит в тариф Pro. Каждый новый аккаунт начинается с 14 дней бесплатного пробного периода со всеми форматами и правилами аудитории, карта не нужна. После пробного периода ничего не удаляется и опубликованное продолжает показываться, а туры и подсказки остаются бесплатными на тарифе Free.
Как добавить поп-ап на Тильде: пошагово
- Шаг 01
Скопируйте код Clew
Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.
<!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор --> <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
Шаг 1 · схема интерфейса - Шаг 02
Откройте настройки сайта в Тильде
В Тильде откройте проект и перейдите в Настройки сайта → Ещё. Поле для кода в head доступно на тарифах Personal и Business.
Шаг 2 · схема интерфейса - Шаг 03
Вставьте строку в HTML-код для HEAD
Нажмите Редактировать код у пункта HTML-код для вставки внутрь HEAD, вставьте строку Clew и нажмите Сохранить.
Шаг 3 · схема интерфейса - Шаг 04
Опубликуйте все страницы
Код попадает на сайт только после публикации: нажмите Опубликовать все страницы. Сохранения настройки недостаточно.
Шаг 4 · схема интерфейса - Шаг 05
Напишите поп-ап в Clew
В Clew откройте Сценарии → + Новый сценарий и выберите Формат — Модальное окно. Добавьте один шаг: короткий заголовок, одно-два предложения, а в полях Текст ссылки и Адрес ссылки — текст кнопки и страницу, которую она открывает. Селектор не нужен: окно всегда по центру.
Шаг 5 · схема интерфейса - Шаг 06
Укажите, где, когда и кому показывать
В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:
Настройка Значение Формат Модальное окно Где показывать (URL страницы) Раздел по префиксу /courseКогда показывать После прокрутки на N%: 60 % страницы Таргетинг аудитории Без правил — все, кто открыл страницу Частота Один раз на посетителя 
Шаг 6 · схема интерфейса - Шаг 07
Опубликуйте и проверьте на сайте
Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.
Шаг 7 · схема интерфейса
Подводные камни: поп-ап на Тильде
Правки кода в head требуют публикации
Если поп-ап не появляется, скорее всего страницы не переопубликованы после вставки кода. Опубликуйте все страницы ещё раз — это не меняет их содержимое.
Встроенные поп-апы Тильды на той же странице
Блок поп-апа Тильды, открывающийся по таймеру, будет спорить с окном Clew. Оставьте на странице одно автоматическое окно, а для второго используйте открытие по кнопке.
Не накладывайте его на окна конструктора
Если шаблон или модуль уже показывает на этой странице окно подписки или баннер про cookie, посетитель увидит два слоя. Отключите одно из окон или дайте Clew другой триггер — прокрутку или повторный визит.
Вопросы и ответы
Почему не блок поп-апа Тильды?
Поп-апы Тильды открываются по ссылке или по таймеру на одной странице. Clew добавляет показ после прокрутки и на повторном визите, память «один раз на посетителя», статистику показов и правки без переопубликации.
Работает на бесплатном тарифе Тильды?
Нет: поле для кода в head есть только на платных тарифах Тильды (Personal, Business), обходного пути нет.
Можно показать поп-ап только на одной странице?
Да. Строку ставьте на весь сайт, а в Где показывать (URL страницы) выберите Точный путь или Раздел по префиксу. На других страницах окна не будет.
Поп-ап бесплатный?
Модальные окна входят в Pro; у новых аккаунтов 14 дней пробного периода со всем, без карты. Туры и подсказки бесплатны на тарифе Free.
Куда ведёт кнопка?
На любую страницу из поля Адрес ссылки. Она открывается в новой вкладке, чтобы посетитель не потерял страницу, на которой был.
Что ещё можно добавить на Тильде
- Как добавить подсказку на сайт на Тильде без программиста
- Как добавить форму оценки на сайт на Тильде без программиста
Поп-ап на других платформах
- 1С-БитриксКак добавить поп-ап на сайт на 1С-Битрикс без программиста
- WordPressКак добавить поп-ап на сайт на WordPress без программиста
- Яндекс Тег МенеджерКак добавить поп-ап на сайт через Яндекс Тег Менеджер без программиста
- Google Tag ManagerКак добавить поп-ап на сайт через Google Tag Manager без программиста