Ultimate Elementor Руководство по контактной форме

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

Без сомнения, пользователи WordPress имеют доступ к множеству плагинов контактных форм и многочисленным функциям. Это делает создание форм простым и понятным для пользователей. Что, если вы также можете создавать формы с помощью виджета Elementor Contact Form?

Как создавать контактные формы с помощью Elementor

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

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

Пошаговое руководство по использованию Elementor для создания контактной формы

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

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

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

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

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

Вы найдете множество вариантов полей, которые вы можете использовать, включая текст, электронную почту, URL-адрес, флажок, текстовую область, телефон, выбор, радио, принятие, номер, HTML, скрытый, пароль, Honeypot, reCAPTCHA и reCAPTCHA V3, среди других .

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

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

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

Нажмите на раздел «Действия после отправки» в форме и нажмите на поле «Добавить действие». Вы увидите различные варианты, такие как Email Webhook, Discord, Popup, ActiveCampaign, GetResponse и Slack, среди прочих. Выберите любой из вариантов, чтобы добавить действия после отправки.

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

Следует отметить, что Elementor предлагает множество вариантов действий, которые вы можете изучить. Опять же, вы можете рассмотреть другие сторонние сервисы, чтобы сделать его более удобным. Некоторые из сторонних сервисов, которые вы можете изучить, включают среди прочих Hubspot, Mailchimp, Drip, Convertkit и Slack. Все это встроенные интеграции в Elementor, что упрощает доступ и использование.

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

Чтобы настроить это, нажмите «Дополнительные параметры» и выберите «Да» или «Нет» для «Пользовательские сообщения». Измените четыре сообщения по умолчанию на то, что вы хотите, чтобы ваши пользователи видели. Этими сообщениями являются сообщение об успешном завершении, сообщение об ошибке, обязательное сообщение и недопустимое сообщение.

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

Шаг 7: Вы успешно настроили контактную форму Elementor, и следующим и последним этапом является ее публикация. Для этого нажмите на кнопку «Обновить», расположенную в нижней части формы.

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

Вывод

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