Общие настройки и превью
Эти настройки действуют на всё правило «Истории»: на все его группы и истории. Они находятся в верхней части вкладки «Истории» в акции.
Общие настройки
| Поле | Что означает |
|---|---|
| Тип историй | Пользовательские истории — сделаны на основе HTML и показываются только на вашем сайте. SEO-истории — формат AMP Web Stories, их может индексировать Google (Premium). |
| Тема историй | Оформление, напоминающее известные платформы: Instagram — в базовой версии; Facebook, Samokat, Vkontakte, Whatsapp — в Premium. |
| Язык | Язык надписей, которые плагин показывает покупателям: ru или en. |
| Лого | Только для SEO-историй. Изображение логотипа издателя Web Story: не меньше 96×96 px, пропорции 1:1; форматы png, jpg, svg, webp. |
Пока не выбраны тип и тема, правило не выводит истории.
Настройки превью
Блок управляет тем, как обложки выглядят на странице.
| Поле | Что означает |
|---|---|
| Расстояние между превью (px) | Отступ между соседними обложками. |
| Выравнивать превью | Положение ленты по горизонтали: по центру, слева или справа. |
| Ширина контейнера превью (px) | Максимальная ширина блока, внутри которого лежит лента. |
| Максимальная ширина превью (px) | Максимальная ширина самой ленты обложек. Если обложки в сумме шире, появляется прокрутка. |
| Максимальная высота превью (px) | Только для темы Whatsapp. |
Все числовые поля обязательные. Внимание: если задать «Максимальную ширину превью» меньше суммарной ширины обложек, на сайте будет видна только часть ленты. Например, значение 120 px покажет одну обложку. Для четырёх обложек начните со значения порядка 600 px.
Пользовательский CSS
Поле «Пользовательский CSS» в блоке «Разное» нужно, когда стили темы сайта мешают внешнему виду историй. Ссылка «Инструкция» открывает краткую справку о селекторах тегов, классов и идентификаторов.
Чтобы найти нужный класс, откройте страницу с историями, нажмите на элементе правой кнопкой и выберите «Просмотреть код». Скопируйте имя класса из атрибута class, поставьте перед ним точку и опишите стили в фигурных скобках:
.sitestories__preview-title {
font-weight: 700;
}Если CSS вам незнаком, поле можно оставить пустым: плагин выглядит законченно и без него.
Дальше — группы историй.