Skip to content

Всё для WordPress, веб-разработки — и не только

Как создать страницу контактов с WordPress

Как создать страницу контактов с WordPress

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

Страница контактов в WordPress часто остаётся «никакой»: владелец сайта ставит стандартный виджет, копирует почту и забывает. Между тем именно она закрывает сделку. Клиент уже принял решение, ему осталось связаться. И если на этом шаге что-то ломается, деньги уходят конкуренту.

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

💡 Быстрый обзор:

  • Сформулируйте цель страницы в одном предложении и уберите всё, что не ведёт к контакту
  • Добавьте физический адрес, ссылки на FAQ и политику конфиденциальности, это работает на доверие
  • Выберите плагин формы под свою задачу: от простого CF7 до премиум-конструктора Gravity Forms
  • Обязательно настройте защиту от спама и протестируйте отправку до публикации

1. Сформулируйте цель, и уберите лишнее

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

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

Вот как это формулируется:

  • «Свяжитесь со мной для бесплатной консультации»
  • «Напишите нам, чтобы получить расчёт проекта»
  • «Заполните форму, ответим в течение часа»

Мы в WPExplorer используем именно такой подход: страница контактов чётко говорит, для чего предназначена (и для чего нет). Это отсекает нерелевантные запросы и экономит время обеим сторонам.

Пример лаконичной страницы контактов блога WPExplorer

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

2. Добавьте элементы доверия

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

Укажите физический адрес

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

Свяжитесь со страницами FAQ и политики конфиденциальности

Посетитель может сомневаться в одном-двух моментах и не решаться заполнить форму. Ссылка на FAQ снимает барьер за минуту, без обмена письмами. Ссылка на политику конфиденциальности закрывает страх «куда уйдут мои данные».

Плагин Ultimate FAQ для создания блока частых вопросов на WordPress

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

Добавьте социальные ссылки

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

Плагин Add to Any для добавления иконок социальных сетей на сайт

Не перегружайте страницу десятком иконок. Facebook, Twitter, LinkedIn и YouTube закрывают 90% потребностей. Плагин Add to Any добавляет любой набор профилей через шорткод с базовой настройкой стиля. Если ваша тема включает социальный блок, используйте его, плагин не нужен.

3. Выберите и настройте контактную форму

Форма, центральный элемент страницы контактов. Без неё всё остальное теряет смысл: посетитель копирует email, открывает почтовый клиент, отвлекается, и теряется. Форма держит его на странице.

Пример страницы контактов с формой обратной связи и контактными данными

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

Плагин

Бесплатно

Drag-and-drop

Антиспам

Для кого

Contact Form 7

Да

Нет

Через Akismet

Минималистам и разработчикам

WPForms

Да

Да

reCAPTCHA + honeypot

Новичкам и малому бизнесу

Gravity Forms

Нет, от $59/год

Да

reCAPTCHA + Akismet

Тяжёлым сценариям и интеграциям

Ninja Forms

Да

Да

Akismet + reCAPTCHA

Тем, кому нужен средний уровень

Jetpack Forms

Да

Базовый

Akismet

Владельцам сайтов с установленным Jetpack

Плагин контактной формы Contact Form 7 в каталоге WordPress

Contact Form 7, ветеран, установленный на миллионах сайтов. Простой, бесплатный, без визуального конструктора. Форма собирается в текстовом редакторе плагина с HTML-подобной разметкой. Поддерживает несколько форм одновременно, Ajax-отправку, Akismet и CAPTCHA. Хороший выбор, если вам нужна одна форма на всю жизнь и вы не боитесь пары строк разметки.

🔗 Contact Form 7 на WordPress.org | 🔗 Скриншоты

Премиум-плагин Gravity Forms, конструктор форм для WordPress

Gravity Forms, премиум-стандарт. Визуальный редактор, многостраничные формы, условная логика, цены, формы заказа, расписания, ограничение по количеству записей. Более 40 аддонов закрывают всё: от платежей (Stripe, PayPal) до интеграций с Mailchimp, Zapier и Salesforce. Бесплатной версии нет, но для сложных бизнес-сценариев плагин окупается.

🔗 Gravity Forms | 🔗 Демонстрация возможностей

Ninja Forms, конструктор форм для WordPress с перетаскиванием полей

