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