Быстрый старт: первые истории за 10 минут

Что понадобится

• Магазин на Webasyst Shop-Script 8.5.0 или новее и Установщик Webasyst 2.7.0 или новее. Плагин 2.1.2 проверялся на Webasyst 4.3 и Shop-Script 12.7 (PHP 8.2).
• Доступ к шаблонам темы оформления: хелпер вывода вставляется в .html-шаблон.
• Для начала — одна картинка-обложка 200–300 px и одна картинка-фон для истории (рекомендуется 370×645 px).

Шаг 1. Установите плагин

Установите «Истории (сторис) для сайта» через Установщик Webasyst. Отдельного раздела настроек в «Плагинах» нет: всё находится в «Маркетинге».

Шаг 2. Откройте акцию

Перейдите в «Магазин → Маркетинг → Акции». Создайте новую акцию или откройте существующую. Убедитесь, что акция включена (статус «Активна») и что её даты и витрины вам подходят — подробнее в главе Показ на сайте.

Откройте вкладку «Истории» и нажмите «Добавить инструмент». Появится правило «Истории» с готовым хелпером вывода.

Шаг 3. Общие настройки

• Тип историй — выберите «Пользовательские истории».
• Тема историй — «Instagram».
• Язык — «ru».

В блоке «Настройки превью» оставьте значения по умолчанию или задайте расстояние между обложками, например 12 px. Подробности — в главе Общие настройки и превью.

Шаг 4. Добавьте группу

Нажмите круглую кнопку «+». Появится группа: нажмите «Редактировать», введите «Заголовок» (название под обложкой) и загрузите «Изображение» — обложку.

Шаг 5. Создайте первую историю

В поле «Создание историй» выберите «Вручную» и нажмите «Создать историю». Нажмите шестерёнку напротив новой строки и заполните:

1. Имя — например, «Скидки до 30%».
2. Тип медиа-истории — «Изображение» и загрузите фон.
3. Тип контента — «Тексто-графический»; добавьте блоки «Текст» и «Кнопка».

Нажмите «Назад», затем «Сохранить» внизу страницы акции. Подробности — в главе Истории и содержимое.

Шаг 6. Вставьте хелпер в шаблон

Скопируйте строку из жёлтого блока «Хелпер вывода»:

{shopSitestoriesPlugin::storiesDisplay('id64f3a8c1d2e5b')}

(у вас будет свой идентификатор). Вставьте её в шаблон темы внутри тега body, например под шапкой главной страницы, и сохраните шаблон. Проверьте витрину: над каталогом появятся круглые обложки, а нажатие откроет историю.

Если обложек нет, перейдите к главе Вопросы и неполадки.