WPForms Elementor виджет для добавления и стилизации ваших форм
Виджет WPForms Master Addons размещает форму, созданную вами в WPForms, на любой странице Elementor и позволяет стилизовать ее с панели Elementor.Выберите форму, выберите, показывать ли ее заголовок, описание, метки и заполнители, затем стилистику входов, радиокнопки, флажки, кнопку отправки и сообщения об ошибках.Стиль с первого по четвертый бесплатен, и Мастер Аддоны Про добавляет стиль пять в одиннадцать. Вам нужен плагин WPForms установлен, либо бесплатный WPForms Lite, либо платный план.
Как добавить WPForms в Elementor
Вам нужен Elementor, плагин WPForms и бесплатный плагин Master Addons.
- Установите WPForms из плагинов, добавьте новый, затем создайте и сохраните форму WPForms, Добавьте новое.
- Убедитесь, что формы WP включены ниже Мастер-аддоны, виджеты.
- Отредактируйте свою страницу с помощью Elementor, найдите WPФормы и перетащите виджет Master Addons на место.
- Выберите форму в Контактная форма раскрывающийся список и установка заголовка, меток и переключателей заполнителей.
- Выберите вариант дизайна на вкладке "Стиль".
- Стиль ввода, флажки, кнопка отправки и ошибки, затем предварительный просмотр и отправка тестовой записи.
WPForms также добавляет в Elementor собственный базовый виджет WPForms. Используйте виджет "Мастер-аддоны", когда вам нужны предустановки стиля и подробные элементы управления стилем.
Вариации дизайна: 4 бесплатных, 11 с Pro
The Вариации дизайна раскрывающийся список в разделе "Макет дизайна" меняет внешний вид полей, этикеток и кнопки. Стиль с первого по четвертый работает в бесплатном плагине, а Pro разблокирует стиль с пятого по одиннадцатый, включая стиль плавающей этикетки. Это тот же стиль, который предустанавливает Контактная форма 7 виджет использует, а демо-версии ниже созданы с помощью этого виджета.
- Пользовательское название и описание: замените название и описание WPForms собственным текстом.
- Этикетки и Заполнитель переключатели скрывают или показывают их.
- Сообщения об ошибках: показывать или скрывать сообщения проверки WPForms.
Стиль ввода, текстовой области и флажка
The Вход и текстовая область раздел имеет вкладки Нормальный и Фокус Установите цвет фона и текста, границу, радиус границы, отступ текста, вход и текст, ширину и высоту области, заполнение, расстояние, типографику и тень коробки, затем дайте сфокусированным полям свою собственную границу и тень. Радио и флажок включает Пользовательские Стили с размером, цветом, шириной границы, цветом границы, отдельным радиусом для флажков и радио кнопок, и проверенным цветом.
- Цвет и типографика описания этикетки, заполнителя и поля.
- Выравнивание названия и описания, цвет, типографика и поля.
- Различная ширина для однострочных входов и поля сообщения.
Отправить кнопку и стилизацию ошибок
The Кнопка отправки набор разделов выравнивание, полная или пользовательская ширина, цвет фона и текста, граница, радиус границы, заполнение, верхний край, типографика и тень коробки, с цветами наведения на веревку для фона, текста и границы.The Ошибки раздел стилизует цвет текста ошибки, а также цвет границы и ширину полей, которые не прошли проверку. Сообщения успеха сохраняют стиль WPForms.
- Кнопка полной ширины для мобильных форм.
- Наведите цвета, соответствующие другим кнопкам.
- Красные границы поля, которые делают очевидными недостающие поля.
WPForms против Elementor Forms
У Elementor Pro есть собственный виджет формы, поэтому вам не нужны WPForms, если вы уже платите за Elementor Pro. Вот как эти два подхода сравниваются.
| Особенность | WPForms с главными дополнениями | Элементор Про Форма |
|---|---|---|
| Цена | WPForms Lite бесплатен, расширенным функциям требуется платный план WPForms | Нужен Элементор Про |
| Где вы строите форму | конструктор перетаскивания WPForms | Внутри виджета Elementor Form |
| Стайлинг в Элементоре | Через этот виджет Master Addget | Встроено в виджет Форма |
| Поля | Устанавливается вашим планом WPForms | Текст, электронная почта, текстовая зона, номер, дата, время, загрузка файлов, шаг и многое другое |
| После отправки | Уведомления и подтверждения в WPForms, интеграция в платные планы | Электронная почта, перенаправление, веб-крючок, всплывающее окно, отправка материалов и маркетинговые действия по электронной почте |
| Используйте вне Элементора | Да, в любом редакторе или теме | Только страницы Элементора |
Выбирайте Elementor Forms, когда у вас уже есть Elementor Pro и вы хотите, чтобы все было в одном редакторе. Выбирайте WPForms, когда вам нужны формы, которые также работают за пределами Elementor, или вы предпочитаете его конструктор форм. Вместо этого используйте контактную форму 7? Контактная форма 7 виджет предлагает те же предустановки стиля.
Часто задаваемые вопросы для WPForms
Виджет WPForms бесплатный?
Да. виджет находится в бесплатном плагине Master Addons со стилем от первого до четвертого и всеми разделами стиля. Мастер Аддоны Про добавляет стиль с пятого по одиннадцатый.
Нужен ли мне плагин WPForms?
Да. Установите и активируйте WPForms, бесплатные или платные, и создайте свои формы там сначала. без него виджет показывает “WPForms не активируется” уведомление. такие функции, как условная логика, продолжают работать, потому что виджет отображает вашу реальную форму WPForms.
Как добавить WPForms в Elementor?
Создайте форму в WPForms, затем перетащите виджет WPForms Master Addons на свою страницу Elementor и выберите форму в раскрывающемся списке Контактная форма. Полные шаги приведены в разделе "Как работать" выше.
Как изменить внешний вид сообщений об ошибках?
Откройте раздел Ошибки на вкладке Стиль, чтобы установить цвет текста ошибки и цвет границы и ширину недопустимых полей На вкладке Содержимое вы также можете скрыть сообщения об ошибках Отдельного раздела стиля сообщения об успехе нет.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
