Мы разработали удобный функционал, позволяющий с нуля создать свой виджет и в любой момент гибко менять его под нужды сайта. Ниже описан поэтапный процесс с кратким обзором инструмента.
Создание галереи
- Зайти в ваш личный кабинет, используя ваши доступы к Frisbuy.
- Перейти в раздел “Виджеты” в меню слева (на десктопе).
- Нажмите на пункт “создать новую галерею”.

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

- Откроется конструктор. Здесь вы можете:
а. Поменять название галереи
б. Включить галерею на сайте
в. Включить режим предпросмотра — только с браузера, в котором вы работаете в лк, можно будет посмотреть установленную галерею на сайте
г. Выбрать альбом
д. Ввести название галереи, настроить цвет и размер текста, выбрать стиль текста
е. Вид плитки галереи:
I — однострочная карусель
II — плитка 4 к 1
III — вертикально следующая плитка с выбором колонок
ж. Выбор максимального кол-ва выводимых постов
з. Выбор расстояния между картинками-постами и настройка отступов с четырех сторон галереи

- Если вы разбираетесь с html, css и хотите добавить уникальный заголовок, то можете использовать возможность добавления кода

- Если у вас появляется такой текст вместо превью галереи, то следуйте описанным инструкциям — опубликуйте контент в нужный альбом или поменяйте выбранный альбом в конструкторе справа

- После всех внесённых изменений в конструкторе — нажмите на кнопку сохранения
- Чтобы установить код галереи на сайт — нажмите на “Как установить галерею” и следуйте инструкциям. Можете также посмотреть нашу инструкцию по установке кода для популярных CMS — Инструкция: как установить галереи Frisbuy на разных сайтах? — Блог Frisbuy.ru
Создание альбома
Посмотреть все альбомы, которые используются на наших виджетах, создать новые или удалить их можно во вкладке “Альбомы”.
- Перейдите в “Альбомы”

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

4. После внесения информации — нажимаете на кнопку «сохранить». Альбом готов!
Товарная галерея
Виджет товарной галереи позволяет внедрить разметку постов товарами из XML-фида. Вы сможете размечать ваши карточки товаров, категории или коллекции. В виджете посты можно сортировать по определенному товару или другому заданному критерию. (Подробнее про разметку — Инструкция по работе с личным кабинетом Frisbuy!)
- Создание виджета. Процесс не отличается от описанного выше — на этапе выбора типа виджета — нажать на “товарная галерея”

- После настройки внешнего вида галереи, при нажатии на кнопку “Как установить галерею” откроется попап с инструкцией по настройке фильтрации со списком необходимых параметров. Доступные параметры:
- &group=<groupId> — группа товаров — будет выводиться весь контент по всем товарам данной группы (на пример, все цвета данной помады).
- &sku=<offer_id> — будет выводиться контент только по заданному SKU (на пример, только определённый цвет данной помады)
- &category=<categoryId> будет выводиться контент по всем товарам категории.
- Значения для параметров берутся из товарного фида (каталога товаров), который подключается в личный кабинет


- В скрипте-загрузчике нужно найти URL. Именно в конец этой части добавляются параметры группировки со значением из фида.

Примеры итоговой ссылки:
https://www.frisbuy.ru/fb/widget?embed_id=7c559c37-8150-11e9-ace6-0242ac130002&sku=82000105
https://www.frisbuy.ru/fb/widget?embed_id=b2be60d6-d6b1-11ec-a074-0242ac130002&group=KD0046S
https://www.frisbuy.ru/fb/widget?embed_id=00c1240c-ecc6-11ec-a074-0242ac130002&category=657
- Установите скрипт-загрузчик с добавленным параметром.
Если у вас возникают сложности с инструментами — пишите нам на почту support@frisbuy.ru
Еще вам может понравиться
-
Инструкция по созданию виджета сторис
24 января, 2023 -
Инструкция по подключению и продлению группы ВК в личном кабинете
25 октября, 2022