Виджет элементара Ninja Forms: формы ниндзя без CSS
Виджет Форма ниндзя в Главных Аддонах бесплатно.Он размещает форму, которую вы построили в плагине Формы ниндзя на странице Элементор и дает вам элементы управления стилем для заголовка, этикетки, поля, кнопки радио и флажки, отправить кнопку и сообщения. четыре варианта дизайна бесплатны, и еще семь поставляются с Master Addons Pro. Формы ниндзя по-прежнему обрабатывают поля, уведомления и отправки.
Как добавить формы ниндзя в Элементор
Вам нужен бесплатный плагин Ninja Forms и хотя бы одна форма, встроенная в него.
- Установить и активировать Ниндзя Формы с сайта WordPress.org, затем создайте свою форму на панели управления Ninja Forms.
- Проверьте, что Форма ниндзя виджет включается в настройках виджета Master Addons.
- Отредактируйте свою страницу с помощью Elementor, найдите на панели Форма ниндзя и втащите виджет.
- Выберите свою форму в Контактная форма выпадайте и выбирайте, показывать ли Этикетки и Заполнитель текст.
- На вкладке Стиль выберите a Вариация дизайна, затем отрегулируйте входы, флажки, кнопку отправки и сообщения.
- Обновите страницу и отправьте тестовую запись, чтобы проверить, что Ninja Forms ее получит.
Вариации дизайна: 4 бесплатных, 7 профессиональных
Вариация дизайна на вкладке Стиль применяет готовый вид ко всей форме.Стиль от первого до четвертого бесплатны, а Стиль от пятого до Стиля Одиннадцать нуждается в Master Addons Pro. Выберите один в качестве отправной точки, затем измените детали в разделах под ним.
- Бесплатно: Стиль первый, Стиль второй, Стиль третий и Стиль четвертый.
- Про: Стиль от пятого до одиннадцатого.
- Параметры контента: показывать или скрывать метки и текст заполнителя, а также сообщения об ошибках и ошибки проверки.
Стиль ввода, текстовой области и флажка
Вход и текстовая область имеет вкладки "Нормальный" и "Фокус" с цветом фона и каймой, а также цветом текста, радиусом каймы, выравниванием, текстовым отступом, шириной и высотой области ввода и текста, заполнением, интервалом и типографикой. Радио и флажок может заменить настройки браузера по умолчанию пользовательскими стилями: размер, цвет, ширина границы и цвет границы, отдельный радиус границы для флажков и радиокнопок, а также цвет "Проверено".
- Этикетки и заполнитель: цвет текста и типографика для меток, а также цвет текста для заполнителей.
- Описание поля: цвет, типографика и интервал между текстом справки под полем.
- Название и описание: выравнивание, цвет, типографика и поля для названия и описания формы.
Отправить кнопку и сформировать сообщения
Кнопка отправки устанавливает выравнивание, полную или пользовательскую ширину, цвет фона и текста, границу, радиус границы, заполнение, верхний край, типографику и тень коробки, с вкладкой "Наведение" для цвета фона, текста и границы. Разделы сообщений стилизуют то, что видят посетители после отправки.
- Сообщение об успехе: цвет текста и типографика.
- Обязательное уведомление о полях: цвет, интервал и типографика.
- Ошибки: цвет текста для сообщений об ошибках, а также цвета описания и границ для полей, которые не прошли проверку.
Виджет шорт-кода Elementor против виджета формы ниндзя
Свободный Элементор уже может показать Форма Ниндзя: вставить его шорткод в виджет Шорткод Форма работает одинаково в любом случае Разница в том, как вы его стилизуете.
| Особенность | Виджет Elementor Shortcode | Виджет формы ниндзя Master Addddons |
|---|---|---|
| Цена | Свободный (ядро Элементатора) | Бесплатно, Pro для еще 7 вариантов дизайна |
| Добавление формы | Вставьте короткий код, такой как [ninja_form id="1"] | Выберите форму из раскрывающегося списка |
| Стайлинг | Своя CSS | Элементы управления вкладками стиля для полей, флажков, кнопок и сообщений |
| Пресет выглядит | Нет | 4 бесплатно, 7 Про |
| Скрыть этикетки или заполнители | CSS | Переключатели |
| Поля, уведомления, материалы | Ниндзя Формы | Ниндзя Формы |
Оба маршрута запускают одну и ту же форму Формы ниндзя Виджет сохраняет написание CSS, чтобы сопоставить форму с остальной частью страницы.
Виджеты других форм: Контактная форма 7 (бесплатно), WPФормы (бесплатно) и Гравитационные формы (Про).
Часто задаваемые вопросы по форме ниндзя
Нужен ли мне плагин Ninja Forms?
Да. Установите и активируйте бесплатный плагин Ninja Forms и сначала создайте там свою форму. Без него виджет показывает уведомление “Ninja Forms не активируется” вместо формы.
Виджет формы ниндзя бесплатен?
Да. виджет и стиль от первого до четвертого бесплатны в Master Addons. стилю от пятого до одиннадцатого нужен Master Addons Pro.
Могу ли я сделать форму отзывчивой на мобильных устройствах?
Да. многие элементы управления размером и интервалом, такие как входная ширина и высота, заполнение, выравнивание и ширина кнопок, принимают отдельные значения для настольных компьютеров, планшетов и мобильных устройств.
Как я создаю сообщения об ошибках или уведомление об успехе?
Используйте разделы "Сообщение об успехе", "Уведомление о обязательных полях" и "Ошибки" на вкладке "Стиль". Они устанавливают цвет текста и типографику для сообщения об успехе, а также цвета текста, описания и границ для ошибок. Для этих сообщений нет настройки цвета фона.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
