Как сделать свою кнопку для формы Zero Block на Tilda?

С помощью этой модификации можно заменить стандартную кнопку в форме Zero Block на свою кастомную.

Номер модификации в библиотеке TiCode

Модификация обновлена. Добавлена поддержка popup форм на базе кода и блока Т1093. При клике на кнопку, popup больше не закрывает если данные не были введены. При отправке формы в попап не пропадает окно "Спасибо"

Модификация работает с включенным Autoscale в блоках

Модификация работает только с Zero Block

Генератор кода

поделиться модификацией

id блока с формой

Клас для кнопки

войти

Войдите в аккаунт чтобы получить доступ к генератору кода

регистрация

<script> $(document).ready(function() { $('.send').click(function(e) { e.preventDefault(); $("#rec449226358 .tn-atom__form form .t-submit").trigger('click'); }); }); </script> <style> .send { cursor: pointer; } </style>

КОПИРОВАТЬ КОД

Для нормальной работы модификации необходимо включить библиотеку jQuery.
Как включить: Настройки сайта -> Еще -> Подключить jQuery на страницах сайта

1. Создаем форму в Zero Block. Удаляем надпись с кнопки и ставим размеры кнопки (высота:0, ширина:0);

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

3. Копируем id Zero Block в котором находиться форма и вставляем в наш генератор кода;

4. Копируем готовый код из генератора и вставлем html блок T123.

Примечание! Если на одной странице несколько форм, то для каждой кнопки должен быть свой уникальный класс

Отправить заявку

Это может быть ваша кастомная кнопка которая будет отправлять заявку с формы

Форма