1. Множественный выбор
2. Одиночный выбор
3. Выбор изображений
4. Выпадающий список
5. Диапазон
6. Корзина
7. Формула
8. Текстовый ввод
9. Цифровой ввод
10. Электронная почта
11. Мобильный телефон
12. Дата и время
13. Загрузка файлов
14. Рейтинг
15. Кнопка
16. Изображение
17. Сообщение
18. Код

Множественный выбор

Подразумевает выбор нескольких пунктов в нём. Может служить для выбора дополнительных услуг, товаров и т.п.

1. В кастомизации вы можете настроить расположения элементов вертикально или горизонтально.

Важно!

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

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

Одиночный выбор

Чаще всего служит для выбора основной услуги или только одного варианта из нескольких представленных.

1. Как и в элементе «Множественный выбор» имеется возможность настроить в кастомизации расположение элементов вертикально или горизонтально.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания и подсказки, включить случайный порядок пунктов (изменяется при каждом открытии формы), добавить возможность своего варианта ответа.
3. В валидации доступна настройка обязательно выбора ответа в элементе.

Выбор изображений

Позволяет пользователю выбрать вариант ответа с изображением. Отлично подходит для демонстрации товара в нём.

1. Настройки кастомизации позволяют указать количество отображаемых колонок и задать точный отступ между ними.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания, подсказки и подписей, предоставить возможность множественного выбора, включить случайный порядок пунктов (изменяется при каждом открытии формы).
3. В валидации доступна настройка обязательно выбора ответа в элементе.

Выпадающий список

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

1. Настройки кастомизации позволяют изменить текст подсказки в первом пункте и установить выбранный элемент по умолчанию.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания и подсказки, включить случайный порядок пунктов (изменяется при каждом открытии формы).
3. В валидации доступна настройка обязательно выбора ответа в элементе.

Диапазон

Позволяет пользователю выбрать число с помощью ползунка из заданного диапазона.

1. Настройки кастомизации предоставляют возможность задать диапазон от и до, с установкой собственного шага. Также вы можете задать значение по умолчанию и настроить отображение числе в шкале. Это могут быть все целые числа, крайние числа или вовсе возможно скрыть все цифры на шкале.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания и подсказки.
3. В валидации доступна настройка обязательно выбора ответа в элементе.

Корзина

Данный виджет позволяет создавать мини-магазины при помощи сбора различных конфигураций внутри формы с дальнейшей отправкой уведомлений на почту, telegram или в CRM систему. Данный виджет отличается от всех остальных и имеет свои настройки.

Настройки корзины

Для перехода в настройки виджета необходимо нажать на иконку «Корзина».

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

Рассмотрим поподробнее каждую настройку.

Источник стоимости товара:

• необходимо выбрать формулу из которой будет использоваться стоимость товара при добавлении в корзину. Чаще всего, это итоговая формула на основе вычислений всех полей.

Минимальная и максимальная сумма корзины:

• позволяет установить лимит и при выполнении его возможно будет заполнить форму. Если условия не выполняются, то будет отображено сообщение с предупреждением.

Способ добавления:

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

Положение кнопки:

• позволяет настроить расположение кнопки «Добавить в корзину».

Текст на кнопке и кнопка после добавление:

• в данных полях вы можете изменить стандартный текст кнопок при первом добавлении товара и при последующих.

Расширенный настройки товара:

• при активации расширенных настроек товара, доступно изменение названия товарной позиции. В поле вы можете указать свой текст и выбрать доступные значения, которые будут использовать данные на основе заполнения.

Запоминать выбранные товары клиентом:

• если параметр будет активен, то добавленный товары будут сохранены в корзине после ухода и открытия формы через время.

Скрыть виджет:

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

Формула

Предназначен для создания расчёта на основе выбранных параметров в форме. При переходе в меню управления формулой вы можете настроить значение полей, а также изменить саму формулу для расчёта. Для перехода в настройки нажмите на иконку «Сумма».

Значения полей и формула

Поподробнее остановимся на значениях полей и формуле. Вы можете установить собственное значение полям элемента и в зависимости от выбора пользователя.

