Введение
Приветственное окно в зеро-блоке при первой загрузке сайта на Tilda — это эффективный способ привлечь внимание посетителей с самого начала. В этой статье мы расскажем о модификации для Tilda, которая позволит отображать приветственное окно при первой загрузке вашего сайта. С помощью нашего скрипта вы сможете настроить продолжительность его отображения. Как это работает и почему это важно для вашего сайта? Давайте разберемся.
Зачем нужно приветственное окно в зеро блоке
Первое впечатление играет ключевую роль, особенно в онлайн-среде. Приветственное окно в zero block помогает быстро привлечь внимание посетителя, создавая положительное первое впечатление и побуждая к дальнейшему взаимодействию. При этом такие окна используются достаточно редко: чаще всего пользователь сразу попадает на главную страницу сайта. Добавление приветственного окна способствует формированию лояльности у посетителей с самого начала, что, в свою очередь, значительно влияет на конверсию вашего сайта на платформе Tilda.
Приветственное окно в зеро блоке. Шаг за шагом
Для того, чтобы создать приветственное окно, вам понадобится всего лишь tilda zero block и ваша фантазия. В этом примере мы будем использовать видео фон, поверх которого будет анимированный текст:
- Создайте zero block
- Нажмите на кнопку«Редактировать блок», удалите стандартное наполнение и фоновую заливку
- В поле«WINDOW CONTAINER HEIGHT, %»пропишите цифру 100
- Нажмите на кнопку«+»и выберите«Add Video»
- В настройках видео элемента в поле«TYPE»выберите«MP4»
- В поле«VIDEO URL»вставьте ссылку на ваше видео
- Получить ссылку на любой файл можно с помощью нашего расширения для браузеров, которое загружает ваши файлы в облачное хранилище и генерирует прямые ссылки на эти файлы
- Для параметра«AUTOPLAY»выберите свойство«Autoplay»
- Для параметра«CONTROLS»выберите«Hide»
- Для параметра«OBJECT FIT»выберите«Cover»
- Видео элемент разместите в«Window Container»и задайте ему 100 процентную ширину и высоту
- Добавьте текстовые элементы и анимируйте их с помощью базовой или пошаговой анимации
- В настройках блока найдите пункт «POSITION AND OVERFLOW»
- Для параметра «POSITION» выберите «Fixed»
- В «Z-INDEX» пропишите «999999999»
- Сохраните изменения и закройте зеро блок
- Откройте настройки зеро блока и присвойте ему класс«uc-welcome-block»
- После всех блоков на странице создайте html блок «Т123» и скопируйте в него
Больше информации в нашем ТГ канале