NS Stories — сторисы для вашего сайта

Истории в привычном формате соцсетей прямо на сайте: подборки товаров, акции и видео, а купить товар можно, не выходя из истории.

Покупатели привыкли листать сторисы. NS Stories переносит этот формат на ваш сайт. Вы собираете историю из слайдов с баннерами, видео и товарами WooCommerce, а плагин показывает ее полноэкранным просмотрщиком и считает, что реально работает.

Возможности

Истории и слайды

1. Три типа слайдов: товар, баннер с любой ссылкой и видео (MP4 или WebM из медиабиблиотеки).
2. Порядок слайдов меняется перетаскиванием, слайд можно продублировать.
3. Расписание показа: история сама появится и скроется в нужные даты, например к началу и концу распродажи.
4. Группы историй: отметьте истории группой и вставьте шорткод группы. Так на главной, в каталоге и в блоге показываются разные истории.

Покупка из истории (WooCommerce)

1. Карточка товара внизу слайда: фото, название, цена и старая цена. Данные берутся из каталога, а не хранятся копией, поэтому всегда актуальны.
2. Кнопка «В корзину» добавляет товар без перехода на другую страницу и обновляет мини-корзину.
3. Если у товара есть варианты (размер, цвет), вместо кнопки корзины появляется «Перейти» на страницу товара. Если товара нет в наличии, показывается плашка «Нет в наличии».
4. Цены подгружаются отдельным запросом, поэтому страницы с лентой спокойно работают с плагинами кэширования.
5. Без WooCommerce плагин тоже работает: доступны слайды-баннеры и видео.

Лента на сайте

1. Прямоугольные карточки или круглые аватарки.
2. Сколько историй помещается в ряд, настраивается отдельно для компьютера, планшета и телефона. Можно дробное значение (3.5): следующая история «выглядывает» и подсказывает, что ленту можно листать.
3. Подпись под превью или поверх него, выравнивание, цвета текста.
4. Рамка превью: толщина, сплошной цвет или градиент, цвет зазора. Просмотренные истории тускнеют, и посетитель видит, что еще не открывал.
5. Эффекты при наведении: приподнимание, увеличение картинки, свечение рамки или без эффекта.

Просмотрщик

1. Индикаторы прогресса, автопереключение слайдов, пауза, звук для видео.
2. Управление касанием, свайпом, стрелками клавиатуры и Esc. Удержание пальца ставит историю на паузу, свайп вниз закрывает ее.

Оформление под ваш сайт

1. У каждого слайда свои цвета текста, метки, кнопок и карточки товара, а также сила затемнения. Светлые и темные картинки читаются одинаково хорошо.
2. Размещение изображения: «заполнить экран» или «вписать целиком» с красивым размытым фоном, чтобы надписи на баннере не обрезались.
3. Живой предпросмотр слайда прямо в редакторе: он совпадает с видом на сайте.

Три способа вставить

1. Шорткод [ns_stories]: одна история, несколько или целая группа. Любую настройку можно переопределить атрибутом, а на странице «Настройки» есть генератор шорткода.
2. Виджет Elementor «Сторисы» со всеми настройками и адаптивными полями.
3. Блок Gutenberg «Сторисы» с настройками в боковой панели и предпросмотром.

Статистика

1. Просмотры, уникальные посетители, клики и добавления в корзину, CTR. Данные по историям и по каждому слайду за любой период: видно, какой баннер цепляет, а какой нет.
2. Персональные данные не собираются. Посетитель определяется случайным анонимным идентификатором в браузере, cookie не используются. В плагине есть готовый текст для политики конфиденциальности.

Почему это удобно

1. Больше продаж с тех же визитов. Покупатель видит товар, цену и кнопку в одном жесте.
2. Не тормозит сайт. На страницах без историй плагин ничего не подключает. Стили и скрипты нужны только там, где есть лента, и это легкие собственные файлы без внешних библиотек.
3. Подходит под любой дизайн. Цвета, рамки, скругления и подписи настраиваются без правки кода.
4. Привычная админка WordPress. Истории создаются как обычные записи, у них есть статусы и права доступа. При удалении плагина истории и статистика остаются.
5. Русский и английский интерфейс. Английская локальность любого региона подхватывает английский перевод.

Требования

1. WordPress 6.2 или новее, PHP 8.0 или новее.
2. WooCommerce — по желанию, нужен для слайдов-товаров (проверено на 11.2).
3. Elementor — по желанию, для виджета (проверено на 4.3).
4. Видео: MP4 (H.264) или WebM, размер ограничивает ваш хостинг.

Установка и лицензия

Установите архив через «Плагины → Добавить новый», активируйте и создайте первую историю в разделе «Сторисы». Лицензионный ключ из личного кабинета WordPlace вводится на странице «Сторисы → Лицензия» и открывает автоматические обновления. На работу плагина лицензия не влияет.