Как легко создавать контактные формы в WordPress

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

Зачем мне нужна контактная форма на моем сайте?

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

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

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

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

Есть много плагинов на выбор. Один из самых популярных плагинов контактных форм, Contact Form 7, прост в использовании, но у него нет визуального редактора для создания форм, и вы должны изучить его синтаксис. Альтернативой, предлагаемой большинством плагинов, таких как WPForms, Fomidable Form Builder, HubSpot или Ninja Forms, является добавление платформы WordPress с панелью управления, из которой можно создавать контактные формы.

В этом посте мы хотим поговорить о плагине контактной формы, отличном от предыдущих: Nelio Forms.

Нелио Формы

Nelio Forms — это плагин, который мы только что выпустили. У вас есть его бесплатная версия, доступная в каталоге плагинов WordPress.

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

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

Установите плагин Nelio Forms

Nelio Forms устанавливается как любой другой плагин. На панели инструментов WordPress нажмите «Добавить новый» и в поисковой системе введите «Nelio Forms», а затем установите и активируйте плагин.

Создайте свою первую форму

После установки и активации на боковой панели меню вы найдете параметры Nelio Forms. Нажмите «Добавить новый:»

Откроется редактор блоков, и вы быстро заметите, что он очень похож на редактор сообщений и страниц, но в этом случае он показывает вам минимальную информацию, которую вы должны включить в любую форму: имя формы для ее идентификации, поле ( по умолчанию он показывает вам текстовое поле) для заполнения и кнопку «Отправить».

Изменить контактную форму

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

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

Точно так же, как вы добавляете любой новый блок в редакторе блоков WordPress, вы можете редактировать форму, изменяя ее макет и добавляя различные блоки.

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

• Поле ввода текста,
• Поле текстовой области,
• Почтовое поле,
• Поле телефона,
• Поле пароля,
• Поле флажка,
• числовое поле и
• Поле URL

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

А в случае флажка вы можете указать, установлен он или нет по умолчанию:

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

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

Отправка заполненной формы

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

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

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

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

Добавьте форму на свои страницы и сообщения

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

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

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

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

Получайте запросы на контакт от ваших посетителей

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

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

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

Вывод

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

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

Мы надеемся, что в премиум-версии будет гораздо больше функций, описанных на странице Nelio Forms . Конечно, если вы считаете, что вам нужны какие-либо дополнительные функции и / или вас интересует премиум-версия, мы приглашаем вас заполнить форму на этой странице, и мы свяжемся с вами.

Не стесняйтесь установить и протестировать плагин Nelio Forms (помните, что это бесплатно!) и поделиться своими впечатлениями здесь.

Избранное изображение Брук Кейгл на Unsplash .