Настройка контактной формы в WordPress с помощью этого простого метода

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

Содержание

• Выберите хороший плагин для настройки контактной формы WordPress
• Лучшие плагины контактных форм для WordPress
• Шаги по установке и настройке плагина контактной формы в WordPress

Выберите хороший плагин для настройки контактной формы WordPress

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

• Закодировать контактную форму с нуля: вы можете создать контактную форму, используя HTML для структуры, CSS для стилей, PHP для обработки на стороне сервера и JavaScript для улучшенного взаимодействия с пользователем. Этот метод требует хорошего понимания этих языков программирования и значительных временных затрат, поэтому это не лучший вариант для администраторов WordPress, которые просто хотят быстрое и эффективное решение.
• Конструкторы онлайн-форм третьих сторон: такие инструменты, как Jotform или Basin, позволяют вам разрабатывать форму на платформах и встраивать ее в ваш сайт WordPress. Хотя это более доступно, чем кодирование, встроенные формы третьих сторон могут замедлить ваш сайт, иметь ограничения по настройке и зависеть от внешних сервисов для критически важных функций.

Учитывая проблемы, связанные с кодированием контактной формы с нуля, и ограничения, связанные с зависимостью от онлайн-конструкторов форм третьих сторон, использование плагина контактной формы WordPress обычно является лучшим подходом.

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

Лучшие плагины контактных форм для WordPress

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

• Contact Form 7: этот плагин является основным для пользователей WordPress. Он бесплатный, легкий и простой, позволяет создавать несколько форм с легкой настройкой, используя простой разметку. Он поддерживает отправку с использованием Ajax и фильтрацию спама CAPTCHA. Хотя он по умолчанию не сохраняет отправления в базе данных, доступны дополнения для этой функциональности, и, вероятно, вам это не нужно.
• WPForms: WPForms идеально подходит для создания отзывчивых, красивых контактных форм, форм обратной связи, форм подписки и многого другого за считанные минуты. Плагин существует уже долгое время, и в настоящее время у него рейтинг 4.9 звезды из 5, так что вы знаете, что он хорошо выполняет свою работу. К сожалению, бесплатная версия очень ограничена, а полный набор функций требует подписки.
• Gravity Forms: для тех, кто нуждается в сложных формах с условной логикой или несколькими вариантами, Gravity Forms является хорошим выбором. Он предлагает интуитивно понятный визуальный редактор форм и поддерживает различные транзакции, но его обширные функции могут быть подавляющими для новичков с простыми потребностями в формах. У Gravity Forms нет бесплатной версии, но вы можете попробовать полностью функционирующую онлайн-демонстрацию.
• Ninja Forms: идеально подходит для не-техников, Ninja Forms предлагает конструктор с перетаскиванием, многостраничные формы и загрузку файлов. Он удобен для пользователя и имеет выделенную команду поддержки, хотя некоторые расширенные функции требуют покупки премиум-дополнений или одной из трех доступных платных подписок.
• Jetpack Form: если вы уже используете плагин Jetpack, который предоставляет множество инструментов безопасности, производительности и роста для сайтов WordPress, использование Jetpack Form является естественным выбором. Эта интеграция упрощает ваш рабочий процесс, так как вам не нужно устанавливать другой плагин. Однако мы не рекомендуем устанавливать Jetpack только ради его возможностей формы, так как плагин может быть довольно ресурсоемким и замедлить ваш сайт.

Шаги по установке и настройке плагина контактной формы в WordPress

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

Установите и активируйте плагин контактной формы

Перейдите в панель управления WordPress, нажмите на Плагины -> Добавить новый плагин и найдите “Contact Form 7.” Нажмите кнопку Установить сейчас рядом с плагином, и после установки нажмите Активировать.

Отобразите стандартную контактную форму

Давайте разместим эту форму на вашей странице. В вашем экране администратора WordPress перейдите в Контакт -> Контактные формы. Вы найдете стандартную форму с названием “Контактная форма 1,” вместе с шорткодом, который выглядит так: [contact-form-7 id="1234" title="Контактная форма 1"].

Скопируйте этот шорткод. Затем перейдите в Страницы -> Все страницы, и откройте страницу, на которой вы хотите разместить вашу форму – возможно, это страница, которую вы назвали “Контакт.” Вставьте шорткод в область контента вашей страницы, и вот так ваша форма будет активна!

Настройте вашу форму

Стандартная форма довольно базовая, поэтому давайте настроим ее. Вернитесь в меню Контакт -> Контактные формы, и нажмите на вашу форму, чтобы отредактировать ее. Вы увидите шаблон формы на вкладке Форма.

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

Вам также следует перейти на вкладку Mail, чтобы настроить шаблон вашей почты. Мы рекомендуем вам поместить [_site_admin_email] в поле Кому, чтобы все сообщения, отправленные с помощью контактной формы, доходили до вашего основного адреса электронной почты администратора. Если настроить неправильно, сообщения контактной формы не смогут до вас дойти.

Настройте SMTP для надежной доставки электронной почты (по желанию)

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

Проблема с PHP mail() заключается в том, что она часто приводит к проблемам с доставкой, когда сообщения не доходят до своих получателей или попадают в папки спама. К счастью, плагины SMTP (Simple Mail Transfer Protocol), такие как WP Mail SMTP, могут спасти ситуацию, позволяя вам легко перенастроить WordPress для использования правильного SMTP-поставщика при отправке электронных писем, таких как Gmail, Microsoft, Zoho или служба электронной почты вашего веб-хостинга.

Просто установите и активируйте плагин WP Mail SMTP через Плагины -> Добавить новый в вашей панели управления WordPress. После активации откройте плагин и нажмите Запустить мастер настройки в левой панели. Этот удобный мастер проведет вас через выбор вашего SMTP-поставщика и ввод необходимых учетных данных.

Совет: Прочитайте нашу подробную статью о том, как настроить WordPress для отправки SMTP-почты для получения дополнительной информации.

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