Contact Form 7: как запретить повторную отправку формы при обновлении страницы

Диагностика проблемы повторной отправки формы

При использовании Contact Form 7 часто возникает ситуация, когда пользователь после успешной отправки формы обновляет страницу браузера (F5 или Ctrl+R), и форма отправляется повторно. Это приводит к дублированию заявок, спаму в почтовом ящике и путанице в обработке данных.

Чтобы убедиться, что именно это происходит, выполните следующие шаги:

• Отправьте форму и дождитесь сообщения об успешной отправке;
• Обновите страницу;
• Проверьте, не пришло ли повторное письмо с теми же данными;
• Проверьте логи сервера или базу данных (если используете плагин для сохранения заявок) на наличие дублирующихся записей;
• Если дубли есть, значит проблема повторной отправки подтверждена.

Почему происходит повторная отправка?

Стандартный механизм Contact Form 7 использует метод POST для отправки данных. После успешной отправки браузер остаётся на странице с формой, и при обновлении страницы происходит повторная отправка POST-запроса. В HTTP-протоколе это стандартное поведение, называемое повторной отправкой формы.

Для устранения проблемы нужно реализовать так называемый паттерн Post/Redirect/Get (PRG), при котором после отправки формы браузер перенаправляется на другую страницу или на ту же страницу, но уже методом GET, чтобы обновление не приводило к повторной отправке данных.

Пошаговое решение: внедрение Post/Redirect/Get для Contact Form 7

Шаг 1. Добавление редиректа после успешной отправки формы

Contact Form 7 поддерживает событие JavaScript, которое срабатывает при успешной отправке формы — wpcf7mailsent. Используем его, чтобы сделать перенаправление.

document.addEventListener('wpcf7mailsent', function(event) {
  if (event.detail.contactFormId == 123) { // замените 123 на ID вашей формы
    window.location.href = window.location.href.split('?')[0] + '?sent=1';
  }
}, false);

Этот скрипт перенаправит пользователя на ту же страницу с добавлением параметра ?sent=1 после успешной отправки формы с ID 123.

Шаг 2. Убедитесь, что на странице отображается сообщение об успешной отправке

Добавьте условие в шаблон страницы (если используете PHP) для показа сообщения об успешной отправке, например:

<?php
if (isset($_GET['sent']) && $_GET['sent'] == 1) {
    echo '<div class="wpcf7-mail-sent-ok">Спасибо за заявку!</div>';
}
?>

Шаг 3. Отключение стандартного сообщения Contact Form 7

Чтобы не было двойных сообщений, в настройках Contact Form 7 в разделе «Сообщения» можно убрать стандартное подтверждение или оставить пустым, так как вы показываете его самостоятельно после редиректа.

Проверка результата после внедрения

• Отправьте форму;
• Убедитесь, что после отправки происходит редирект на URL с ?sent=1;
• Проверьте, что отображается кастомное сообщение об успешной отправке;
• Обновите страницу — повторной отправки формы не должно произойти;
• Проверьте логи почты и базы данных на отсутствие дублирующихся записей.

Частые ошибки и как их исправить

• Неправильный ID формы в скрипте: скрипт не срабатывает, если не заменить 123 на настоящий ID формы. Узнать ID можно в админке WordPress или в HTML-коде формы.
• Конфликт с кэшированием: если на сайте включено кэширование страниц, редирект может не срабатывать как ожидается. Решение — исключить страницы с формами из кэша или использовать AJAX-отправку (но это отдельная тема).
• Отсутствие сообщения после редиректа: если не добавить PHP-код для отображения сообщения, пользователь не увидит подтверждения.
• Двойное сообщение: если не отключить стандартное сообщение CF7, будет дублирование подсказок.

Практические советы по безопасности и производительности

• Используйте проверку nonce и капчу (Google reCAPTCHA или Honeypot) для защиты форм от спама.
• Минимизируйте использование сторонних скриптов, чтобы не замедлять загрузку страниц с формами.
• Если используете AJAX-отправку, убедитесь, что обработка ошибок и повторная отправка грамотно реализованы.
• Регулярно обновляйте Contact Form 7 и WordPress для закрытия уязвимостей.

Сравнение вариантов решения проблемы повторной отправки