Время настройки: 1 минута

Кастомные формы в Zero-блоке

Позволяет создавать несколько форм со кастомным дизайном внутри Zero-блока и собирать их в единую форму отправки данных

Кастомная мультиформа в Zero-блоке

Своё окно успешной отправки данных

Дополнение

Свои условия валидации значений

Дополнение

Кастомная мультиформа в Zero‑блоке

Инструкция по установке

Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта

Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.

<script src="https://cdn.postnikovmd.com/tilda@1.5/mods.min.js"></script>

Создайте Zero-блок и добавьте в него необходимые формы

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

Если при отправке данных важно соблюдать порядок полей, расположите их в слоях в порядке возрастания: поля первой (нижней в слоях) формы будут отображаться в заявках в начале, последней (верхней) — в конце.
Подключите приемщики данных к первой форме

Для всех остальных форм подключение приемщиков не обязательно.
Скройте стандартные кнопки отправки данных и добавьте в блок свою кнопку со ссылкой #submit

Скрыть стандартные кнопки можно в настройках Zero-форм. Для этого удалите текст кнопки (caption) и задайте нулевые значения для её ширины и высоты (width: 0 и height: 0). Исключение — для форм, содержащих поля загрузки файлов, скрывать кнопку отправки не нужно.
Задайте в настройках модификации ID блока с мультиформой
Скопируйте код и вставьте его в блок T123 в конец страницы

Как это сделано?

<script>forms.init("#rec836210025")</script>
<script>forms.success("#rec836210026")</script>

Открыть пример

Настройки модификации

ID блока с мультиформой:

<!--forms.js Кастомная мультиформа в Zero-блоке. https://postnikovmd.com/mods/forms-->
<script>forms.init("#rec790000000")</script>

Скопировать код

Особенности

Работает как единая форма

Собирает все поля и приёмщики в одну форму и отправляет их вместе
Поддерживает своё окно успеха

Можно настроить для формы своё сообщение об успехе. Подробнее
Комбинируется с поп-апами

Кастомную форму можно встроить в Zero поп-ап. Подробнее