Добавьте на страницу стандартный блок BF503 (Popup: Information) и присвойте ему класс .uc-popup
Если вы планируете использовать несколько поп-апов на странице, задайте им разные названия классов, например, .uc-popup1, .uc-popup2 и т.д.
3
Добавьте на страницу Zero-блок с формой обратной связи, присвойте ему такой же класс и задайте его высоту в 100% экрана
Если вы хотите создать своё сообщение об успешной отправке данных, добавьте ещё один Zero-блок с таким же классом и расположите его после формы
4
Задайте ссылку для открытия поп-апа в настройках стандартного блока, а в Zero-блоке – поставьте ссылку #close для кнопок его закрытия
5
Скройте стандартную кнопку отправки данных в настройках формы и добавьте в блок свою кнопку со ссылкой #submit
6
Задайте в настройках модификации параметры анимации поп-апа
В сообщение об успешной отправке данных можно добавить lottie-анимацию. Для этого создайте в блоке шейп с классом .lottie, куда будет загружаться анимация и задайте в генераторе кода ссылку на файл с анимацией
7
Скопируйте код и вставьте его в блок T123 в конец страницы
selector;Класс блоков с поп-апом и его содержимым;string;-
params.close;Ссылка для кнопок закрытия поп-апа;string;'#close'
params.submit;Ссылка для кнопки отправки формы;string;'#submit'
params.prev;Ссылка для переключения назад;string;'#prev'
params.next;Ссылка для переключения вперёд;string;'#next'
params.animation;Анимация появления поп-апа;string;'fade'
params.transition;Скорость анимации;number;300
params.easing;Функция перехода для анимации;string;'ease-in-out'
params.lottie.selector;Класс шейпа для загрузки Lottie;string;'.lottie'
params.lottie.url;Ссылка на файл с Lottie-анимацией;string;-
params.lottie.speed;Скорость Lottie-анимации;number;1
Модификации для Zero
Оцените сервис
Нравится 100+ человек
Присоединяйтесь ко мне в Telegram-канале!
Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку
t.me/postnikovmds
Можете меня поблагодарить
Если у вас есть желание поблагодарить автора за работу, можете пожертвовать любую сумму на развитие проекта
Присоединяйтесь ко мне в Telegram-канале!
Чтобы узнавать о новых модификациях и получать оперативную тех. поддержку