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

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

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

• Создание галереи
• Создание альбома
• Товарная галерея

Создание галереи

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

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

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

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

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

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

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

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

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

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

4. После внесения информации — нажимаете на кнопку «сохранить». Альбом готов!

Товарная галерея

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

1. Создание виджета. Процесс не отличается от описанного выше — на этапе выбора типа виджета — нажать на “товарная галерея”

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

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

Примеры итоговой ссылки:

https://www.frisbuy.ru/fb/widget?embed_id=7c559c37-8150-11e9-ace6-0242ac130002&sku=82000105

На сайте — Тушь NARS Тушь CLIMAX – купить в Москве по цене 1949 рублей в интернет-магазине Л’Этуаль с доставкой (letu.ru)

https://www.frisbuy.ru/fb/widget?embed_id=b2be60d6-d6b1-11ec-a074-0242ac130002&group=KD0046S

На сайте — Куртка в рубашечном стиле с утеплителем Elis (арт. KD0046S , цвет Бежевый) — купить за 3 899 ₽ в интернет-магазине elis.ru

https://www.frisbuy.ru/fb/widget?embed_id=00c1240c-ecc6-11ec-a074-0242ac130002&category=657

На сайте —Диваны голубые купить в Москве от производителя по цене от 26 253 ₽ — заказать мебель в магазине Lazurit

5. Установите скрипт-загрузчик с добавленным параметром.

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