Основная функция блока:
Создание различных полей формы для последующего получения данных от посетителей сайта.
Создание различных полей формы для последующего получения данных от посетителей сайта.
Пример формы с полями:
Логика работы с полями:
Поля добавляются внутрь, как блоки. Все визуальные настройки (шрифты, цвета и т.п.) к полям будут подтягиваться автоматически при добавлении в слот формы — это значительно ускоряет настройку дизайна.
Поля добавляются внутрь, как блоки. Все визуальные настройки (шрифты, цвета и т.п.) к полям будут подтягиваться автоматически при добавлении в слот формы — это значительно ускоряет настройку дизайна.
Пример. Поле само по себе (не имеет настроек):
То же самое поле, но помещенное внутри формы. принимает её настройки и шрифт:
Типы полей:
Всего доступно 18 типов полей:
Всего доступно 18 типов полей:
Скрытое поле пригодится, когда потребуется передать какие-либо промежуточные данные, которые
не должны изменяться посетителем сайта при оформлении заявки.
не должны изменяться посетителем сайта при оформлении заявки.
Скрытое поле видно только вам в редакторе. Выглядит оно так:
А в калькуляторе можно создать формулу для расчета суммы, используя переменные полей.
Чтобы увидеть работу калькулятора в форме справа, установите в полях "Количество" и "Количество (тянучка)" какое-нибудь число, и в Калькуляторе будет указана сумма значений этих полей.
Примеры всех типов полей:
Настройки полей:
Настройки каждого из полей похожи по структуре — везде есть:
• Заголовок
• Подзаголовок — отображается рядом с полем
• Переменная — название идентификатора поля (придумываете сами). Используется для написания формулы в поле Калькулятор
• Обязательное поле — когда включено, значит форма не отправится без заполнения этого поля
• Подсказка (только в полях, где вводят текст или числа и в поле Файл) — показывается внутри поля
Настройки каждого из полей похожи по структуре — везде есть:
• Заголовок
• Подзаголовок — отображается рядом с полем
• Переменная — название идентификатора поля (придумываете сами). Используется для написания формулы в поле Калькулятор
• Обязательное поле — когда включено, значит форма не отправится без заполнения этого поля
• Подсказка (только в полях, где вводят текст или числа и в поле Файл) — показывается внутри поля
Пример поля Имя с применёнными настройками (слева):
Ниже мы разберём типы полей с бо́льшим количеством настроек:
Блок Поле формы
переключайтесь тут
• Поле для телефона:
В этом поле можно настроить маску ввода (шаблон для ввода номера телефона), чтобы клиенты заполняли это поле строго в заданном формате. Можно выбрать готовую маску или создать свою.
В параметре "Маска" выберите адаптивную маску, если вы принимаете заказы из разных стран. Каждый посетитель сайта сможет выбрать страну из списка, и маска подстроится под номера телефонов этой страны. Также вы можете выбрать страну по умолчанию, если большинство заявок на сайт приходят из одной страны.
В этом поле можно настроить маску ввода (шаблон для ввода номера телефона), чтобы клиенты заполняли это поле строго в заданном формате. Можно выбрать готовую маску или создать свою.
В параметре "Маска" выберите адаптивную маску, если вы принимаете заказы из разных стран. Каждый посетитель сайта сможет выбрать страну из списка, и маска подстроится под номера телефонов этой страны. Также вы можете выбрать страну по умолчанию, если большинство заявок на сайт приходят из одной страны.
Пример поля Текст с заданной маской + 9 (999) 999 99 99:
• Многострочный текст:
Можно выбрать количество строк, которые будут отображаться внутри поля. Максимум — 5.
Можно выбрать количество строк, которые будут отображаться внутри поля. Максимум — 5.
Пример поля Многострочный текст с 5 строками:
• Включатель (галочка):
Доступен в двух вариантах: свитч и галочка. Можно включить отметку по умолчанию.
Доступен в двух вариантах: свитч и галочка. Можно включить отметку по умолчанию.
Примеры поля Включатель с галочкой и свитчом:
• Выпадающий список:
Добавляет поле с выбором из нескольких вариантов. Порядок добавленных вариантов легко меняется перетаскиванием. Можно настроить какой вариант ответа выбран по умолчанию. Если по умолчанию ничего не выбрано — можно оставить поле пустым или добавить подсказку.
Добавляет поле с выбором из нескольких вариантов. Порядок добавленных вариантов легко меняется перетаскиванием. Можно настроить какой вариант ответа выбран по умолчанию. Если по умолчанию ничего не выбрано — можно оставить поле пустым или добавить подсказку.
Каждому из вариантов ответа можно присвоить своё значение переменной, которое пригодится для калькулятора:
Примеры поля Выпадающий список:
• Выбор из вариантов:
Настраивается так же как и Выпадающий список, но в нём может быть выбрано несколько вариантов ответа.
Настраивается так же как и Выпадающий список, но в нём может быть выбрано несколько вариантов ответа.
Пример поля Выбор из вариантов:
• Выбор из картинок:
Настраивается так же как и Выбор из вариантов, только вместо текста тут изображения. При желании к самим картинка можно добавить подписи, если включить показ названия варианта:
Настраивается так же как и Выбор из вариантов, только вместо текста тут изображения. При желании к самим картинка можно добавить подписи, если включить показ названия варианта:
Пример поля Выбор из картинок:
• Выбор из контактов:
Состоит из переключателя между мессенджерами и полем для ввода контактных данных. В этом поле можно указать до 6-ти встроенных вариантов связи:
- WhatsApp
- Viber
- Telegram
- Email
- Sms
- Телефон
У вариантов, где указывается номер телефона (все, кроме sms и email) можно настроить маску ввода.
Состоит из переключателя между мессенджерами и полем для ввода контактных данных. В этом поле можно указать до 6-ти встроенных вариантов связи:
- Viber
- Telegram
- Sms
- Телефон
У вариантов, где указывается номер телефона (все, кроме sms и email) можно настроить маску ввода.
В настройках конкретного мессенджера можно выбрать иконку и поменять текст подсказки:
Пример поля Выбор из контактов:
• Дата и время:
Поле с выпадающим календарём/часами. Можно оставить возможность выбора только даты или только времени, а ещё уточнить доступное время (прошлое/будущее/любое).
Формат даты (ДД-ММ-ГГГГ) и символ разделителя можно поменять.
Поле с выпадающим календарём/часами. Можно оставить возможность выбора только даты или только времени, а ещё уточнить доступное время (прошлое/будущее/любое).
Формат даты (ДД-ММ-ГГГГ) и символ разделителя можно поменять.
Примеры поля Дата и время:
• Свитч количество:
После включения свитча показывается выбор количества. Вы можете задать минимальное и максимальное значение, выбрать значение по умолчанию и задать шаг значений.
После включения свитча показывается выбор количества. Вы можете задать минимальное и максимальное значение, выбрать значение по умолчанию и задать шаг значений.
Пример поля Свитч количество со значением
по умолчанию — 2:
по умолчанию — 2:
• Количество и количество с тянучкой:
Настраиваются так же как и Свитч количество, только выбор числа показывается сразу.
Настраиваются так же как и Свитч количество, только выбор числа показывается сразу.
Пример поля Количество:
• Калькулятор:
Поле суммирующее значения полей.
Формула для расчёта результата:
Вводится в специальном поле. Позволяет использовать числа и стандартные математические операции: сложение +, вычитание -, умножение *, деление /.
Для использования ответов клиента из других полей: используйте названия Переменных этих полей.
Пример: Мы хотим посчитать сколько денег необходимо будет потратить на проведение банкета. Для этого нам нужно умножить количество человек на сумму, которую готов потратить заказчик на 1 гостя и прибавить 5000 руб. за аренду банкетного зала. Каждому из полей присвоим значения переменной:
Сколько человек — people
Бюджет на человека — money
В итоге у нас получится формула peope*money+5000.
Эту формулу необходимо будет указать в настройках поля Калькулятор.
Поле суммирующее значения полей.
Формула для расчёта результата:
Вводится в специальном поле. Позволяет использовать числа и стандартные математические операции: сложение +, вычитание -, умножение *, деление /.
Для использования ответов клиента из других полей: используйте названия Переменных этих полей.
Пример: Мы хотим посчитать сколько денег необходимо будет потратить на проведение банкета. Для этого нам нужно умножить количество человек на сумму, которую готов потратить заказчик на 1 гостя и прибавить 5000 руб. за аренду банкетного зала. Каждому из полей присвоим значения переменной:
Сколько человек — people
Бюджет на человека — money
В итоге у нас получится формула peope*money+5000.
Эту формулу необходимо будет указать в настройках поля Калькулятор.
Пример работы Калькулятора:
• Скрытое:
Пригодится, когда потребуется передать какие-либо промежуточные данные, которые не должны изменяться посетителем сайта при оформлении заявки.
Например, можно передавать название страницы, с которой была оформлена заявка в форме. В нашем примере это page_banketi.
Пригодится, когда потребуется передать какие-либо промежуточные данные, которые не должны изменяться посетителем сайта при оформлении заявки.
Например, можно передавать название страницы, с которой была оформлена заявка в форме. В нашем примере это page_banketi.
Как выглядит скрытое поле в редакторе:
Как будет выглядеть информация по заявке:
