Как создать контактную форму в WordPress и добавить её на страницу

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

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

Что нужно подготовить перед созданием формы

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

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

Как собрать базовую контактную форму

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

  • имя — чтобы понимать, как обращаться к человеку;
  • email — чтобы ответить на обращение;
  • сообщение — сам текст запроса;
  • телефон — только если вы реально звоните клиентам и это уместно для вашей задачи;
  • согласие на обработку данных — если вы собираете персональные данные и это требуется по вашей политике и законодательству.

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

Создание формы в WPForms

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

  1. Откройте раздел WPForms в админке WordPress и создайте новую форму.
  2. Выберите шаблон контактной формы или простой пустой шаблон.
  3. Проверьте, что в форме есть поля имени, email и сообщения.
  4. При необходимости добавьте телефон или чекбокс согласия.
  5. Сохраните форму.

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

Какие поля стоит сделать обязательными

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

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

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

После создания формы нужно настроить уведомление — письмо, которое будет приходить на нужный адрес после отправки формы. Это один из самых важных шагов: без него форма может работать визуально, но не приносить заявок.

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

  • адрес получателя — куда должны приходить заявки;
  • адрес отправителя — лучше использовать адрес на вашем домене, а не случайный внешний ящик;
  • тему письма и содержимое — чтобы в письме было понятно, откуда пришла заявка и какие данные ввёл человек.

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

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

Что делать, если форма отправляется, а письмо не приходит

Это самая частая ситуация. Сначала проверьте простые вещи:

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

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

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

После сохранения формы её нужно разместить на странице. В WordPress это можно сделать несколькими способами, и выбор зависит от того, как устроен ваш сайт.

Вставка через блок в редакторе

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

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

Вставка через шорткод

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

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

Виджет для сайдбара или футера

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

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

Как проверить, что всё работает

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

  1. Откройте страницу с формой в режиме инкогнито или в другом браузере.
  2. Заполните поля тестовыми данными.
  3. Отправьте форму.
  4. Убедитесь, что на экране появилось сообщение об успешной отправке.
  5. Проверьте почту получателя и, если нужно, папку спама.

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

Типичные ошибки при создании контактной формы

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

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

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

Когда достаточно WPForms Lite, а когда нужен платный тариф

Для простой контактной формы на сайте обычно хватает WPForms Lite. Этого достаточно, если вам нужно собрать имя, email, сообщение и получать уведомления на почту.

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

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

Как создать отложенную отправку формы в WPForms с помощью хуков и JavaScript
13.09.2026
Как отладить ошибки в WPForms на WordPress: практические советы и примеры
13.09.2026
Как создать контактную форму в WordPress и добавить её на страницу
09.10.2026
Как создать автоматические проверки форм в WPForms с помощью кода
30.09.2026
Защита от ботов и спама с помощью reCAPTCHA v3 WPForms
28.01.2026

Как правильно создавать формы в WP, как добавить форму обратной связи. Давайте рассмотрим.