Виджет «Истории» для сайта: сторис как в Instagram на вашем сайте

Виджет «Истории» для сайта: сторис как в Instagram на вашем сайте

Кружки историй — единственный формат, который люди открывают не задумываясь: их приучили к этому Instagram, VK и Telegram. На сайте он делает то же самое: акция, новинка, кейс или отзыв в вертикальном формате на весь экран, с кнопкой «подробнее». Половина визитов на сайты сейчас с телефона — для них это родной язык, а не «ещё один баннер».

«Истории» — виджет от Rekkom, который добавляет такую ленту на любой сайт. Ниже — как выглядит, что показывать, как ставится и кому не нужен.

Как это выглядит на сайте

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

−20%
Акция недели
NEW
Новинки
До/после
Кейс
★ 4,9
Отзывы
Команда
Просмотрено

На телефоне это выглядит один в один как в привычных приложениях, на компьютере — компактная лента и окно по центру экрана.

Зачем сторис сайту

  • Акции без переделки главной. Новое предложение — новая история за пять минут, а не задача дизайнеру и программисту.
  • Показать живое. Команда, процесс, склад, объект сегодня — то, что вызывает доверие, но не помещается в «о компании».
  • Кейсы и отзывы в формате, который смотрят. «До и после» на весь экран работает лучше, чем блок с текстом в середине страницы.
  • Мобильные посетители. Им не нужно скроллить длинную страницу — три истории и кнопка.
  • Повод вернуться. Новые кружки — сигнал, что на сайте что-то происходит.

Что показывать: примеры по нишам

Бизнес Истории, которые работают
Интернет-магазин Акция недели, новинки, товар дня, «как выбрать» за три слайда, доставка и возврат
Услуги, студии, подрядчики Кейс «до и после», отзыв клиента, процесс работы, команда, цены на популярные услуги
Отель, база отдыха Номера, вид из окна сегодня, завтрак, спецпредложение на будни, как добраться
Клиника, стоматология Врачи, оборудование, подготовка к приёму, акции на профилактику, ответы на частые вопросы
Ресторан, кафе, доставка Блюдо дня, новое меню, бронь на вечер, атмосфера зала, промокод
Застройщик, недвижимость Ход строительства по месяцам, планировки, ипотечные условия, отзывы новосёлов
Салон красоты, фитнес Работы мастеров, свободные окна на завтра, абонементы, мастер месяца

Как это работает

  1. Добавляете истории. Фото или короткое видео, заголовок, текст, ссылка на кнопке.
  2. Задаёте порядок и срок. Акция живёт до пятницы, кейс — постоянно.
  3. Ставите виджет на сайт. Код вставляется в шаблон — работает на Tilda, WordPress, 1С-Битрикс, OpenCart и самописных сайтах.
  4. Смотрите, что открывают. Просмотры и клики по историям, цели в Метрике на открытие и переход — настраиваем при установке.

Чем отличается от других виджетов историй

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

Скорость. Виджет не должен ронять страницу: перед установкой и после замеряем скорость и не ставим, если сайт стал медленнее. У нас самих сайт продвигается в поиске, и мы знаем цену секунды загрузки.

Аналитика в вашей Метрике. Цели на открытие истории и клик по кнопке — в вашем счётчике, а не в чужой панели: видно, какие истории приводят к заявкам.

Рядом с ИИ-консультантом. Истории привлекают внимание, ИИ-консультант отвечает на вопросы и ловит заявку. Оба продукта — от одной команды, и мы ставим их вместе.

Тарифы и старт

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

Поставить на мой сайт

Сторис на 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.
Что входит в разработку под ключ →

Нужен проект?

Оставьте заявку, мы перезвоним вам
и обсудим ваши задачи и их решения.
Или звоните по номеру: +7 928 463 45 36
Не любите звонить — напишите в Telegram, ответим быстрее.
Выберите удобный способ связи
Изображение - получите консультацию по телефону По телефону
Изображение - получите консультацию через МАХ МАХ
Изображение - получите консультацию через telegram Telegram
Написать в MAX Написать в Telegram