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

Почему возникает повторная отправка формы при обновлении страницы

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

В стандартной конфигурации Contact Form 7 это поведение не предотвращается, так как плагин выводит страницу с сообщением об успешной отправке без перенаправления.

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

• Отправьте форму Contact Form 7 на сайте.
• После появления сообщения об успешной отправке нажмите обновить страницу браузера.
• Обратите внимание, что браузер предупредит о повторной отправке формы (например, в Chrome появится окно подтверждения «Повторить отправку формы?»).
• Если форма отправляется повторно, у вас именно эта проблема.

Как проверить текущую реализацию отправки формы

Откройте консоль браузера (F12) и посмотрите сетевые запросы. При обновлении страницы появится повторный POST-запрос к странице с формой. Отсутствие редиректа или смены URL указывает на проблему.

Пошаговое решение: предотвращаем повторную отправку формы

1. Перенаправляем пользователя после успешной отправки формы

Самый надёжный способ — использовать JavaScript для перенаправления на другую страницу или на ту же страницу с GET-параметром после успешной отправки. Это исключит повторную отправку при обновлении.

Добавьте в functions.php вашей темы следующий код, который подключит скрипт с обработкой события wpcf7mailsent:

add_action('wp_footer', function() { ?>
<script>
document.addEventListener('wpcf7mailsent', function(event) {
    window.location.href = window.location.href.split('?')[0] + '?cf7_sent=1';
}, false);
</script>
<?php
});

Этот код после успешной отправки формы перенаправит пользователя на текущий URL с параметром cf7_sent=1. Таким образом, при обновлении страницы браузер будет делать GET-запрос, и повторной отправки не будет.

2. Отображаем сообщение только по GET-параметру

Чтобы не показывать сообщение формы постоянно, можно добавить проверку параметра в шаблоне вывода формы или в коде, который отвечает за уведомления. Пример с фильтром, скрывающим сообщение если нет cf7_sent=1:

add_filter('wpcf7_display_message', function($message) {
    if (!isset($_GET['cf7_sent'])) {
        return '';
    }
    return $message;
});

3. Альтернативный способ — использовать плагин Redirection или аналогичные

Можно настроить редирект по URL или через хуки плагина, но это менее гибко и требует отдельной настройки.

Как проверить, что решение сработало

• Отправьте форму Contact Form 7.
• Проверьте, что после отправки URL изменился и содержит ?cf7_sent=1.
• Обновите страницу — браузер не должен показывать предупреждение о повторной отправке.
• В журнале сайта или в почтовом ящике не должно появляться дубликатов сообщений.

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

• Редирект не срабатывает — проверьте, что JavaScript подключается корректно, и что на сайте нет конфликтов с другими скриптами.
• Сообщение об отправке не показывается — убедитесь, что параметр cf7_sent присутствует в URL после отправки и что фильтр отображения сообщения применён правильно.
• Форма не отправляется — возможно, событие wpcf7mailsent не срабатывает из-за ошибок JS; откройте консоль браузера и проверьте ошибки.

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

• При использовании перенаправления избегайте добавления чувствительных данных в URL.
• Не отключайте валидацию формы — это не решит проблему повторных отправок.
• Поддерживайте актуальность Contact Form 7 и WordPress, чтобы избежать багов в JS и безопасности.

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