Кружки историй — единственный формат, который люди открывают не задумываясь: их приучили к этому Instagram, VK и Telegram. На сайте он делает то же самое: акция, новинка, кейс или отзыв в вертикальном формате на весь экран, с кнопкой «подробнее». Половина визитов на сайты сейчас с телефона — для них это родной язык, а не «ещё один баннер».
«Истории» — виджет от Rekkom, который добавляет такую ленту на любой сайт. Ниже — как выглядит, что показывать, как ставится и кому не нужен.
Как это выглядит на сайте
Над контентом или в нужном блоке появляется лента кружков. Клик — история открывается на весь экран: фото или короткое видео, заголовок, текст, кнопка со ссылкой на товар, акцию или форму. Истории листаются свайпом, просмотренные помечаются, лента обновляется, когда вы добавили новые. Примерно так:
На телефоне это выглядит один в один как в привычных приложениях, на компьютере — компактная лента и окно по центру экрана.
Зачем сторис сайту
- Акции без переделки главной. Новое предложение — новая история за пять минут, а не задача дизайнеру и программисту.
- Показать живое. Команда, процесс, склад, объект сегодня — то, что вызывает доверие, но не помещается в «о компании».
- Кейсы и отзывы в формате, который смотрят. «До и после» на весь экран работает лучше, чем блок с текстом в середине страницы.
- Мобильные посетители. Им не нужно скроллить длинную страницу — три истории и кнопка.
- Повод вернуться. Новые кружки — сигнал, что на сайте что-то происходит.
Что показывать: примеры по нишам
| Бизнес | Истории, которые работают |
|---|---|
| Интернет-магазин | Акция недели, новинки, товар дня, «как выбрать» за три слайда, доставка и возврат |
| Услуги, студии, подрядчики | Кейс «до и после», отзыв клиента, процесс работы, команда, цены на популярные услуги |
| Отель, база отдыха | Номера, вид из окна сегодня, завтрак, спецпредложение на будни, как добраться |
| Клиника, стоматология | Врачи, оборудование, подготовка к приёму, акции на профилактику, ответы на частые вопросы |
| Ресторан, кафе, доставка | Блюдо дня, новое меню, бронь на вечер, атмосфера зала, промокод |
| Застройщик, недвижимость | Ход строительства по месяцам, планировки, ипотечные условия, отзывы новосёлов |
| Салон красоты, фитнес | Работы мастеров, свободные окна на завтра, абонементы, мастер месяца |
Как это работает
- Добавляете истории. Фото или короткое видео, заголовок, текст, ссылка на кнопке.
- Задаёте порядок и срок. Акция живёт до пятницы, кейс — постоянно.
- Ставите виджет на сайт. Код вставляется в шаблон — работает на Tilda, WordPress, 1С-Битрикс, OpenCart и самописных сайтах.
- Смотрите, что открывают. Просмотры и клики по историям, цели в Метрике на открытие и переход — настраиваем при установке.
Чем отличается от других виджетов историй
Делаем контент, а не только кнопку. Виджет без историй — пустая лента, и это главная причина, по которой сторис на сайтах умирают через месяц. Мы ставим виджет и делаем первые истории из ваших кейсов, акций и отзывов — вы видите работающую ленту, а не пустой конструктор.
Скорость. Виджет не должен ронять страницу: перед установкой и после замеряем скорость и не ставим, если сайт стал медленнее. У нас самих сайт продвигается в поиске, и мы знаем цену секунды загрузки.
Аналитика в вашей Метрике. Цели на открытие истории и клик по кнопке — в вашем счётчике, а не в чужой панели: видно, какие истории приводят к заявкам.
Рядом с ИИ-консультантом. Истории привлекают внимание, ИИ-консультант отвечает на вопросы и ловит заявку. Оба продукта — от одной команды, и мы ставим их вместе.
Тарифы и старт
Продукт запускается: первым клиентам ставим и настраиваем сами, включая первые истории. Тарифы опубликуем на этой странице после первых установок. Хотите на свой сайт — оставьте заявку ниже, напишем в тот же день и покажем, как лента будет выглядеть именно у вас.
Сторис на Tilda, WordPress и Bitrix
Виджет не зависит от платформы: на Tilda код вставляется через настройки сайта, на WordPress — в тему или через блок HTML, на Битриксе — в шаблон. Подробно для Тильды — сторис для Tilda. Все способы добавить истории на сайт, включая плагины и модули, — в статье как добавить сторис на сайт.
Честно: кому не нужен
Сайту-визитке, на котором ничего не меняется, — лента из трёх историй годовой давности выглядит хуже, чем её отсутствие. Правило простое: если вы готовы добавлять хотя бы одну историю в неделю или у вас есть пять живых постоянных — кейсы, отзывы, команда, — виджет будет работать. Если нет — лучше начать с ИИ-консультанта, ему контент не нужен.
Частые вопросы
Что такое виджет историй для сайта?
Лента кружков как в Instagram, которая ставится на сайт: клик открывает историю на весь экран — фото или видео, текст и кнопка со ссылкой. Используется для акций, новинок, кейсов, отзывов и всего, что должно быть на виду у посетителя.
На какие сайты можно поставить?
На любые: Tilda, WordPress, 1С-Битрикс, OpenCart, Webasyst, самописные. Код виджета вставляется в шаблон сайта или через блок HTML-кода конструктора.
Замедлит ли виджет сайт?
Не должен: мы замеряем скорость до и после установки и не оставляем виджет, если страница стала медленнее. Тяжёлые видео в историях сжимаем перед загрузкой.
Можно ли добавлять видео?
Да, короткие вертикальные ролики — тот же формат, что в историях соцсетей. Фото и текстовые слайды тоже.
Кто будет делать истории?
Первые — мы, из ваших кейсов, акций и отзывов, при установке. Дальше — вы сами за пять минут на историю, либо мы по договорённости в рамках поддержки.
Как понять, что истории работают?
По целям в вашей Метрике: сколько человек открыли истории и сколько перешли по кнопке. Настраиваем при установке, дальше видно в отчётах по целям.
Расчёт сайта за 24 часа — 3 варианта под ваш бюджет
Опишите задачу — пришлём 3 варианта: что войдёт, сроки и цена. Сайты — от 50 000 ₽, интернет-магазины — от 100 000 ₽.
Удобнее в мессенджере? Напишите в Telegram или позвоните +7 928 463-45-36.
Что входит в разработку под ключ →