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

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

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

Содержание:

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

Конструктор

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

4. Вам откроется окно с редактором. На верхнем меню расположены кнопки:
   — «Встроить» открывает попап с описанием и кодом для установки виджета;
   — «Сохранить» используйте после внесения изменений в настройки виджета.
5. Ниже настройки отображения виджета:
   — «Виден всем»- виджет доступен всем пользователям;
   — «Только мне» — виджет отображается только в том браузере, в котором вы залогинены в ЛК Frisbuy
   — «Выключен» — виджет не отображается.

6. Настройки отображения предпросмотра:
   — переключатель окна между светлым и темным режимами;
   — переключение между отображением виджета на Телефоне/ПК.
7. Колонка с настройками виджета:
   — в первом поле можно ввести название галереи, которое отображается в ЛК;
   — второе поле — выбор альбома, который закрепляется за галереей (подробнее об альбомах — ниже).

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

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

9. Выбрать платформу, на которой отображать виджет.
10. Установка расстояния между элементами сторис.

11. Включить фиксированный режим, где виджет прикрепляется к левой или правой части экрана и не прокручивается вместе со страницей.
12. Выбрать форму элементов сторис.
13. Выбрать цвет фона виджета и цвет обводки — сплошной или градиент.

14. Если выбран тип виджета highlights — выбирается список альбомов. Порядок выбора альбомов определяет их положение в виджете слева-направо.
15. Для виджета можно добавить заголовок, настроить формат отображение, цвет, размер текста и его отступ от виджета.

16. Если вы знакомы с языком гипертекстовой разметки — HTML, то можете внести свой заголовок с дополнительными элементами во вкладке «Html» настроек заголовка.
17. Отступы от виджета с четырёх сторон.

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

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

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

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

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

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

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