В представленном примере значение F1 используется на основе выбранной конфигурации. Если выбран будет пункт «Упрощенная», то в переменной F1 в формуле использоваться будет значение 100 и при выключенном состоянии 0. При выборе пункта «Расширенная» в переменной значение будет 200 и при выключенном 0. Значение D2 формируется на основе введенного числа пользователем и в итоге расчет формулы будет производиться путем перемножения F1 на D2.

В формулах помимо логических выражений и математических операций возможно использовать расширенные математические функции, например log(). Для этого нажмите на кнопку с функцией.

Доступные математические функции:

abs, acos, acosh, asin, asinh, atan, atanh, cbrt, ceil, cos, cosh, exp, floor, log, round, sin, sinh, sqrt, tan, tanh, trunc.

Помимо этого вы можете выключить расчет скрытых полей. Это полезно в случае если в итоговой формуле используются переменные которые скрыты с помощью логических ветвлений и не должны участвовать в расчёте.

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

   

2. В общих настройках можно скрыть элемент и название.

Текстовый ввод

Предоставляет возможность пользователю ввести свой текст.

1. В настройках кастомизации доступен параметр «Большое поле», который позволяет включить большое поле для ввода при необходимости. Также вы можете установить свой текст в подсказку поля ввода.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания и подсказки.
3. Настройки валидации позволяют включить обязательный ответ в поле, а также задать минимальное и максимальное количество символов.

Цифровой ввод

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

1. В настройках кастомизации доступен параметр «Большое поле», который позволяет включить большое поле для ввода при необходимости. Также вы можете установить свой текст в подсказку поля ввода.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания и подсказки.
3. Настройки валидации позволяют включить обязательный ответ в поле, а также задать минимальное и максимальное количество символов.

Электронная почта

Данное поле предназначено для ввода email адреса. Настройки валидации уже заданы функционально и ввести некорректный email не получится.

1. В настройках кастомизации вы можете изменить текст в подсказке поля ввода.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания и подсказки.
3. В валидации доступна настройка обязательно ввода email адреса.

Мобильный телефон

В поле предусмотрен ввод только номера телефона. Валидация при вводе происходит автоматически. Также есть возможность выбора телефонного кода страны при нажатии на иконку флага.

1. В настройках кастомизации вы можете изменить текст в подсказке поля ввода.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания и подсказки.
3. В валидации доступна настройка обязательного ввода номера телефона.

Дата и время

Данные поля предназначены для выбора даты и времени пользователем.

1. В настройках кастомизации вы можете изменить формат даты и времени, а также подсказку в поле ввода.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания и подсказки.
3. В валидации доступна настройка обязательного заполнения даты и времени.

Загрузка файлов

Предоставляет возможность пользователю загружать файл разных форматов. В элементе предусмотрена тонкая настройка загружаемых файлов. Вы можете запретить или наоборот разрешить загрузку определенных форматов файлов. В размещенном элементе нажмите на иконку «Шестеренка».

В открывшимся окне в разделе «Формат» будут отображены все категории файлов для загрузки. Для перехода в категорию необходимо нажать на неё.

Важно!

По умолчанию доступны все форматы файлов для загрузки.

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

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

Рейтинг

Данный элемент позволяет собирать обратную связь от пользователей в виде отзыва, путём выбора от трёх до десяти звёзд.

1. В настройках кастомизации возможно изменить количество отображаемых звёзд.
2. В общих настройках вы можете скрыть элемент, включить отображение названия, описания, подсказки и нумерации.
3. В валидации доступна настройка обязательного ответа в поле.

Кнопка

Помимо стандартной кнопки отправить вы можете разместить собственную кнопку. Для неё возможно задать действие при нажатии.

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

Изображение

В данный элемент вы можете разместить собственное изображение формата jpg, jpeg, png, gif и svg.

1. В дополнительных настройках элемента вы можете изменить масштаб изображение, а также изменить его положение путем перетягивания вверх или вниз.

Сообщение

В данном элементе вы можете разместить собственный текст с возможностью настройки его стилизации. Для этого выделите нужный текст.

В открывшимся окне будут представлены настройки для установки жирного начертания текста, курсива, выравнивания, ссылки в тексте, цвета и размера текста.

Код

Данный элемент служит местом для размещения своего собственного кода: html, css, javascript.
Подробнее об особенностях размещения вы можете ознакомиться в данной статье.

Важно!

Элемент доступен только в тарифе «Профи».
Подробнее на странице тарифов.