ГлавнаяЛайфстайлИнтернетНастройте контактную форму в WordPress с помощью этого простого метода

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

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

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

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

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

поскольку у вас есть только два варианта:

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

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

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

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

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

  • Контактная форма 7 : этот плагин является основным продуктом для пользователей WordPress. Он бесплатный, легкий и простой, позволяет создавать несколько форм с простой настройкой и простой разметкой. Он поддерживает отправку сообщений на основе Ajax и фильтрацию спама CAPTCHA. Хотя по умолчанию он не сохраняет отправленные данные в базу данных, для этой функции доступны надстройки, и они, вероятно, вам все равно не понадобятся.
  • WPForms : WPForms идеально подходит для создания адаптивных, красивых контактных форм, форм обратной связи, форм подписки и многого другого за считанные минуты. Плагин существует уже давно и на данный момент имеет рейтинг 4,9 звезды из 5, так что вы знаете, что он хорошо справляется со своей задачей. К сожалению, бесплатная версия очень ограничена, а для полного набора функций требуется подписка.
  • Гравитационные формы : Gravity Forms — хороший выбор для тех, кому нужны сложные формы с условной логикой или множеством опций. Он предлагает интуитивно понятный визуальный редактор форм и поддерживает различные тр

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

    у быть непосильными для новичков, которым нужны простые формы. Бесплатной версии Gravity Forms не существует, но вы можете попробовать полнофункциональную версию онлайн-демо .
  • Формы ниндзя . Ninja Forms идеально подходит для нетехнических специалистов и предлагает конструктор с возможностью перетаскивания, многостраничные формы и загрузку файлов. Он удобен для пользователя и имеет специальную группу поддержки, хотя некоторые расширенные функции требуют приобретения премиум-надстроек или одного из трех доступных платных планов подписки.
  • Форма реактивного ранца : Если вы уже используете плагин Реактивный ранец , который предоставляет множество инструментов безопасности, производительности и роста для сайтов WordPress, использование Jetpack Form — это естественный выбор. Эта интеграция упрощает ваш рабочий процесс, поскольку вам не нужно будет устанавливать еще один плагин. Однако мы не рекомендуем устанавливать Jetpack исключительно из-за его возможностей формы, так как плагин может быть довольно ресурсоемким и может замедлить работу вашего сайта.

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

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

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

Установить плагин контактной формы 7 в выделенной кнопке WordPress

Перейдите в панель администратора WordPress, нажмите Плагины ->Добавить новый плагин и найдите «Контактная форма 7». Нажмите кнопку Установить рядом с плагином, а после его установки нажмите Активировать.

Отображение контактной формы по умолчанию

Контактная форма 7. Меню контактных форм выделено

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

Выделен короткий код контактной формы по умолчанию

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

Шорткод контактной формы вставлен на новую страницу

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

Форма по умолчанию, созданная с использованием контактной формы 7

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

Редактировать контактную форму по умолчанию

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

Контактная форма 7 Настройки вкладки «Почта»

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

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

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

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

ые письма из вашей контактной формы, такие как подтверждения и ответы.

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

Кнопка установки плагина Wp Mail Smtp выделена

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

Отображение контактной формы по умолчанию

етные данные.

Кнопка мастера настройки запуска плагина Wp Mail Smtp выделена

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

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

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

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

ПОХОЖИЕ СТАТЬИ

Популярные записи