На каждом сайте должна быть контактная форма! Контактные формы полезны для различных целей, независимо от типа вашего веб-сайта. Они могут генерировать потенциальных клиентов, выстраивать связи и отношения, позволять пользователям сообщать о проблемах с вашим сайтом и делать все, что между ними.
Не обязательно быть техническим экспертом, чтобы создавать контактные формы в WordPress. Конструктор страниц Elementor упрощает создание красивых веб-сайтов.
Чтобы продемонстрировать, как создавать контактные формы с помощью Elementor, мы рассмотрим различные варианты и все, что нужно знать о контактных формах в Elementor.
Elementor уже довольно давно включает в себя виджет «Формы», а это означает, что вам больше не нужно никуда идти, чтобы создавать формы для вашего веб-сайта WordPress, и это благословение!
Раньше вы могли сталкиваться с трудностями при создании форм с помощью некоторых доступных plugin . Процесс разработки и настройки форм может занять много времени и утомить. К счастью для всех нас, с виджетом Elementor Form легко работать.
- Как лучше всего создать форму в Elementor?
- Как создать форму Elementor
- Формирование элементов Elementor структурированным способом
- Типы полей в форме
- Типы полей в форме Elementor
- Ширина столбца формы
- Формы в Elementor для стилизации
- Действия над формой
- Создание шаблона сообщений контактной формы в Elementor
- Заключение
Прежде чем мы начнем с конструктора форм Elementor, давайте кратко рассмотрим некоторые из его наиболее важных функций.
Во-первых, одной из наиболее отличительных особенностей является то, что она полностью интегрирована в интерфейс Elementor, а это означает, что у вас есть доступ ко многим вариантам дизайна/стиля/макета, доступным в Elementor. Я не верю, что вы найдете отдельный plugin форм с такой надежной системой дизайна, как этот.
Отсюда вы можете создать до 18 различных типов полей:
- Текст Электронная почта Текстовая область Текстовая область
- URL-адрес и номер телефона следующие:
- Радиокнопки — это разновидность радиокнопки.
- Выберите из списка (выпадающего списка)
- Флажки используются в контрольных списках.
- Есть только один флажок (принятие)
- реКАПЧА
- Honeypots — это тип контейнера, в котором хранится мед (предотвращает спам).
Вы также можете разделить свои формы на несколько страниц для создания многоэтапных форм, что полезно для длинных приложений.
Elementor Pro имеет более 12 интеграций с популярными службами электронного маркетинга и системами управления взаимоотношениями с клиентами, которые помогут вам максимально эффективно использовать свои формы. Существует также комплексная интеграция с Zapier, которая позволяет вам подключаться к любому из тысяч инструментов, доступных на платформе Zapier, если вашего инструмента нет в списке.
Есть и еще несколько интересных вариантов. amp , когда кто-то заполняет вашу форму, вы можете получать уведомления через Slack или Discord.
Говоря об уведомлениях, вы также можете персонализировать уведомления по электронной почте, которые вы получаете, и уведомления по электронной почте, которые получают отправители форм. После того как они отправят форму, вы можете перенаправить их на созданную вами специальную страницу благодарности.
Как лучше всего создать форму в Elementor?
Мы начнем с открытия редактора Elementor, а затем перетащим виджет «Форма» в то место, где мы хотим создать нашу форму.
Как создать форму Elementor
Как и все остальное в Elementor, процесс создания Форм осуществляется визуально. Нет необходимости использовать дополнительный plugin или выступать в качестве серверной части вашего веб-сайта.
Формирование элементов Elementor структурированным способом
После того как ваша форма готова, первым шагом будет организация информации, содержащейся в ней. Какие поля вам нужны и какого типа они должны быть? Что Вы ищете?
При работе в редакторе Elementor поля формы добавляются и редактируются на вкладке «Содержимое». Как вы можете видеть в amp ниже, формы включают несколько полей по умолчанию. Выбрав «Добавить элемент» в раскрывающемся меню, вы можете создать новые поля.
Дублировать поле также можно, выбрав значок в виде двух документов, расположенных один над другим, и щелкнув по нему.
Типы полей в форме
Доступно множество типов полей формы: от простых текстовых полей до полей паролей, ReCaptcha и полей-приманок.
Чтобы изменить поведение поля формы, сначала выберите поле, а затем откройте раскрывающееся меню «Тип», чтобы просмотреть доступные различные типы полей.
Типы полей в форме Elementor
Ширина столбца формы
Эта функция позволяет использовать два поля формы в одной строке, регулируя настройку ширины столбца. Измените ширину окна, выбрав его из раскрывающегося списка и выбрав 50 процентов. Стоит отметить, что если вы сделаете это с двумя последовательными полями формы, вы заметите, что они вместе появятся в одной строке.
Формы в Elementor для стилизации
Создавайте стили для своих форм в Elementor так же, как и для других виджетов, перейдя на панель «Стиль», расположенную в интерфейсе редактирования Elementor.
Саму форму, поля, кнопки, любые шаги, сообщения об ошибках и сообщения подтверждения можно настроить.
Тем, кто уже знаком с Elementor, больше не нужно учиться стилизации форм Elementor.
Действия над формой
После нашего обсуждения создания формы в Elementor, давайте посмотрим на настройку того, что происходит после отправки вашей формы; это достигается с помощью действий формы или, как они называются в Elementor, действий после отправки.
Когда форма отправляется, система обычно отправляет электронное письмо и перенаправляет пользователя на другую веб-страницу. Конечно, вы можете включить в свои формы столько действий, сколько захотите, и комбинировать их так, как захотите. Как и следовало ожидать, существует определенное поле селектора, не требующее кодирования.
Каждое из добавляемых вами действий будет отображаться в виде отдельной вкладки в главном меню. В настоящее время у нас есть опция вкладки для электронной почты, но если бы я включил перенаправление в поле «Добавить действие», я бы также увидел «Перенаправление» в параметрах вкладки, как показано в amp ниже.
В заключение я покажу, как настроить форму для приема материалов по электронной почте — наиболее часто задаваемый вопрос о формах.
Когда вы выберете «Электронная почта» на вкладке «Содержимое» в редакторе, вы увидите экран, показанный ниже; здесь вы можете персонализировать электронное письмо «От» и электронное письмо с ответом, а также добавить копию копии или скрытую копию каждому, кто должен получать копии материалов, отправленных из формы.
Создание шаблона сообщений контактной формы в Elementor
Многие люди удивляются, узнав, что редактор форм Elementor более мощный, чем кажется на первый взгляд, и одной из наиболее продвинутых функций является возможность настройки сообщений для каждой формы.
Сообщения формы можно настроить так, чтобы обеспечить более персонализированный процесс обратной связи для конечного пользователя, заполнившего вашу форму, а не выглядеть скучным роботом. Но, в частности, какие сообщения вы можете настроить для своей контактной формы Elementor:
Для начала вам необходимо сначала включить настраиваемый обмен сообщениями, выбрав «Дополнительные параметры» в раскрывающемся меню, а затем переключив тумблер «Настраиваемые сообщения» на «Да».
Настройка виджета контактной формы Elementor путем добавления пользовательских сообщений
Как видите, вы можете настроить четыре разных сообщения, включая те, которые перечислены ниже:
Сообщение об успешном завершении отображается конечному пользователю после отправки формы и проверки правильности ее заполнения (например, отсутствия пропущенных обязательных полей и т. д.).
Сообщение об ошибке — сообщение, которое отображается конечному пользователю, когда во время отправки формы возникает неизвестная ошибка.
Обязательное сообщение — появляется, когда обязательное поле формы не заполнено, форма отправлена и форма не заполнена.
Если что-то в отправленной форме неверно и не может быть отправлено, конечному пользователю отображается сообщение «Недопустимое сообщение».
Возможность редактировать сообщения позволяет вам проявить творческий подход и необычность или стать более формальным и деловым, если вы управляете корпоративным сайтом. Самое приятное то, что они полностью редактируются, поэтому вы можете делать все, что захотите!
Заключение
Виджет формы Elementor. Создать контактную форму легко. Он поставляется с интуитивно понятным конструктором контактных форм с возможностью перетаскивания и множеством параметров настройки, которые отличают его от других plugin контактных форм, доступных на рынке. Вы можете легко настроить его стиль и цветовую схему в соответствии с внешним видом вашей компании. Также включены различные другие привлекательные виджеты, более 300+ профессиональных шаблонов и конструктор всплывающих окон в одном удобном пакете. Этот полнофункциональный конструктор страниц WordPress содержит все необходимые виджеты и функции, поэтому вам не придется приобретать дополнительные конструкторы страниц для дальнейшей настройки вашего веб-сайта. Кроме того, он позволяет интегрировать более 30 маркетинговых сервисов, поэтому сегодня это один из самых популярных plugin на рынке.
