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