# Дизайн

В блоке сторис есть возможность изменить дизайн по ряду настроек.

Обратите внимание

Чтобы отредактироровать дизайн блока, нужно зайти в раздел "Блоки сторис", выбрать блок и в верхнем правом углу нажать кнопку "Редактор темы".

Статистика блоков

В разделе настроек дизайна вы можете создать свою тему или воспользоваться готовой, по умолчанию светлой темой.

# Базовый редактор

Базовый редактор

Доступные настройки:

  1. Размер аватарки
  2. Цвет фона
  3. Прозрачность фона
  4. Цвет иконки пина (в разработке)
  5. Цвет фона прогресс бара
  6. Цвет обводки непросмотренной кампании
  7. Цвет обводки просмотренной кампании
  8. Цвет кнопки закрытия
  9. Цвет текста
  10. Размер шрифта
  11. Основной цвет

# CSS редактор

CSS редактор позволяет создавать более сложные темы — это инструмент для тех, кто разбирается в верстке.

Обратите внимание

Переключение между "Базовым" и "CSS" редактором возвращает настройки по умолчанию. Поэтому, если вы сохранили тему в базовом редакторе, но переключитесь в CSS, то настройки в базовом редакторе слетят. Чтобы создать тему в CSS, нужно сначала сделать копию текущей темы и перейти в CSS редактор.

CSS редактор

Итог

Таким образом, для начала работы с инструментом, вам необходимо создать кампанию, в которой будет содержаться сама сущность «сторис», а внутри нее слайды для отображения. После того как кампания будет готова, вы создаете блок, прописываете в него условия отображения и сторис, которые нужно отобразить.

Когда визуальная часть готова, в блоках генерируется код, который нужно скопировать и вставить на нужную вам страницу сайта для отображения инструмента. Готово, вы восхитительны!

Благодаря статистике внутри, вы будете понимать, как на инструмент реагируют ваши пользователи, что необходимо поменять, или добавить, и править блоки исходя из этой статистики, чтобы получать еще бóльший профит от использования.