В этой статье вы узнаете, как создать форму с помощью бесплатного Elementor.

Хотя виджет «Форма» доступен только в Elementor Pro, это не означает, что вы не можете создать форму в бесплатной версии Elementor.

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

Elementor, будь то профессиональная или бесплатная версия, поставляется с двумя виджетами, которые вы можете использовать для создания формы. Это виджеты HTML и Shortcode. С помощью виджета HTML вы можете встроить HTML-форму, а виджет Shortcode позволяет встроить форму из плагинов форм, которые используют шорткод, например Отправить запрос 7.

Создайте форму с бесплатной версией Elementor, используя HTML-виджет

Этот метод требует наличия навыков работы с HTML для создания формы. Или вы можете загрузить шаблон HTML-формы из Интернета. W3docs насчитывает более 60 Шаблоны HTML-форм которую вы можете скачать бесплатно.

Для начала создайте новую страницу и отредактируйте ее с помощью Elementor (Страницы –> Добавить). Конечно, вы также можете изменить существующую страницу. Если вы хотите создать форму на новой странице, не забудьте установить макет формы, щелкнув значок шестеренки в нижней левой панели.

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

создать форму с помощью бесплатного Elementor

Опубликуйте/обновите страницу, как только закончите ее редактирование.

Смотрите также: Как использовать виджеты/шаблоны Elementor в качестве блоков Гутенберга

Вещь. Если в вашей HTML-форме для оформления используются внешние CSS, изображения или JavaScript, обязательно загрузите папки, содержащие код CSS, изображения и JavaScript, в корневой каталог вашего веб-сайта.

Создайте форму на Elementor бесплатно, используя контактную форму 7

Если у вас нет навыков HTML и вы не хотите использовать шаблон HTML-формы, вы можете создать форму в бесплатной версии Elementor с помощью плагина. Форма обратной связи 7. На самом деле существует много других плагинов для форм. Мы рекомендуем Contact Form 7 потому что это самый популярный плагин форм для WordPress и совершенно бесплатный.

Сначала установите плагин Отправить запрос 7. Для этого заходим в Расширения –> Добавить. Введите «контактная форма 7» в поле поиска и нажмите кнопку установить сейчас как только вы его нашли.

Активируйте плагин сразу после установки.

создать форму с помощью бесплатного Elementor

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

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

создать форму с помощью бесплатного Elementor

Если вы хотите добавить новое поле, поместите указатель в область, в которую вы хотите добавить новое поле (вы можете поместить его ниже или выше существующего поля). Добавить метку для нового поля формы в формате <label> votre label préféré </label>.

создать форму с помощью бесплатного Elementor

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

Заполните поля и нажмите на Вставьте тег (можно оставить все по умолчанию).

создать форму с помощью бесплатного Elementor

Contact Form 7 отправит материалы, отправленные через вашу форму, на электронную почту. Вы можете установить адрес электронной почты на вкладке Электронная почта.

создать форму с помощью бесплатного Elementor

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

создать форму с помощью бесплатного Elementor

Нажмите на кнопку Регистрация как только вы закончите редактирование формы и копирование шорткода.

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

Читайте также: Как отключить всплывающее окно Elementor на смартфонах

Добавьте новый раздел для размещения формы и добавьте Шорткод-виджет. После добавления виджета «Шорткод» перейдите на левую панель и вставьте скопированный шорткод в поле. Короткий код под вкладкой Содержание.

Опубликуйте/обновите свою страницу, как только закончите ее редактирование.

Контактная форма 7 использует формат стиля WordPress тема что вы используете. Вы можете оформить форму Contact Form 7, но для этого потребуются навыки работы с CSS. Вы также можете просмотреть эту статью на Как настроить контактную форму 7 с помощью Essential Addons и Elementor.

Получить Elementor Pro сейчас !!!

Заключение

Так ! Вот и все для этой статьи, которая покажет вам, как создать форму с помощью бесплатного Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите об этом в Комментарии.

Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Но тем временем поделитесь этой статьей в разных социальных сетях.

...