Как добавить поп-ап на сайт на WordPress без программиста
Пошаговая инструкция: поп-ап на WordPress — ставим одну строку, пишем модальное окно в редакторе Clew и выбираем момент показа (задержка, прокрутка, повторный визит), не трогая шаблон сайта снова.
- Время
- ● 10 минут
- Цена
- 14 дней бесплатно, без карты
- Кто делает
- Администратор WordPress
Пример: поп-ап на WordPress
B2B-блог на WordPress раздаёт чеклист в PDF. Вместо окна плагина на каждой статье окно Clew появляется в разделе /blog, когда прочитано 70% статьи — читатель уже вовлечён, — и кнопка ведёт на страницу скачивания.
Формат входит в тариф Pro. Каждый новый аккаунт начинается с 14 дней бесплатного пробного периода со всеми форматами и правилами аудитории, карта не нужна. После пробного периода ничего не удаляется и опубликованное продолжает показываться, а туры и подсказки остаются бесплатными на тарифе Free.
Как добавить поп-ап на WordPress: пошагово
- Шаг 01
Скопируйте код Clew
Зарегистрируйтесь бесплатно или войдите, добавьте сайт и откройте Админка → Обзор. Нажмите на строку в карточке «Виджет пока не подаёт сигналов.» — она скопируется уже с ключом вашего сайта вместо заглушки.
<!-- Clew: замените ВСТАВЬТЕ_КЛЮЧ_САЙТА на ключ сайта из админки > Обзор --> <script src="https://tryclew.ru/widget/ВСТАВЬТЕ_КЛЮЧ_САЙТА.js" async></script>
Шаг 1 · схема интерфейса - Шаг 02
Установите плагин для кода в шапке
В Плагины → Добавить новый установите и активируйте бесплатный плагин WPCode (или используйте настройку «скрипты в шапке» вашей темы). Не правьте
header.php: обновление темы его перезапишет.
Шаг 2 · схема интерфейса - Шаг 03
Вставьте строку в поле Header
Откройте Code Snippets → Header & Footer, вставьте строку Clew в поле Header и нажмите Save Changes.
Шаг 3 · схема интерфейса - Шаг 04
Очистите кеш
Если стоят WP Rocket, LiteSpeed Cache, W3 Total Cache или CDN, очистите кеш. В настройках отложенной загрузки JavaScript исключите
tryclew.ru/widget.
Шаг 4 · схема интерфейса - Шаг 05
Напишите поп-ап в Clew
В Clew откройте Сценарии → + Новый сценарий и выберите Формат — Модальное окно. Добавьте один шаг: короткий заголовок, одно-два предложения, а в полях Текст ссылки и Адрес ссылки — текст кнопки и страницу, которую она открывает. Селектор не нужен: окно всегда по центру.
Шаг 5 · схема интерфейса - Шаг 06
Укажите, где, когда и кому показывать
В том же редакторе заполните Где показывать (URL страницы), Когда показывать, Таргетинг аудитории и Частота. Настройки примера выше:
Настройка Значение Формат Модальное окно Где показывать (URL страницы) Раздел по префиксу /blogКогда показывать После прокрутки на N%: 70 % страницы Таргетинг аудитории Без правил — все, кто открыл страницу Частота Один раз на посетителя 
Шаг 6 · схема интерфейса - Шаг 07
Опубликуйте и проверьте на сайте
Поставьте Статус — Опубликован и сохраните. Откройте страницу в режиме инкогнито: Clew помнит, кто уже видел показ «один раз», поэтому в обычном окне его может не быть. Показы, прохождения и отвалы появятся в статистике тура.
Шаг 7 · схема интерфейса
Подводные камни: поп-ап на WordPress
Отложенный JavaScript прячет поп-ап до первого действия
WP Rocket, LiteSpeed и Perfmatters умеют откладывать скрипты до первой прокрутки или клика. Тогда виджет стартует поздно, и показ Сразу при загрузке выглядит сломанным. Добавьте tryclew.ru/widget в исключения.
Плагины поп-апов уже на сайте
OptinMonster, Elementor Popups или баннер cookie могут срабатывать на тех же страницах. Проверьте, что окно Clew не появляется в ту же секунду, что и другое.
Не накладывайте его на окна конструктора
Если шаблон или модуль уже показывает на этой странице окно подписки или баннер про cookie, посетитель увидит два слоя. Отключите одно из окон или дайте Clew другой триггер — прокрутку или повторный визит.
Вопросы и ответы
Плагин поп-апов тогда не нужен?
Для анонсов и предложений — нет, Clew его заменяет. Плагин форм оставьте для самой формы.
Работает на WordPress.com?
Плагины вроде WPCode на WordPress.com требуют тариф Business или выше. WordPress на своём хостинге работает на любом тарифе.
Можно показать поп-ап только на одной странице?
Да. Строку ставьте на весь сайт, а в Где показывать (URL страницы) выберите Точный путь или Раздел по префиксу. На других страницах окна не будет.
Поп-ап бесплатный?
Модальные окна входят в Pro; у новых аккаунтов 14 дней пробного периода со всем, без карты. Туры и подсказки бесплатны на тарифе Free.
Куда ведёт кнопка?
На любую страницу из поля Адрес ссылки. Она открывается в новой вкладке, чтобы посетитель не потерял страницу, на которой был.
Что ещё можно добавить на WordPress
Поп-ап на других платформах
- ТильдаКак добавить поп-ап на сайт на Тильде без программиста
- 1С-БитриксКак добавить поп-ап на сайт на 1С-Битрикс без программиста
- Яндекс Тег МенеджерКак добавить поп-ап на сайт через Яндекс Тег Менеджер без программиста
- Google Tag ManagerКак добавить поп-ап на сайт через Google Tag Manager без программиста