WPForms

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

Если на сайте нужно собирать вопросы, заявки, отзывы или предложения, форма обратной связи обычно решает задачу лучше, чем публикация обычного email-адреса. Посетителю проще отправить сообщение прямо со страницы, а вам — получить его в удобном виде, с нужными полями и уведомлением на почту.

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

Какая форма нужна именно вам

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

Для разных типов сайтов структура обычно такая:

  • Сайт услуг — имя, email или телефон, тема обращения, сообщение.
  • Блог — имя, email, комментарий или вопрос, иногда ссылка на материал.
  • Корпоративный сайт — имя, компания, контакт для ответа, тема, сообщение.
  • Отзывы и предложения — имя, email, текст отзыва, при необходимости оценка или категория обращения.

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

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

Если у вас уже установлен WPForms, создание формы занимает несколько минут. В Lite-версии вы сможете собрать базовую контактную форму и отправлять уведомления на email. В платных версиях набор возможностей шире, но для обычной формы обратной связи это не обязательно.

Шаг 1. Установите и активируйте плагин

В админке WordPress откройте раздел с плагинами, найдите WPForms и установите его. После активации в меню появится отдельный раздел WPForms. Если вы используете Lite-версию, этого достаточно для старта.

Шаг 2. Выберите шаблон формы

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

Дальше проверьте поля и оставьте только нужные. Для типовой формы я бы рекомендовал такой набор:

  • Имя — чтобы обращение не выглядело обезличенным;
  • Email — чтобы можно было ответить;
  • Сообщение — основное поле для вопроса или заявки;
  • Телефон — только если вы действительно перезваниваете;
  • Тема обращения — если заявок много и их нужно сортировать.

Если вы работаете с корпоративным сайтом, иногда полезно добавить поле «Компания». Но если форма стоит на лендинге с одной услугой, это поле часто лишнее.

Шаг 3. Настройте подписи и обязательность полей

Проверьте, чтобы названия полей были понятными с первого взгляда. Не используйте внутренние формулировки вроде «Контакт №1» или «Доп. информация». Посетитель должен сразу понимать, что от него хотят.

Обязательными делайте только критичные поля. Например, имя и email обычно нужны почти всегда, а телефон — только если вы реально звоните клиенту. Если сделать обязательным всё подряд, форма начнёт отпугивать пользователей.

Как настроить уведомления, чтобы письма приходили

Самая частая жалоба после установки формы звучит так: «Форма отправляется, но письмо не приходит». Это не всегда проблема самого плагина. Иногда уведомление уходит в спам, иногда сервер не умеет нормально отправлять почту, а иногда в настройках формы указан неверный адрес получателя.

В WPForms откройте настройки уведомлений формы и проверьте три вещи:

  • Кому отправлять — адрес должен быть вашим рабочим email или адресом отдела, который обрабатывает заявки.
  • От кого — лучше использовать адрес на вашем домене, а не случайный бесплатный ящик.
  • Тема и содержимое — в письме должны быть понятные данные: имя, email, текст сообщения и название страницы, если это важно для обработки.

Если уведомление приходит, но попадает в спам, проблема часто связана не с формой, а с почтовой доставкой сайта. В таком случае имеет смысл подключить SMTP через отдельный плагин или сервис отправки почты. Это не гарантирует доставку каждого письма, но обычно помогает сделать отправку более предсказуемой, чем стандартная функция PHP mail() на хостинге.

Если письма не приходят вообще, сначала проверьте:

  1. правильно ли указан email получателя;
  2. не отключены ли уведомления в самой форме;
  3. не блокирует ли отправку плагин кэширования, безопасности или SMTP-настройка;
  4. не попадает ли письмо в спам или вкладку «Промоакции»;
  5. работает ли отправка почты на стороне хостинга.

Что показать пользователю после отправки формы

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

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

Не оставляйте пользователя без ответа. Если после нажатия кнопки форма просто исчезает или страница перезагружается без объяснения, это создаёт ощущение ошибки, даже если письмо ушло.

Как встроить форму на страницу или в запись

Когда форма готова, её нужно разместить на сайте. В WordPress это обычно делается через блок WPForms в редакторе Gutenberg или через шорткод, который плагин создаёт для каждой формы. Оба способа рабочие, но блок удобнее для большинства владельцев сайтов: форму проще вставить и не нужно вручную копировать код.

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

Как сделать форму удобной для посетителя

Хорошая форма обратной связи не должна выглядеть как анкета. Её задача — быстро собрать нужные данные и не мешать человеку отправить сообщение.

На практике лучше работают такие решения:

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

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

Защита от спама и персональные данные

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

Если спама много, обычно помогают сочетания из нескольких мер: антиспам-защита плагина, скрытое поле-ловушка, CAPTCHA или reCAPTCHA, а также ограничение лишних полей, которые можно использовать для мусорных отправок.

Если через форму собираются персональные данные, не ограничивайтесь только технической настройкой. Проверьте, есть ли на сайте согласие на обработку данных, политика конфиденциальности и понятное объяснение, зачем вы собираете информацию. Требования зависят от страны и типа данных, поэтому здесь лучше опираться на правила вашей юрисдикции, а не на универсальный шаблон.

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

После настройки не полагайтесь только на визуальную проверку. Пройдите форму как обычный посетитель и убедитесь, что всё работает по цепочке:

  1. форма открывается на нужной странице;
  2. поля отображаются корректно на компьютере и телефоне;
  3. обязательные поля действительно проверяются;
  4. после отправки появляется сообщение или редирект на страницу благодарности;
  5. письмо приходит на нужный адрес;
  6. в письме есть все данные, которые нужны для ответа.

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

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

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

×
Halloween Game

Сыграй в игру, спаси сайт! Забери приз

Играть