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

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

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

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

Инструкция по установке
  • Cкопируйте код ниже и вставьте его внутрь <head> в настройках сайта
    Этот скрипт устанавливается только один раз и помогает модификациям работать. Если он уже стоит у вас на сайте, добавлять его снова не нужно, просто пропустите этот шаг.
<script src="https://cdn.postnikovmd.com/tilda@1.4/mods.min.js"></script>
Скопировать код
Код скопирован!
Синхронизация обновлений включена. Новые версии и исправления будут устанавливаться автоматически.
Синхронизация обновлений отключена. Текущая версия останется неизменной, независимо от обновлений.
  • Создайте Zero-блок и добавьте в него необходимые формы
    Они могут состоять из любого количества полей и быть расположены в любом месте внутри Zero-блока. Полю, в которое нужно выводить результат вычислений, задайте тип Calculator.
  • Скройте стандартные кнопки отправки данных и добавьте в блок свою кнопку со ссылкой #submit
    Скрыть стандартные кнопки можно в настройках Zero-форм. Для этого удалите текст кнопки (caption) и задайте нулевые значения для её ширины и высоты (width: 0 и height: 0)
  • Задайте в настройках модификации ID блока с мультиформой
  • Скопируйте код и вставьте его в блок T123 в конец страницы
Как это сделано?
<script>forms.init("#rec871851772")</script>
<script>forms.success("#rec871851773")</script>
Настройки модификации
Настройки модификации
ID блока с мультиформой:
<!--forms.js Калькулятор в мультиформе Zero-блока. https://postnikovmd.com/mods/forms/calculator-->
<script>forms.init("#rec790000000")</script>
Скопировать код
Скопировать код
Код скопирован!
Особенности
  • Работает как единая форма
    Собирает все поля и приёмщики в одну форму и отправляет их вместе
  • Можно настроить для формы своё сообщение об успехе. Подробнее
  • Кастомную форму можно встроить в Zero поп-ап. Подробнее

Документация

Элементы
Параметры
Добавьте параметр ?showerrors в конец ссылки, чтобы увидеть ошибки и рекомендации по их исправлению
Если при установке что-то пошло не так
Чат для дизайнеров
Вместе всё получится
3 000+ человек
Присоединяйтесь к авторскому Telegram-каналу!
Всё о возможностях библиотеки, новых модификациях и тех. поддержке
t.me/postnikovmds
Понравились модификации?
Можете отправить любую сумму, чтобы поблагодарить автора за работу. Вам плюсик в карму, а мне приятно!
Присоединяйтесь ко мне в Telegram-канале!
Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку
t.me/postnikovmds
 
LinkedIn
Behance
Максим Постников
© 2025 Максим Постников. Все права защищены.
Ru
En
Столкнулись с ошибкой?
Расскажите подробнее о проблеме, при которой модификация не работает или работает неправильно
Хотите получить ответ по проблеме? Напишите напрямую на почту hello@postnikovmd.com или в Telegram
Хотите получить ответ по проблеме? Напишите напрямую на на почту или в Telegram
Расскажите подробнее о проблеме, при которой модификация работает неправильно
Сообщение отправлено
Спасибо за обращение! Мы провалидируем ошибку и исправим её в ближайшее время
Поделитесь впечатлениями
Нравятся модификации?
Расскажите про опыт ваш работы с модификациями — обратная связь поможет сделать их ещё лучше!
Расскажите про ваш опыт работы с ними — обратная связь поможет сделать их лучше!
Сообщение отправлено
Спасибо, что делитесь с нами! Это помогает нам развиваться и улучшать сервис
Максим Постников | Дизайн...
Отключение автоскейла для для отдельных браузеров/устройств
27
20 фев в 12:00
120