Как сделать Instagram истории в Tilda. Instagram stories в Тильде
Введение
Instagram истории стали незаменимой частью маркетинговой стратегии в социальных медиа. Однако, чтобы привлекать внимание аудитории и добиваться максимального вовлечения, важно создавать качественные и привлекательные истории не только в социальных сетях, но и на своих сайтах. И здесь на помощь приходит Tilda в связке с нашим кодом. В этой статье мы подробно рассмотрим, как сделать Instagram истории в Tilda, используя zero block, галерею GL27 и нашу тильда модификацию.
Как создать Instagram истории в Tilda

Чтобы начать создавать свои Instagram истории в Tilda, следуйте инструкции:
- Перейдите в Настройки сайта – Еще и активируйте пункт Подлкючить jQuery на страницах сайта. После этого опубликуйте все страницы вашего сайта
- Создайте zero block
- Очистите содержимое блока и уменьшите его высоту
- Нажмите на кнопку +»и выберите Add Shape
- В настройках shape в пункте SHAPE выберите Circle из выпадающего списка
- Удалите фоновую заливку shape
- Нажмите правой кнопкой мыши на shape и выберите Add CSS Class Name
- В появившемся поле пропишите класс stories1
- Нажмите на кнопку Upload file и загрузите иконку для ваших историй
- Если нужен второй такой элемент, создайте его, как и первый, и присвойте класс stories2 (третьему элементу stories3 и так далее)
- Сохраните изменения и закройте zero block
Мы создали зеро блок, в котором содержатся шейпы с иконками в качестве кнопкок. Эти кнопки будут отркывать окна с историями. Перейдем к созданию самих историй:
- Добавьте блок GL27 из категории Галерея
- Добавляйте и изменяйте истории в этом блоке по своему усмотрению
- В настройках блока присвойте ему класс uc-st-slide1 (для второго блока uc-st-slide2, для третьего uc-st-slide3 и так далее)
- После всех блоков на странице добавьте HTML блок Т123
- Нажмите на кнопку Контент, скопируйте в него код модификации и опубликуйте страницу
Модификация для создания instagram историй в Тильде
Код доступен в базовой подписке
Базовая подписка стоит 550 ₽ в месяц или 3 300 ₽ в год
- +87 модификаций
- Обновление модификаций
- 150 МБ пространства в LF Cloud
- Поддержка по будням
При нажатии на stories1 будет показываться блок uc-st-slide1, при нажатии на stories2 откроется блок с классом uc-st-slide2 и т.д.Истории корректно отображаются как на десктопе, так и на мобильных.
Истории в Tilda как в Instagram: создание интерактивных контента
Чтобы сделать ваши истории в Tilda еще более привлекательными, вы можете использовать различные элементы интерактивности. Например, вы можете добавить вопросы или кнопки “Подписаться” прямо в свои истории. Это позволит вам взаимодействовать с вашей аудиторией и собирать полезную обратную связь.
Заключение
Создание Instagram историй в Tilda с использованием zero block предоставляет вам уникальную возможность привлекать аудиторию на свой веб-сайт и продвигать ваш бренд. Следуя рекомендациям по SEO оптимизации и создавая интерактивный контент, вы сможете добиться максимальной эффективности от ваших историй в Tilda, подобно тому, как это делается в Instagram.
Смотрите обучающие видео уроки по Тильде тут
Читайте также: Автоматический скролл слайдер