Виджет Форма в Режиме клиента

Виджет Форма (Form) — используется для создания различных форм, например формы регистрации пользователей, формы обратной связи, формы заказа и т.п.

Настройки Формы

На правой панели вы можете изменить название формы, настроить редирект после отправки и переключать состояния.

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

UI состояние — позволяет переключаться между тремя состояниями и редактировать содержимое формы в этих состояниях:

По умолчанию (Default State) — состояние формы при загрузке страницы. Включает все поля и кнопки формы.

Ошибка (Error State) — состояние, которое появляется при неудачной отправке формы. Здесь можно изменить текст сообщения об ошибке.

Успешно (Success State) — состояние после успешной отправки формы. Можно изменить текст сообщения или настроить редирект после отправки.

Перенаправление — настройки редиректа после успешной отправки формы. Можно выбрать: Перейти на страницу или Перейти по внешней ссылке.

Редактирование содержимого Формы

В Режиме клиента можно менять тексты и настраивать поля формы, не изменяя ее структуру. Управление происходит в трех состояниях формы: По умолчанию, Ошибка и Успешно.

Состояние По умолчанию

Это основной режим для работы с формой, в котором можно настраивать поля и редактировать контент.

Редактирование текстов в форме

Кликните на текстовый элемент и измените текст на холсте или на правой панели.

Редактирование полей формы

Выберите нужное поле и задайте его параметры на правой панели.

Для Полей ввода (Input) доступны следующие параметры:

Название поля

Тип поля: Простой, Электронная почта, Телефон, Числовой, Дата

Опция Поле обязательно для заполнения

Фоновый текст

Для поля Телефон также можно задать маску — шаблон ввода номера телефона для выбранной страны.

Для поля Чекбокс вы также можете изменить текст описания и кнопки и управлять списком вариантов — добавлять или удалять пункты.

Управление полями формы

Добавление новых полей. Вы можете создавать новые поля только того же типа, что уже есть в форме. Наведите курсор на поле нужного типа и нажмите иконку копирования — новое поле появится сразу после исходного.

Удаление полей. Чтобы удалить поле, наведите на него курсор и нажмите иконку «корзина».

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

Состояние Ошибка

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

Измените текст сообщения на холсте или на правой панели.

Состояние Успешно

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

Измените текст сообщения на холсте или на правой панели.