100

О студии

Портфолио

Разработка сайтов на Tilda и Insales
ИП Алексаненкова Екатерина Павловна ИНН 644910511905

Контакты

[ Оставить заявку ]

Обсудить проект

[{"lid":"1737303479885","ls":"10","loff":"","li_parent_id":"","li_type":"nm","li_ph":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u044f ...","li_inputinrow":"y","li_inputwidth":"1_2","li_nm":"Name"},{"lid":"1737303479886","ls":"20","loff":"","li_parent_id":"","li_type":"ph","li_ph":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u044f ...","li_masktype":"a","li_maskcountry":"RU","li_req":"y","li_inputwidth":"1_2","li_nm":"Phone"},{"lid":"1737303479887","ls":"30","loff":"","li_parent_id":"","li_type":"sb","li_title":"\u0423\u0434\u043e\u0431\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u0438 ","li_variants":"Telegram\nWhatsApp","li_selfirstvar":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0441\u0432\u044f\u0437\u0438","li_req":"y","li_inputinrow":"y","li_inputwidth":"1_2","li_nm":"\u0423\u0434\u043e\u0431\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u0438 "},{"lid":"1737303479888","ls":"40","loff":"","li_parent_id":"","li_type":"sb","li_title":"\u0422\u0438\u043f \u043f\u0440\u043e\u0435\u043a\u0442\u0430","li_variants":"\u041e\u0434\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\n\u041c\u043d\u043e\u0433\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\n\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\n\u041b\u043e\u0433\u043e\u0442\u0438\u043f\n\u0411\u0440\u0435\u043d\u0434\u0431\u0443\u043a","li_selfirstvar":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0442\u0438\u043f \u043f\u0440\u043e\u0435\u043a\u0442\u0430","li_inputinrow":"y","li_inputwidth":"1_2","li_nm":"\u0422\u0438\u043f \u043f\u0440\u043e\u0435\u043a\u0442\u0430"},{"lid":"1737303479889","ls":"50","loff":"","li_parent_id":"","li_type":"ta","li_ph":"\u041d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e","li_title":"\u041a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443","li_rows":"3","li_nm":"\u041a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443"}]

Нажимая кнопку «Отправить» Вы соглашаетесь с условиями политики обработки персональных данных

[ Оставить заявку ]

Записаться на встречу

[{"lid":"1722625738960","ls":"10","loff":"","li_parent_id":"","li_type":"nm","li_ph":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u044f ...","li_inputinrow":"y","li_inputwidth":"1_2","li_nm":"Name"},{"lid":"1722625762626","ls":"20","loff":"","li_parent_id":"","li_type":"ph","li_ph":"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u044f ...","li_masktype":"a","li_maskcountry":"RU","li_req":"y","li_inputwidth":"1_2","li_nm":"Phone"},{"lid":"1722625738961","ls":"30","loff":"","li_parent_id":"","li_type":"sb","li_title":"\u0423\u0434\u043e\u0431\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u0438 ","li_variants":"Telegram\nWhatsApp","li_selfirstvar":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0441\u0432\u044f\u0437\u0438","li_req":"y","li_inputinrow":"y","li_inputwidth":"1_2","li_nm":"\u0423\u0434\u043e\u0431\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u0438 "},{"lid":"1722625818189","ls":"40","loff":"","li_parent_id":"","li_type":"sb","li_title":"\u0422\u0438\u043f \u043f\u0440\u043e\u0435\u043a\u0442\u0430","li_variants":"\u041e\u0434\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\n\u041c\u043d\u043e\u0433\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u044b\u0439 \u0441\u0430\u0439\u0442\n\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\n\u0411\u0440\u0435\u043d\u0434\u0431\u0443\u043a","li_selfirstvar":"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0442\u0438\u043f \u043f\u0440\u043e\u0435\u043a\u0442\u0430","li_inputinrow":"y","li_inputwidth":"1_2","li_nm":"\u0422\u0438\u043f \u043f\u0440\u043e\u0435\u043a\u0442\u0430"},{"lid":"1722626049987","ls":"50","loff":"","li_parent_id":"","li_type":"ta","li_ph":"\u041d\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e","li_title":"\u041a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443","li_rows":"3","li_nm":"\u041a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443"}]

Нажимая кнопку «Отправить» Вы соглашаетесь с условиями политики обработки персональных данных

Главная
/
Полезности
/
Как сделать кастомную форму в Zero Block Tilda

Кастомная форма в Zero Block Tilda

Создайте форму в блоке Zero Block

Соберите компоновку из нужных полей, располагая их в необходимом порядке.
Для каждого поля задайте имя переменной (variable name).

Меняем стандартную кнопку на свою

В настройках кнопки отправки уберите все цвета и текст, а высоту установите на 0px.

Разместите в Zero Block любой элемент (изображение, фигуру, текстовую ссылку) и пропишите для него ссылку #sendform

Добавьте на страницу блок BF204N

В его настройках укажите текст сообщения об успехе, страницу редиректа и подключите необходимые сервисы для приема данных. Обратите внимание: поля внутри этого блока не важны, так как скрипт будет использовать поля из вашей формы в Zero Block

Скопируйте код ниже

Замените ID Zero Block на свой и ID блока BF204N

Отправить форму