Привычный формат на вашем сайте
Круглые обложки над каталогом и полноэкранные истории, как в Instagram и VK: покупатель открывает акцию одним нажатием, не покидая страницу.
Платформа
Разработчик
плагин
Stories for the site для Shop-Script
Акции, новинки и товары — короткими историями прямо на сайте
Показывайте акции, новинки и товары прямо в магазине в формате коротких историй: покупатель открывает обложку и видит полноэкранный контент со ссылкой на товар.
- Привычный формат историйОбложки групп, полноэкранный просмотр, текст, видео и карточки товаров.
- Публикации по расписаниюСвязывайте истории с промоакциями Shop-Script и выбирайте витрины.
- Управление из магазинаСоздавайте истории вручную или по списку товаров в разделе маркетинга.
Зачем это магазину
Истории там, где покупатель уже смотрит каталог
Акция в баннере легко теряется, а короткая история с кнопкой вовлекает. Плагин не обещает конкретных результатов: они зависят от вашего ассортимента и аудитории. Он даёт привычный формат и быстрый путь от истории к товару.
От акции — к товару
В историю можно добавить кнопку со ссылкой, карточку товара или целую подборку из списка Shop-Script: покупатель идёт к покупке в два касания.
Работает вместе с промо-акцией
Даты, включение и витрины берутся из промо-акции магазина. Нет нужды отдельно включать и выключать истории: закончилась акция — закончились и истории.
Настройка без программирования
Фон, текст, кнопки и анимация собираются в настройках. Хелпер вывода вставляется в шаблон один раз, дальше всё меняется в админке.
Выбор редакции
Какая редакция подойдёт?
Сначала выберите по своей задаче. Полные списки функций — внутри каждой карточки.
База
Истории для витрины
Подойдёт, если Нужны группы, полноэкранный просмотр и тема оформления Instagram.
Что входит в Базу
- Пользовательские (HTML) истории
- Тема Instagram
- Группы, истории и блоки содержимого
Премиум
Дополнительные темы и AMP Web Stories
Подойдёт, если Нужны другие визуальные темы, отдельные AMP-страницы и торговые метки.
Что дополнительно в Премиум
- Темы Facebook, Samokat, Vkontakte и Whatsapp
- SEO-истории в формате AMP Web Stories: отдельные страницы, которые может индексировать Google
- Торговый тег: метка товара на SEO-истории с настраиваемым положением
AMP Web Stories могут индексироваться поиском, но индексация, позиции и дополнительный трафик не гарантируются.
Наличие редакций, актуальные версии и условия покупки уточняйте в Webasyst Store.
Как это работает
Группа, истории, хелпер на сайте
Всё настраивается в «Маркетинге» внутри промо-акции. На сайте остаётся одна строка в шаблоне.
Создайте группу
Название под обложкой и сама обложка. Группа — это круг, который видит покупатель.
Добавьте истории
Вручную: фон-картинка или видео, текст, кнопка. Автоматически: по одной истории на каждый товар списка.
Вставьте хелпер в шаблон
Одна строка в шаблоне темы. Истории появятся на сайте, когда акция включена и подходят даты и витрина.
Вручную
Для акций, новостей и рассказов о магазине: вы сами собираете каждый слайд.
- Фон — изображение или видео с постером
- Блоки «Текст», «Изображение», «Кнопка» и «HTML» с анимацией появления
- Скорость, затемнение и расписание для каждой истории
Автоматически по списку товаров
Для подборок «Новинки», «Хиты», «Скидки»: укажите ID списка Shop-Script.
- На каждый товар списка создаётся история с карточкой
- Название, цена, фото и ссылка берутся из карточки товара
- Состав подборки обновляется вместе со списком товаров
Для чего использовать
Пять типичных задач магазина
Истории не заменяют баннеры и рассылки, а дополняют их: короткий формат хорошо работает для акций, новинок и сервисной информации.
Идёт распродажарезультатИстория с заголовком, скидкой и кнопкой в каталог
Тексто-графическая история: фон, крупный текст, кнопка со ссылкой на акцию.
Акции
Пришла новая коллекциярезультатГруппа «Новинки» из списка товаров
Автоматический режим: карточки товаров появляются по списку без ручной работы.
Новинки
Нужно рассказать про доставкурезультатКороткие слайды с условиями и ссылкой
Условия доставки и оплаты видны с главной страницы, а не спрятаны в разделе сайта.
Сервис
Акция действует только на одной витринерезультатИстории показываются только там
Витрины выбираются в промо-акции; на остальных сайтах хелпер ничего не выведет.
Витрины
Нужно показать историю заранеерезультатПубликация по дате и времени
Подготовьте слайды и задайте начало и окончание публикации — публиковать вручную не придётся.
Расписание
Возможности
Содержимое, расписание и оформление
Всё, что видит покупатель, настраивается в плагине. Темы Facebook, Samokat, Vkontakte, Whatsapp и SEO-истории входят в Premium.
Блоки с анимацией
Текст, картинка, кнопка и HTML-блок. У каждого — эффект появления и внешние отступы; порядок меняется перетаскиванием.
Видео и изображения
Фон — картинка или видео с постером. Файлы загружаются прямо в настройках, форматы проверяются.
Расписание и состояние
Каждую группу и историю можно включить, выключить или опубликовать по расписанию — без удаления.
Карточки товаров
Одиночный товар, коллекция или список: название, цена и фото берутся из карточки Shop-Script.
Вид ленты и тема
Расстояние, выравнивание и ширина ленты, русский или английский язык. Тема Instagram в базовой версии; ещё четыре — в Premium.
Собственный CSS
Если тема сайта мешает внешнему виду, поправьте его своими стилями в настройках — без правки файлов плагина.
Настоящий интерфейс
Как это выглядит в настройках и на витрине
Снимки сделаны в версии 2.1.2 на тестовом магазине с вымышленными товарами; картинки историй — демонстрационные иллюстрации. Нажмите на скриншот, чтобы рассмотреть детали.
Первый запуск
От установки до первой истории
Плагин устанавливается через Установщик Webasyst. Дополнительных настроек сервера не требуется.
Установите плагин через Установщик Webasyst в разделе «Плагины» Shop-Script.
Откройте «Маркетинг → Акции», создайте или выберите акцию и на вкладке «Истории» нажмите «Добавить инструмент».
Выберите тип «Пользовательские истории» и тему Instagram. Нажмите «+», добавьте группу и загрузите обложку.
Создайте историю вручную (фон и блоки) или укажите ID списка товаров, сохраните акцию и вставьте хелпер вывода в шаблон темы.
Перед установкой
Что важно знать
Требования
- Работает в приложении «Магазин» (Shop-Script) версии 8.5.0 и новее; настройки доступны в интерфейсах UI 1.3 и UI 2.0
- Версия 2.1.2 проверялась на Webasyst 4.3 и Shop-Script 12.7 (PHP 8.2)
- Интеграция с темой оформления Beautify
- Shop-Script 8.5.0 или новее и Установщик Webasyst 2.7.0 или новее
- Право изменять шаблон темы: хелпер вывода вставляется в .html-шаблон внутри тега body
- Для SEO-историй и тем Facebook, Samokat, Vkontakte, Whatsapp нужна премиум-лицензия
Ограничения
- Истории показываются, только если акция включена, её даты подходят и витрина входит в выбранные; иначе хелпер ничего не выводит.
- Смена способа создания историй в группе («Вручную» или «Автоматически на основе списка») сбрасывает уже созданные истории группы.
- В именах загружаемых файлов нельзя использовать пробелы и символы # % & { } \ < > ? / $ : @ + | =. Изображения: png, jpg, svg, webp; видео: ogv, oga, ogx, ogg, mp4, webm, mkv.
- Тип содержимого «Список товаров» доступен только в пользовательских историях, не в SEO-историях.
- «Максимальная ширина превью» ограничивает ширину всей ленты обложек: если она меньше суммарной ширины обложек, лента прокручивается.
- SEO-страницы (AMP) создаются при сохранении акции; после правок историй акцию нужно сохранить заново.
- Если страницы кеширует плагин кеширования, после изменения историй очистите кеш страниц.
Частые вопросы
Коротко о главном
Остальные ответы — в разделе «Вопросы и неполадки» руководства.
Истории не появились на сайте. Почему?
Проверьте по порядку: акция сохранена и включена; даты акции подходят; витрина входит в выбранные; группа и истории включены; хелпер вставлен в шаблон внутри тега body именно той темы, которая используется на витрине. После изменений очистите кеш.
Куда вставить хелпер вывода?
Скопируйте строку из верхней части правила «Истории» и вставьте в .html-шаблон темы внутри body, например под шапкой главной страницы или над списком товаров. Для разных наборов историй создайте разные правила: у каждого свой хелпер.
Что такое «ID списка товаров»?
Это идентификатор обычного списка товаров Shop-Script. Введите его в настройках группы — плагин создаст по одной истории на каждый товар списка. Если список не найден, плагин сообщит об ошибке.
Что меняется при смене способа создания историй?
Уже созданные истории группы сбрасываются: способ «Вручную» и способ «Автоматически на основе списка» хранят истории по-разному. Выберите способ до наполнения группы.
Чем отличаются базовая версия и Premium?
В базовой версии доступны пользовательские (HTML) истории и тема Instagram. Premium добавляет SEO-истории в формате AMP, которые может индексировать Google, и темы Facebook, Samokat, Vkontakte и Whatsapp.
Почему не загружается файл?
В имени файла нельзя использовать пробелы и символы вроде # % & ? / : + =. Переименуйте файл латиницей, например sale-spring.jpg, и проверьте формат: изображения png, jpg, svg, webp; видео ogv, oga, ogx, ogg, mp4, webm, mkv.
Помощь и инструкции
Руководство владельца магазина
Подробное руководство по версии 2.1.2: от первой группы до диагностики. Программировать не нужно.
Stories for the site для Shop-Script
Расскажите об акции историей — прямо на странице магазина
Создайте первую группу, добавьте историю и вставьте хелпер в шаблон.