Инструкция по созданию виджета сторис

by Мантас Павельчикас| in Инструкции on 24.01.2023 12:25 576 /

Мы разработали удобный функционал, позволяющий с нуля создать свой виджет и в любой момент гибко менять его под нужды сайта. Ниже описан поэтапный процесс с кратким обзором инструмента.

Содержание:

1. Конструктор
2. Создание альбомов

Конструктор

1. Зайти в ваш личный кабинет, используя ваши доступы к Frisbuy.
2. Перейти в раздел “Виджеты” в меню слева (на компьютере).

3. Нажать на пункт “создать новую галерею” .
4. В открывшемся попапе вписать название виджета, выбрать тип виджета — stories, выбрать заранее созданный альбом, в который публикуются сторис.
5. Нажать “Создать”.

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

6. Функция включения/выключения виджета.
7. Возможность выбрать, отображать ли одновременно виджет на телефонах и компьютерах.
8. Смена названия, отображающегося в списке виджетов в ЛК.

9. Типы виджета сторис:

1. Сторис- один кружок является одним сторис. Выбрать можно один альбом для одного простого виджета. Есть возможность сделать зафиксировать на экране (виджет будет прокручиваться вместе со страницей).
2. Highlights — аналог сохраненных сторис из инстаграм. Создавайте альбомы на нужные темы и добавляйте их в один виджет. Нельзя выбрать зафиксированный виджет.

10. Выбор альбома, который отображается в виджете.
11. Добавить новый альбом, перейдя во вкладку создания альбома.
12. Ввести название альбома.
13. Выбрать источник, если настроена автопубликация.
14. Сохранить альбом, «закрыть и вернуться» — возврат к конструктору без сохранения, значок корзины — удаляет альбом

15. Если выбран тип виджета highlights — выбирается список альбомов. Порядок выбора альбомов определяет их положение в виджете слева-направо.
16. Включение/отключение вертикального отображения виджета и выбор его позиции в левой или правой части экрана.

17. Отключение фиксации виджета переводит его в горизонтальный режим.
18. Опции заголовка виджета

19. Выбор квадратной/круглой формы элементов сторис.
20. По-умолчанию размер кругов сторис на всех устройствах 60×60 (в пикселях). С включенной настройкой можно изменить размеры на телефонах и компьютерах.
21. Установить расстояние между кругами сторис.

22. Выбор цвета фона виджета позволит подстроить под тему сайта или выделить блок со сторис.
23. Выбор цвета обводки сторис с использованием красивого градиента или повторить основной цвет сайта.

24. Настройка внутренних отступов блока виджета в пикселях.

25. Установку виджета можно провести по инструкции, указанной в конструкторе. Более широкое описание для различных конструкторов сайтов можно найти тут — Инструкция: как встроить виджет с Instagram Stories на сайт — Блог Frisbuy.ru
26. Перед закрытием не забывайте сохранять ваши изменения в конструкторе.
27. На компьютере, слева от настроек, располагается поле предпросмотра виджета. Кнопки переключения позволяют посмотреть как выглядят текущие настройки на телефонах и пк.

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

Создание альбомов

Посмотреть все альбомы, которые используются на наших виджетах, создать новые или удалить их можно во вкладке “Альбомы”.

1. Перейдите в “Альбомы”

2. Чтобы завести новый альбом — нажмите на кнопку “добавить альбом”
3. Вы попадете в окно создания/редактирования альбома. Здесь вы можете:
   1. ввести название альбома
   2. Добавить картинку (обязательно, если используете виджет Highlights)
   3. Выбрать источник, из которого в альбом автоматически будет публиковаться контент (например, публикуемые аккаунтом сторис)

Если у вас возникают сложности с инструментами — пишите нам на почту support@frisbuy.ru