Как сделать свою форму в Зеро блоке на Тильде? ​

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

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

3. Создай свою кнопку (картинка, шейп, кнопка, текст) в зеро блоке и укажи ей ссылку, такую же как и в генераторе #sendform (поле «Введите ссылку для элемента из блока»);

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

5. Настрой внешний вид всплывающего попапа с сообщением об успешной отправке формы (Цвет фона окна, Цвет заголовка, Цвет текста, Цвет иконки, Цвет галочки в иконке, Цвет фона кнопки, Цвет текста кнопки, Цвет крестика для закрытия окна).

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

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

Имей в виду:

• Если форма не работает, отключите обязательное заполнение полей в блоке BF204N. Обязательные поля в зероблоке можно оставить включёнными.
• Если на странице есть несколько кастомных форм, то у каждой такой формы должен быть обязательно свой блок BF204N и своя уникальная ссылка на кнопку отправки #sendform1, #sendform2 и т. д.;
• Если кнопка отправки формы не срабатывает, отключи в профиле Tilda опцию «Участвовать в тестировании новых функций»;
• Если форма отправляется при незаполненных обязательных полях, отключи тестирование новых функций в профиле Тильды;
• Чтобы всплывающие подсказки «Обязательное поле» не появлялись под другими полями, проверь очередность слоёв элементов внутри зеро блока;
• Не нужно подключать приемщики данных к каждому полю внутри зеро блока. Их нужно подключать к стандартной форме BF204N;
• Если языки ошибок внутри форм не совпадает с языком сайта, проверьте настройки: Язык ошибок в формах и Настройках сайта → Ещё → Язык сайта;
• Данная модификация не работает в связке с полем калькулятор и корзиной;
• Пошаговую форму можно сделать с помощью модификации NLM080, в данной модификации такой возможности нет;
• Если вы используете модификацию вместе с модификацией NLM020, и если зероблок с формой на телефоне длиннее по высоте, чем экран, вам нужно в настройках блока установить overflow-y на auto.
• Если на устройствах с iOS форма при заполнении приближается и это мешает восприятию контента, в head сайта добавь код:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no, shrink-to-fit=no" />

Инструкция по автозакрытию поп-апа после отправки формы:

• Если поп-ап с модификацией NLM020 — добавьте кнопке отправки класс закрытия, как указано в настройках NLM020.
• Если поп-ап с блоком T1093 — установите для кнопки отправки формы ссылку #closepopup.
• Важно: в обоих случаях поп-ап закроется сразу после нажатия кнопки, даже если форма не заполнена.