Сторис в Тильде

Сторис в Тильде — это эффективный инструмент для привлечения и удержания внимания аудитории. Это краткие интерактивные элементы, которые можно добавлять на сайт. Они напоминают сторис из социальных сетей, например, Instagram или Facebook, но предлагают более широкие возможности для настройки. Сторис в Тильде могут включать текст, изображения, видео и анимации, что позволяет представить информацию в интересной и динамичной форме.

Чтобы создать сторис в Тильде, вам нужно выполнить несколько простых шагов:

- Создайте в зеро блоке любой элемент, которому можно присвоить класс и привязать URL ссылку, например shape

- Нажмите правой кнопкой мыши по этому элементу, выберите «Add CSS Class Name» и пропишите класс «show-stories»

- Откройте URL вкладку этого элемента и пропишите любую ссылку, например #stories

- Создайте зеро блок, удалите из него все элементы и фоновый цвет

- В поле «GRID CONTAINER HEIGHT, PX» пропишите цифру 1

- Сохраните изменения и закройте блок

- Откройте настройки этого зеро блока, нажмите на «BLOCK CSS CLASS NAME», в появившемся поле пропишите «uc-st-wrapper»

- После этого создайте еще один пустой зеро блок без фонового цвета

- Этому зеро блоку в «BLOCK CSS CLASS NAME», присвойте класс «uc-st-container»

- Теперь создайте третий зеро блок и присвойте ему класс «uc-story»

- Этот зеро блок будет первым сторис, в него можно загружать вертикальные видео и любой другой контент

- Чтобы загрузить видео, нажмите на кнопку «+» и выберите «Add Video»

- Нажмите на видео элемент, в поле «TYPE» выберите «МР4»

- В поле «URL» скопируйте ссылку на ваш видео файл

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

- В поле «AUTOPLAY» выберите «Autoplay»

- В поле «CONTROLS» выберите «Hide»

- В поле «OBJECT FIT» выберите «Cover»

- Нажмите правой кнопкой мыши по видео, выберите «Add CSS Class Name» и пропишите класс «video»

- Нажмите на «+container»,в поле «CONTAINER» выберите «Window Container»

- В «AXIS X» и «AXIS Y» выберите «Center»

- Для всех экранов шириной от 480px видео элемент можете расположить по своему усмотрению и настроить нужные вам размеры

- для экранов от 320 до 480px у видео должна быть 100 процентная ширина и высота (W-100%, H-100%)

Вы создали первый сторис в тильде. Теперь можете дублировать этот блок столько раз, сколько сторис вам необходимо сделать и просто менять ссылки у видео элементов.

Таким же образом, вместо видео элементов вы можете создавать сторис из абсолютного любых элементов, будь то шейп, текст, кнопки, ссылки и т.д. Общий принцип создания таких сторис схож с созданием видео сторис, только класс «video» уже присваивать не нужно.

После того, как создадите все ваши сторис, выполните следующие шаги:

- Добавьте блок «Т1093» под названием «Popup: Zero Block в попапе»

- Нажмите на кнопку «Контент», в поле «ID Нулевого блока» выберите самый первый пустой зеро блок с высотой в 1px

- В поле «Ссылка на pop-up» пропишите ссылку, которую вы присвоили кнопке открытия сторис. В нашем случае это #stories

- Откройте настройки пустого зеро блока с классом «uc-st-wrapper» и удалите его верхний и нижний отступы

- Добавьте HTML блок «Т123», нажмите на кнопку «Контент», скопируйте в него код модификации, сохраните изменения и опубликуйте страницу

На версии сайта для ПК сторис можно переключать с помощью стрелок, кликом по краям окна браузера или автоматически, когда видео доходит до конца.Кнопки для переключения можно настроить или скрыть через модификацию кода.На мобильных устройствах переключение осуществляется нажатием на края экрана, свайпом или автоматически.Для закрытия окна со сторис достаточно провести пальцем вниз.

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

Сторис на Тильде — это не просто способ добавить привлекательную графику на сайт, а мощный маркетинговый инструмент для повышения вовлеченности и улучшения конверсии. Они позволяют представить историю вашего бренда или продукта в захватывающей и визуально интересной форме, что помогает установить эмоциональную связь с клиентами.Кроме того, сторис на Тильде позволяют выделиться среди конкурентов. В условиях, когда многие компании используют одинаковые шаблоны и дизайны, уникальные и креативные сторис могут стать вашим значительным конкурентным преимуществом.

Получить код модификации