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

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

Виджет Форма (Form)

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

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

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

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

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

    • По умолчанию (Default State) — состояние формы при загрузке страницы. Включает все поля и кнопки формы.
    • Ошибка (Error State) — состояние, которое появляется при неудачной отправке формы. Здесь можно изменить текст сообщения об ошибке.
    • Успешно (Success State) — состояние после успешной отправки формы. Можно изменить текст сообщения или настроить редирект после отправки.
  • Перенаправление — настройки редиректа после успешной отправки формы. Можно выбрать: Перейти на страницу или Перейти по внешней ссылке.

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

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

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

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

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

Редактирование текстов в форме. Кликните на текстовый элемент и измените текст на холсте или в Настройках.

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

Редактирование полей формы. Выберите нужное поле и задайте его параметры в Настройках.

Выбор поля в форме

Настройки для поля в форме

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

  • Название поля
  • Тип поля: Простой, Электронная почта, Телефон, Числовой, Дата
  • Опция Поле обязательно для заполнения
  • Фоновый текст

Редактирование фонового текста для поля

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

Выбор маски для телефона

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

Чекбокс в форме

Настройки чекбокса

У кнопки также можно отредактировать текст.

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

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

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

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

Переключение формы в состояние Ошибка

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

Редактирование текста сообщения об ошибке при отправке формы

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

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

Переключение формы в состояние Успешно

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

Редактирование текста сообщения об успешной отправке формы