Loading...
Nolim Academy
Расширение
Онлайн-чат
Академия
Расширение
Техподдержка
Расширение
Онлайн-чат
Nolim Academy
Модификации
Профиль
Подписка
Партнерская программа

Как сделать пошаговую форму в ZERO BLOCK?

С помощью нашего скрипта ты можешь собрать пошаговую форму
в Zero Block Tilda, использовав различные поля и свои кнопки
Время настройки: 3 минуты
Генератор кода
Видео инструкция
Пример
Инструкция (Развернуть↓)
Рекомендуем посмотреть видео инструкцию перед настройкой пошаговой формы, так как есть большое количество технических нюансов!

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

2. У каждого поля заполни переменную (variable name), в настройках Кнопки (button) удали все цвета, текст, а высоту поставь 0px;

3. Если нужно укажите «Обязательно для заполнения (Required)» и пока поле не будет заполнено, нельзя будет перейти к следующему шагу;

4. Добавь на страницу блок BF204N и подключи к ней сервисы приема данных, которые нужны; Поля в блоке BF204N не нужно настраивать. Скрипт возьмет автоматически их из зеро блоков;

5. Копируй id зеро блока, в которой находится форма вставь в генератор, и так же копируй id блока BF204N;

6. В генераторе укажи список id зеро блоков, внутри которой есть поля, через запятую #rec0001,#rec0002;

7. К кнопкам которые выполняют роль переключения между шагами «Назад» и «Далее» указываем классы к ним такие же, как и в генераторе;

Что бы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираем из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываем тот же класс, что и в генераторе.

8. На финальном зеро блоке создай свою кнопку «Отправить» (картинка, шейп, кнопка, текст) и укажи ей ссылку, такую же, как и в генераторе #quizsend;

9. Если в зеро блоках есть sbs анимация, то выберите настройку проигрывать повторно или один раз;

10. Выбери, что будет происходить при наличии обязательных полей;

11. Выбери действие, что будет происходить после отправки формы;

12. Если хочешь автоматизировать прогресс бар, то настрой его;

13. Добавь блок Т123 и вставь в него сгенерированный HTML код;

Имей в виду:

  • Если на странице есть несколько кастомных пошаговых форм, то у каждой такой формы должен быть свой блок BF204N и своя уникальная ссылка на кнопку отправки #quizsend1, #quizsend2 и т.д.;
  • Что бы всплывающие подсказки "Обязательное поле" не появлялись под другими полями, проверьте очередность слоёв элементов внутри зеро блока;
  • Не нужно подключать приемщики данных к каждому полю внутри зеро блока. Их нужно подключать к стандартной форме BF204N;
  • Если языки ошибок внутри форм не совпадает с языком сайта, проверьте настройки: Язык ошибок в формах и Настройках сайта → Ещё → Язык сайта;
  • Данная модификация не работает в связке с полем калькулятор и корзиной;
Введите id зеро блока
Введите id BF204N блока
Введите ссылку для кнопки
Введите приписку к названиям полей
Код доступен только тем, кто оплатил подписку
Подписка стоит 400р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Опросник врача-диетолога
Анкету рекомендуется заполнить
по возможности тщательно и подробно.
Вес в настоящий момент (кг)
Дата рождения
Почему Вы решили худеть?
Пол
готово
0
Опросник врача-диетолога
Возраст
Статус в браке
Есть ли у вас дети?
В последние 1,5 года вы стали больше или меньше времени уделять приготовлению пищи дома?
готово
0
Вы пользуетесь доставкой готовой еды?
Опросник врача-диетолога
Выберете удобный способ связи
Спасибо, за ответы. Пожалуйста, укажите свои контактные данные.
Имя
готово
0
Укажите телефон, по которому вам будет удобно ознакомиться
с результатами опроса
спасибо, за ответы
Данные успешно отправлены
готово
100%
name Cпасибо! Мы свяжемся с Вами
по указанному номеру phone
Email
Name
Phone
Comments
Made on
Tilda