weForms Elementor Виджет для стилизации ваших веб-форм
Виджет Master Addons weForms размещает форму, встроенную в бесплатный плагин weForms, на любой странице Elementor и позволяет стилизовать ее с панели Elementor.Выберите форму, выберите вариант дизайна, затем создайте стиль контейнера формы, полей, состояния фокуса, меток, заполнителей и кнопки отправки. Стиль с первого по четвертый бесплатен, и Мастер Аддоны Про добавляет стиль пять в одиннадцать. вам нужен плагин weForms установлен.
Как добавить weForms в Elementor
Вам нужен Elementor, бесплатный плагин weForms и бесплатный плагин Master Addons.
- Установите weForms из плагинов, добавьте новый и создайте форму на панели управления weForms.
- Убедитесь, что weForms включен ниже Мастер-аддоны, виджеты.
- В редакторе Elementor выполните поиск weФормы и перетащите виджет "Мастерские аддоны" на страницу.
- Выберите форму в Выберите weForm.
- Выберите вариант дизайна на вкладке "Стиль".
- Создайте стиль контейнера, полей, этикеток и кнопки отправки, а затем отправьте тестовую запись.
Вариации дизайна: 4 бесплатных стиля, 11 с Pro
The Вариации дизайна dropdown применяет соответствующий стиль к контейнеру, полям и кнопкам за один шаг. Стиль с первого по четвертый работает в бесплатном плагине, а Стиль с пятого по одиннадцатый нуждается в Pro. Это те же пресеты, которые используются Контактная форма 7 виджет и демо-версии ниже созданы с помощью этого виджета.
- 4 бесплатных пресета, 11 с Pro.
- Дальнейшая настройка любой предустановки с помощью разделов стилей ниже.
- Используйте разные предустановки для каждой формы на одном сайте.
Форма Контейнер и полевые стили
The Форма Стили контейнеров раздел охватывает цвет фона, выравнивание, ширину, максимальную ширину, край, набивку, границу, радиус границы и тень коробки. Форма Стили полей устанавливает входной фон, отдельные ширины для входов и текстовую область, заполнение полей, границу, радиус и тень коробки. Ширина, заполнение и поле реагируют, поэтому вы можете изменить их для планшета и мобильного телефона.
- Ширина входа и Ширина площади текста устанавливаются отдельно.
- Стиль состояния фокуса дает полям собственный цвет границы и тень коробки, пока посетитель печатает.
- Поля "Набивка" и "Радиус границы" применяются к каждому блоку ввода.
Цвета этикеток, входных данных и заполнителей и типографика
The Цвет и типографика раздел имеет три цвета: Цвет метки, Цвет шрифта поля для текста типов посетителей и Цвет шрифта заполнителя. Типографика этикеток и типографика полей ввода разделены, поэтому этикетки могут использовать шрифт, размер или вес, отличный от полей.
- Этикетки, напечатанный текст и заполнители имеют свой цвет.
- Типографика метки и ввода задается отдельно.
Отправить Стили кнопок
The Отправить Стили кнопок сечение устанавливает ширину кнопок, выравнивание, типографику, поле и заполнение.Вкладки "Нормальный" и "Наведение" имеют цвет текста и фона. Нормальный также имеет радиус границы и границы, а Hover имеет цвет границы и тень коробки.
- Ширина кнопки, маржа и набивка реагируют.
- Выравнивание кнопок по умолчанию для полной ширины (оправдать).
- Состояние наведения меняет цвет текста, фона и границы.
Часто задаваемые вопросы для weForm
Как мне подключить этот элемент к существующим веб-формам?
Сначала создайте форму на панели управления weForms. На вкладке "Содержимое" виджета выберите ее Выберите weForm. В примечании к панели вам предлагается сохранить и обновить редактор после выбора формы, чтобы поля загружались.
Будет ли моя форма по-прежнему работать и отправлять электронные письма, как раньше?
Да. виджет добавляет только стилистику. отправленные материалы, уведомления и подтверждения по-прежнему проходят через weForms с настройками, которые вы там сделали.
Виджет weForms бесплатный?
Да. виджет является частью бесплатного плагина Master Addons со Style One to Four и всеми разделами стиля. Master Addons Pro добавляет Style Five to Eleven. weForms сама также имеет бесплатную версию на WordPress.org.
Полностью ли адаптируется разработанная форма на мобильных устройствах?
Форма соответствует вашей теме и weForms макет на малых экранах. форма ширина, максимальная ширина, поле, заполнение, ширина поля, ширина кнопки и выравнивание кнопки являются отзывчивыми элементами управления, поэтому вы можете установить различные значения для планшета и мобильного телефона в Elementor.
Что делать, если я обновлю настройки поля в основном плагине weForms?
Изменения, которые вы вносите в форму в weForms показать на странице, потому что виджет рендеринг формы из weForms.Обновить редактор Elementor, чтобы видеть новые поля во время редактирования. настройки стиля в виджете применяются и к новым полям тоже.
Могу ли я по-прежнему использовать Conditional Logic и другие расширенные функции weForms?
Да. виджет выводит саму форму weForms, поэтому функции, которые вы настроили в weForms, продолжают работать.Некоторые из них, такие как условная логика и многошаговые формы, зависят от вашего плана weForms.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение 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)
Дубликатор сообщений/страниц