Ninja Forms, золотая середина. Drag-and-drop интерфейс, бесплатное ядро с основными полями и защитой от спама. Расширяется через аддоны: условная логика, экспорт CSV, Zapier, PayPal, каждый подключается отдельно. Платите только за то, что действительно нужно.

🔗 Ninja Forms на WordPress.org | 🔗 Живая демонстрация

WPForms, конструктор контактных форм WordPress с готовыми шаблонами

WPForms, самый дружелюбный для новичка. Интерфейс drag-and-drop, готовые шаблоны под разные сценарии (контакты, заявки, опросы), reCAPTCHA и honeypot-защита из коробки. Бесплатная версия закрывает потребности малого бизнеса. Pro-версия добавляет платежи, условную логику, интеграции с маркетингом и сохранение отправленных данных в админке.

🔗 WPForms на WordPress.org | 🔗 Скриншоты

Контактная форма Jetpack для WordPress, значок в редакторе записей

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

🔗 Jetpack на WordPress.org | 🔗 Документация Jetpack Forms

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

Форма без антиспама, магнит для ботов. Утром открываете админку, а там три сотни «заявок» про кроссовки и онлайн-казино.

Плагин Google Captcha (reCAPTCHA) от BestWebSoft для защиты форм WordPress

Минимальный набор: подключите reCAPTCHA через плагин Google Captcha (reCAPTCHA) от BestWebSoft. Он добавляет капчу на формы входа, комментарии, контактные и регистрационные формы, единый шорткод работает везде. Бесплатно, без регистраций на сторонних сервисах.

Если спам-поток серьёзнее, обратите внимание на антиспам-плагины для WordPress. Там мы разобрали 12+ решений: от облачного Akismet до локального Anti-Spam Bee, полностью совместимого с GDPR.

Что делать после создания

Готовая страница контактов должна жить в основном меню или футере, там, где её ищет посетитель. Добавьте опцию печати на случай, если клиенту нужны реквизиты офлайн. Большинство тем WordPress включают встроенные стили для печати через @media print, настройте их в кастомайзере или добавьте отдельную CSS-директиву.

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

Видео: создание контактной формы в WordPress за 10 минут

Лучше один раз увидеть процесс от установки WPForms до готовой формы на странице. Короткое видео от WPBeginner, одного из самых авторитетных WordPress-ресурсов, показывает все шаги:

⁉️🤔 Частые вопросы

Нужна ли контактная форма, если можно просто указать email?

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

Какой плагин выбрать новичку?

Из нашего списка проще всего стартовать с WPForms Lite: установка в два клика, готовый шаблон «Простая контактная форма», drag-and-drop поля и reCAPTCHA из коробки. Когда потребуется условная логика или приём платежей, апгрейдитесь до Pro. Бесплатной версии хватает для лендинга, блога и небольшого интернет-магазина.

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

В девяти случаях из десяти проблема в настройках почты на сервере. WordPress по умолчанию использует функцию wp_mail(), которая работает через PHP mail, хостинги часто блокируют такие отправки. Решение: установите плагин WP Mail SMTP или настройте SMTP через SendGrid / Mailgun. Плагин проведёт тестовую отправку и покажет, на каком этапе обрыв.

Можно ли обойтись без плагина контактной формы?

Технически да, через HTML-форму и PHP-обработчик, вшитые в тему. Но вы остаётесь без антиспама, без удобного управления полями и без сохранения отправленных данных в админке. Для типового сайта на WordPress плагин экономит часы, а не усложняет работу.

Обязательно ли добавлять капчу?

Да, хотя бы honeypot-ловушку (скрытое поле, которое боты заполняют, а люди нет). Голая форма без защиты привлекает спам-ботов уже в первую неделю после публикации. reCAPTCHA v3 работает невидимо для посетителя и не бесит, в отличие от классической версии с «выберите светофоры».

Что ставить на страницу контактов: итоговый расклад

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

  • Если вы фрилансер или агентство, форма-бриф с полем «Бюджет» плюс мессенджеры. Берите WPForms или Gravity Forms.
  • Если интернет-магазин, форма с выбором темы обращения (поддержка / возврат / опт) и ссылкой на FAQ. Берите Ninja Forms.
  • Если блог или контентный проект, email + соцсети + простая форма из Jetpack Forms или Contact Form 7. Не перегружайте.

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

А какой плагин контактной формы стоит у вас? Напишите в комментариях.