ПОПАПЫ / АНИМАЦИЯ / TILDA
Приветственное окно
Показывает приветственный Zero Block один раз за сессию и плавно скрывает его.
Живой пример
Что делает модификация
Показывает приветственный Zero Block один раз за сессию и плавно скрывает его.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Класс приветственного блока | Выберите значение в интерфейсе личного кабинета. |
| Длительность показа, ms | Параметр 500–60000 |
| Скорость скрытия, ms | Параметр 0–10000 |
| Ключ сессии | Выберите значение в интерфейсе личного кабинета. |
Пошаговая установка
- Создайте приветствиеСоздайте Zero Block с классом uc-welcome-block. Добавьте нужный контент; для окна поверх страницы используйте Fixed и Window Container. WINDOW CONTAINER HEIGHT — 100%, Z-INDEX — 999999999. Если используете MP4, загрузите его в LF Drive, вставьте прямую ссылку в Video URL, выберите Autoplay, Hide controls, Cover и размеры 100% в Window Container.
- Задайте времяВ кабинете укажите длительность показа и время исчезновения. Ключ сессии позволяет независимо управлять разными окнами.
- Проверьте повторный входОкно появляется один раз за сессию вкладки. Обновление страницы в той же сессии не показывает его снова.
- Получите готовый кодВ личном кабинете выберите параметры, нажмите «Сгенерировать код» и вставьте результат в T123 после подготовленных блоков. Опубликуйте страницу и проверьте на компьютере и телефоне.
Важно
Эффект проверяется на опубликованной странице. Используйте классы из инструкции и устанавливайте одну копию обработчика.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в личном кабинете. Выберите параметры и сгенерируйте готовый код без ручного редактирования.
Почему эффект не виден в редакторе?
Скрипт выполняется на опубликованной странице. Проверьте классы, тип блока и положение кода.
Пример отправляет данные?
Нет. Живой пример показывает интерфейс и механику. На вашем сайте используются подготовленные элементы Tilda.