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

Хотите знать, как добавить форму на страницу в WordPress?

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

Но это совсем не проблема.

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

Готовый? Давайте прыгать прямо в!

Какой лучший плагин форм WordPress?

С более чем 5 миллионами установок и 5-звездочными отзывами, собранными от 11 000+ пользователей, мы должны сказать, что WPForms — лучший плагин форм WordPress.

Некоторые другие популярные плагины WordPress включают Formidable Forms, TypeForm, формы Ninja, контактную форму 7 и так далее.

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

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

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

Поскольку мы рекомендуем использовать WPForms, именно на этом плагине WordPress Form мы сосредоточимся в этом руководстве. Как вы увидите, WPForms прост в использовании.

В следующих 5 шагах вы узнаете, как создать контактную форму в WordPress с помощью WPForms.

1. Установите плагин WPForms

Прежде всего, вам нужно установить плагин WPForms. Вы можете использовать WPForms Lite, бесплатный плагин WPForms, или воспользоваться премиальной подпиской на WPForms.

Если вы не уверены, что использовать, ознакомьтесь с нашим сравнением WPForms Lite и WPForms Pro.

Мы рекомендуем использовать платную лицензию WPForms Pro, и именно ее мы будем использовать в этой статье.

WPForms Pro предлагает такие функции, как формы подписки по электронной почте, многостраничные контактные формы, интеграцию платежей, сотни готовых шаблонов форм, условную логику, версии форм, расположение форм и многое другое.

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

Для начала вам необходимо приобрести план WPForms Pro. Затем вы можете загрузить плагин из области « Учетная запись » на веб-сайте WPForms.

Если вы не знаете, как установить плагин, это пошаговое руководство по установке плагинов WordPress поможет вам.

2. Создайте форму

Теперь, когда у вас установлен WPForms, вы готовы создавать свои формы. На панели инструментов WordPress прокрутите вниз и нажмите WPForms »Добавить новый .

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

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

Для этого прокрутите вниз до пункта « Простая контактная форма » и нажмите « Использовать шаблон ».

Это откроет конструктор форм с панелью параметров слева.

Шаблон уже будет полностью построен, поэтому вам не нужно предпринимать никаких дальнейших действий. Нажмите « Сохранить », и ваша форма будет готова к использованию.

Если вы предпочитаете создавать форму с нуля, вот что нужно сделать:

В библиотеке шаблонов щелкните Пустая форма.

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

Если вам это нравится, просто нажмите « Сохранить » или вставьте его на страницу. Мы покажем вам, как на следующем шаге.

3. Добавьте свою форму на страницу

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

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

Как только вы будете довольны своей формой, вы можете продолжить и опубликовать ее. Нажмите кнопку « Встроить » вверху, чтобы начать процесс.

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

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

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

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

Так форма будет выглядеть на вашем сайте.

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

4. Проверьте свою контактную форму

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

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

• Все ли поля в порядке?
• Обязательные поля работают?
• CAPTCHA загружается правильно?
• Правильно ли работает условная логика?
• Правильно ли принимаются формы на серверной части?

Чтобы получить более подробное руководство по проверке формы, ознакомьтесь с этим подробным контрольным списком тестирования формы.

5. Улучшение ваших форм с помощью функций WPForms Pro (необязательно)

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

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

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

Вот 5 наших суперпопулярных функций:

Аддон пользовательской капчи

Спам — распространенная проблема с формами WordPress. Надстройка WPForms Captcha — мощный инструмент, который поможет вам обойти это. Чтобы помочь вам эффективно использовать надстройку, прочитайте это руководство по остановке спама в контактной форме в WordPress.

Условная логика

Условная логика позволяет создавать дополнительные параметры на основе определенных критериев.

Платежные интеграции

Платежные интеграции позволяют собирать платежи с помощью ваших форм. WPForms поддерживает основные платежные шлюзы, включая PayPal, Square, Stripe и Authorize.net.

Расположение форм

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

Сохранить и возобновить аддон

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

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

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

Это действительно все, что вам нужно, чтобы научиться добавлять формы на страницу в WordPress!

Затем правильно настройте параметры SMTP.

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

Готовы начать? Воспользуйтесь 100% гарантией возврата денег и начните работу с самым популярным в мире почтовым плагином SMTP и PHP уже сегодня.

И если вам понравилась эта статья, подпишитесь на нас в Facebook и Twitter, чтобы получать больше бесплатных руководств по WordPress.