Как настроить страницу прощания на WordPress: пошаговая инструкция

04.08.2026

Страница прощания (goodbye page) — это способ мягко завершить сессию пользователя, поблагодарить за визит и, при желании, зафиксировать факт просмотра в аналитике. При этом важно помнить: автоматически закрывать вкладку браузера нельзя — современные браузеры блокируют такую возможность в целях безопасности. Оптимальный вариант — показать таймер и автоматически перенаправить пользователя на другую страницу (например, на главную) через 20 секунд.

Ниже — понятная инструкция, как это реализовать на WordPress.

Шаг 1. Создайте страницу прощания в админке WordPress

Зайдите в админку WordPress.
Перейдите в «Страницы» → «Добавить новую».
Назовите страницу, например, «Спасибо за визит» и задайте ярлык (slug) goodbye.
В редакторе страницы переключитесь в режим «HTML» (если используете классический редактор) или добавьте блок «HTML-код» (в Gutenberg).
Вставьте туда следующий код:

<h1>Спасибо, что были с нами!</h1>
<p>Вы будете перенаправлены на главную страницу через <strong><span id="timer">20</span></strong> секунд.</p>

<script>
(function() {
  let timeLeft = 20;
  const timerElement = document.getElementById('timer');

  if (!timerElement) return;

  const interval = setInterval(() => {
    timeLeft--;
    timerElement.textContent = timeLeft;

    if (timeLeft <= 0) {
      clearInterval(interval);
      window.location.href = '/'; // замените '/' на нужный URL
    }
  }, 1000);
})();
</script>

Опубликуйте страницу. Теперь она доступна по адресу ваш-сайт.ru/goodbye.

Совет: можно добавить на страницу небольшой оффер (например, «Скачайте чек‑лист», «Получите подборку похожих материалов») — это улучшит пользовательский опыт и снизит ощущение «выталкивания» с сайта.

Шаг 2. Настройте переход на страницу прощания

Поскольку браузеры не позволяют принудительно перенаправлять пользователя при попытке закрыть вкладку, переход на страницу прощания лучше делать явно — в рамках конкретного сценария. Вот самые частые варианты.

Вариант А: после отправки формы

Если у вас простая форма на странице и вы можете редактировать её обработчик, используйте редирект на PHP-уровне:

wp_redirect(home_url('/goodbye'));
exit;

Для популярных плагинов форм (Contact Form 7, WPForms, Elementor Forms) такой редирект настраивается в интерфейсе: в настройках формы укажите URL /goodbye как страницу «после успешной отправки».

Вариант Б: по кнопке «Выйти» или «Завершить»

Если на сайте есть кнопка, которая логически завершает действие (например, «Я всё понял», «Закрыть подбор»), сделайте её ссылкой на /goodbye:

<a href="/goodbye" class="btn-exit">Завершить</a>

Вариант В: после оформления заказа (в интернет‑магазине)

В WooCommerce и других магазинных решениях обычно есть настройка страницы «Спасибо за заказ» (Thank You). Укажите в ней /goodbye, и все покупатели будут попадать на вашу страницу прощания.

Шаг 3. Добавьте отправку события в аналитику

Чтобы понимать, сколько пользователей реально провели на странице прощания 20 секунд, добавьте в тот же блок с таймером отправку события.

Для Яндекс Метрики

setTimeout(() => {
  if (typeof ym === 'function') {
    ym(ВАШ_ID_СЧЁТЧИКА, 'reachGoal', 'goodbye_page_20s');
  }
}, 20000);

Для Google Analytics 4 (GA4)

setTimeout(() => {
  if (typeof gtag === 'function') {
    gtag('event', 'goodbye_page_20s', {'value': 20});
  }
}, 20000);

Вставьте этот фрагмент внутрь того же <script> блока на странице прощания. Это позволит отслеживать именно тех, кто «досидел» до конца таймера.

Шаг 4. Проверьте работу

Откройте страницу /goodbye вручную и убедитесь, что таймер работает.
Пройдите сценарий, который должен приводить на эту страницу (отправка формы, клик по кнопке, оформление заказа).
Проверьте, что через 20 секунд происходит редирект.
Посмотрите в отчётах Яндекс Метрики/GA4, появляются ли события goodbye_page_20s.

Чего делать не стоит

Не используйте window.close() для закрытия вкладки. Для обычных вкладок это не сработает, а в некоторых случаях будет выглядеть как ошибка скрипта.
Не полагайтесь на событие beforeunload для редиректа. Из него нельзя перенаправить пользователя — только показать системное окно подтверждения «Вы действительно хотите покинуть страницу?».
Избегайте агрессивных всплывающих окон при уходе. Они ухудшают UX, могут негативно влиять на поведенческие факторы и даже привести к пометкам о навязчивой рекламе.

Альтернативные идеи для страницы прощания

Вместо «жёсткого» удержания пользователя попробуйте дать ему ценность за дополнительные 20 секунд:

Мини‑опрос: «Оцените удобство сайта за 20 секунд и получите бонус».
Оффер: «Скачайте PDF‑гайд бесплатно, если останетесь ещё на минуту».
Подборка следующего шага: «Вот 3 материала, которые могут быть полезны» или «Посмотрите похожие товары».

Такой подход работает лучше, чем попытка удержать пользователя силой, и помогает сохранить лояльность.

Нюансы для разных тем и плагинов

Если тема сайта минифицирует или блокирует inline‑скрипты, код таймера лучше вынести в отдельный JS‑файл и подключить через wp_enqueue_script, либо использовать плагин для вставки кода в <head>/<body> конкретной страницы.
Для конструкторов (Elementor, Beaver Builder, Divi) проще всего добавить блок «HTML‑код» на страницу и вставить туда весь код (таймер + скрипт).
Для кэширующих плагинов (WP Rocket, LiteSpeed Cache) убедитесь, что страница /goodbye не кэшируется как статическая, иначе таймер будет «застывать» на одном значении. Обычно это решается добавлением URL в исключения кэширования.

Было интересно? поделись!

Tags:HTML-код