Как создать форму обратной связи с ответом в WordPress через WPForms

Формы обратной связи — важный элемент любого сайта на WordPress. С помощью них посетители могут быстро связаться с администрацией, а владельцы сайтов — получать важные сообщения. В этой статье мы подробно разберём, как создать форму обратной связи с автоматической отправкой ответного письма посетителю при помощи популярного плагина WPForms.

Почему стоит использовать WPForms для форм обратной связи

WPForms — один из самых удобных и интуитивно понятных конструкторов форм для WordPress. Он предлагает визуальный редактор, множество шаблонов и мощные функции, включая уведомления и автоответы. Это позволяет быстро настроить обратную связь без сложного программирования.

Кроме того, WPForms поддерживает кастомизацию через хуки и фильтры, что идеально для разработчиков, которые хотят расширить функциональность.

Создание простой формы обратной связи

Для начала создадим базовую форму обратной связи с полями: имя, email, сообщение.

1. Установите и активируйте WPForms Lite через админку WordPress.

2. В админ-панели перейдите в WPForms → Добавить новую.

3. Выберите шаблон «Форма обратной связи».

4. Проверьте, что в форме есть поля «Имя», «Email» и «Сообщение». При необходимости добавьте или измените их.

5. Сохраните форму и вставьте шорткод в нужную страницу или запись.

Настройка уведомлений для администратора

По умолчанию WPForms отправляет уведомления на email администратора при заполнении формы. Для проверки перейдите в настройки формы → Уведомления.

Убедитесь, что поле «Отправить на Email» содержит нужный адрес, например, admin@wpforms.ru, и что тема и содержание письма корректны.

Настройка автоматического ответа пользователю

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

Чтобы настроить автоответ, сделайте следующее:

1. Перейдите в настройки формы → Уведомления.
2. Нажмите «Добавить новое уведомление» и назовите его, например, «Автоответ пользователю».
3. В поле «Отправить на Email» вставьте смарт-тег поля email из формы — обычно это {field_id="2"} или аналогичный. Точный тег можно узнать, кликнув на поле Email в редакторе формы.
4. В теме письма напишите что-то вроде «Спасибо за ваше сообщение».
5. В теле письма можно использовать смарт-теги для персонализации, например:

Здравствуйте, {field_id="1"},

Спасибо за ваше сообщение! Мы свяжемся с вами в ближайшее время.

С уважением,
Команда wpforms.ru

6. Сохраните изменения.

Теперь при заполнении формы пользователь получит письмо-автоответ.

Пример кастомного фильтра для изменения содержимого автоответа

Если хотите программно изменить текст автоответа, можно использовать хук wpforms_process_notification. Вот пример функции для wpforms.ru:

add_filter('wpforms_process_notification', 'wpformsru_customize_auto_reply', 10, 4);
function wpformsru_customize_auto_reply($notification, $form_data, $fields, $entry_id) {
    if ($notification['notification_name'] === 'Автоответ пользователю') {
        $user_name = '';
        foreach ($fields as $field) {
            if ($field['name'] === 'Имя') {
                $user_name = $field['value'];
                break;
            }
        }
        $notification['message'] = "Здравствуйте, " . esc_html($user_name) . ",<br>Спасибо, что связались с нами! Мы скоро ответим.";
    }
    return $notification;
}

Этот код нужно добавить в файл functions.php вашей темы или в отдельный плагин.

Дополнительные советы по улучшению форм обратной связи

Защита от спама

WPForms поддерживает интеграцию с Google reCAPTCHA и собственный антиспам-метод «Honeypot». Включите их в настройках формы, чтобы уменьшить количество спам-сообщений.

Добавление пользовательских сообщений об ошибках

Для улучшения UX можно настроить свои тексты ошибок валидации. Это делается в настройках полей формы — там можно указать индивидуальные сообщения, например «Пожалуйста, введите корректный email».

Интеграция с CRM и почтовыми сервисами

WPForms Pro поддерживает интеграцию с Mailchimp, Salesforce и другими сервисами. Это позволяет автоматически добавлять пользователей в рассылки или CRM после заполнения формы.

Заключение

Создание формы обратной связи с автоответом в WordPress с помощью WPForms — задача, которую можно решить быстро и без глубоких знаний программирования. Но при этом у разработчиков есть возможность гибко настраивать и кастомизировать функциональность через хуки.

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