Найти тему

Как создать popup окно из ZeroBlock для Tilda

Добро пожаловать в Tildach. Сегодня я научу тебя делать PopUp окно из ZeroBlock'a.

Сначала создаем ZeroBlock.

Затем создаем PopUp блок BF503, можно найти в поиске или в разделе Форма и кнопка. В настройках этого блока ставим ширину 100%.

-2

В ZeroBlock добавляем кнопку.

-3

Присваиваем ей ссылку вашего PopUp'a.

Код PopUp блока.
Код PopUp блока.

Вписывать эту ссылку в кнопку. Нажимаем на нее и находим поле URL.

-5

Создаем еще один ZeroBlock. Это будет основа нашего PopUp'a.

Давайте немного стилизуем попап. Сделаем ZeroBlock прозрачным, добавим Shape и Форму.

-6

Добавляем блок с HTML кодом. Находим его в разделе другое, блок T123. Вставляем туда код.

Ссылка на код - tildach.ru

Меняем ID блоков на наши. ID ZeroBlock'a тот в котором делали PopUp.

Id блока можно найти, просто зайдя в настройки нужного блока и пролистав в самый низ.

-7

-8

В итоге получаем готовый PopUp, который можем стилизовать как угодно.

-9

На этом все, спасибо всем, кто дочитал до конца.

Пишите в комментариях, какие фишки вы хотите увидеть.