Tilda PublishingПодписка

Приветственное окно в зеро блоке при загрузке тильда сайта

Введение

Приветственное окно в зеро блоке при загрузке Tilda сайта – это инновационный способ привлечения внимания посетителей с самого первого момента. В этой статье мы поделимся с вами модификацией для тильды, которая будет показывать приветственное окно вашим посетителям при первой загрузке вашего сайта. Благодаря нашему скрипту вы сможете настроить время, в течение которого будет показываться приветственное окно. Как это работает, и почему это важно для вашего веб-ресурса? Давайте разберемся.

Зачем нужно приветственное окно в зеро блоке

Первое впечатление имеет огромное значение, особенно в виртуальном мире. Приветственное окно в zero block помогает создать положительное впечатление, мгновенно заинтересовывая посетителя и подталкивая к дальнейшему взаимодействию. Кроме того, приветственные окна используются очень редко. В большинстве случаев пользователь сразу попадает на главную страницу сайта. Наличие приветственного окна сделает вашего посетителя лояльным изначально, что сильно повлияет на конверсию вашего тильда сайта.

Приветственное окно в зеро блоке. Шаг за шагом

Приветственное окно в зеро блоке

Для того, чтобы создать приветственное окно, вам понадобится всего лишь tilda zero block и ваша фантазия. В этом примере мы будем использовать видео фон, поверх которого будет анимированный текст:

  1. Создайте zero block
  2. Нажмите на кнопку «Редактировать блок», удалите стандартное наполнение и фоновую заливку
  3. В поле «WINDOW CONTAINER HEIGHT, %» пропишите цифру 100
  4. Нажмите на кнопку «+» и выберите «Add Video»
  5. В настройках видео элемента в поле «TYPE» выберите «MP4»
  6. В поле «VIDEO URL» вставьте ссылку на ваше видео
  7. Получить ссылку на любой файл можно с помощью нашего расширения для браузеров, которое загружает ваши файлы в облачное хранилище и генерирует прямые ссылки на эти файлы
  8. Для параметра «AUTOPLAY» выберите свойство «Autoplay»
  9. Для параметра «CONTROLS» выберите «Hide»
  10. Для параметра «OBJECT FIT» выберите «Cover»
  11. Добавьте текстовые элементы и анимируйте их с помощью базовой или пошаговой анимации
  12. В настройках блока найдите пункт «POSITION AND OVERFLOW»
  13. Для параметра «POSITION» выберите «Fixed»
  14. В «Z-INDEX» пропишите «999999999»
  15. Сохраните изменения и закройте зеро блок
  16. Откройте настройки зеро блока и присвойте ему класс «uc-welcome-block»
  17. После всех блоков на странице создайте html блок «Т123» и скопируйте в него код модификации:

Модификация для создания приветственного окна в Tilda zero block

Код доступен только тем, кто зарегистрировался и оплатил подписку
Подписка стоит 400 руб./мес. или 1500 руб. в год
Покупая подписку, ты получаешь:

– доступ ко всем уникальным модификациям
– отключение всей рекламы на сайте
– неограниченный размер загружаемых файлов в LF Cloud

Оформить подписку

Заключение

Приветственные окна на Тильде – это не просто декорация, а мощный инструмент для привлечения, удержания внимания и улучшения пользовательского опыта. Их внедрение может стать ключевым шагом к успеху вашего онлайн-проекта.

Часто задаваемые вопросы

  1. Какова основная цель приветственного окна?
    • Привлечение внимания посетителей и создание положительного первого впечатления.
  2. Могу ли я настроить приветственное окно без технических навыков?
    • Да, настройка приветственного окна на Тильде довольно проста и доступна даже без специальных знаний.
  3. Как приветственное окно влияет на SEO-позиции сайта?
    • Приветственные окна могут улучшить взаимодействие с сайтом, что может положительно сказаться на его позициях в поисковых системах.
  4. Как часто следует обновлять приветственное окно?
    • Регулярное тестирование и обновление приветственного окна помогут поддерживать его эффективность и актуальность.
  5. Могут ли приветственные окна повлиять на конверсию?
    • Да, правильно спроектированное и настроенное приветственное окно может увеличить конверсию и удержание аудитории на сайте.

Смотрите обучающие видео уроки по Тильде тут

Читайте также: Пагинация в Tilda

Добавить комментарий