Создание виджета SmartWidgets в приложении «Отзывы
2 ГИС»

После регистрации на нашем сервисе https://smartwidgets.ru/, Вы попадаете в личный кабинет.

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

Зайти в раздел меню на черной плашке слева – Мои приложения и нажать на белый прямоугольник – Добавить приложение.

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

Зайти в раздел меню на черной плашке слева – Каталог и добавить приложение с данного раздела.

Добавляем приложение Отзывы 2ГИС.

После добавления приложения, мы автоматически попадаем в конструктор виджета.

Чтобы создать виджет, нам надо добавить в пустое поле источник. Источник – это ссылка на сервис, такой как, 2ГИС, где зарегистрирована Ваша организация. Ссылка внешняя и доступна для обозрения всем пользователям интернета, не из Вашего личного кабинета на 2ГИС.
Пример ссылки из сервиса 2ГИС. Слева видно название организации, справа карта.

Данную ссылку полностью копируем и вставляем в пустое поле источника в конструкторе виджета и нажимаем на стрелочку в кружочке и слева отобразится наш виджет.

Переходим на следующую вкладку виджета – Макет. Выбран и показан на скрине Макет – Слайдер (2 типа, на скриншоте они указаны под стрелочкой 1), также есть макет - Сетка (2 типа, на скриншоте указаны под стрелочкой 2) и макет - Бейдж (маленький со звездочками внутри).

После того, как Вы выбрали макет для своего виджета, теперь его надо настроить под дизайн вашего сайта.
Следующая вкладка – Представление. Каждый макет имеет свои индивидуальные настройки.

Все настройки открываются и сворачиваются при нажатии на стрелочку.

1. Основное – относится ко всему блоку отзывов. Можно добавить Заголовок, придать ему любой размер, цвет, наклонность или сделать жирным. Сделать рамку всего блока отзывов, придать границе рамки цвет и закруглить края.
2. Отзыв - это относится непосредственно к блоку отзывов. Здесь можно настроить аватар, вывод Фотографий внутри отзыва, если они имеются в самом источнике, границы самого блока отзыва, вывод ответа фирмы на отзыв и многое другое.
3. Инфо. блок. Можно придать цвет всей плашке инфо.блока, цвет активной вкладке, оставить или отключить: источник в блоке, рейтинг в блоке, звезды в блоке и количество отзывов в блоке и другое.
4. Слайдер. Макет выбран именно слайдер и здесь есть свои настройки.

Вкладка – Параметры. Здесь можно настроить вывод отзывов с фотографиями или отзывы с текстом, сделать сортировку отзывов по новизне, поменять шрифт отзывов. Настроить язык, фильтр по содержимому, фильтр оценки, закрепить отзыв, маскировка ФИО и многое другое.

Важно. После всех настроек обязательно сохранить виджет, нажав на зеленую кнопку внизу справа – Сохранить и закрыть.

После нажатия на зеленую кнопку – Сохранить и закрыть мы попадаем в приложение Отзывы 2ГИС, где уже создан виджет.

Чтобы виджет установить на сайт, надо выбрать тариф, нажав на зеленую кнопку вверху слева – Выбрать тариф.

После нажатия на зеленую кнопку – Выбрать тариф, открывается страница с тарифами и можно выбрать любой тариф на месяц или год, оплатив картой. Для тестирования виджета выберем бессрочный бесплатный тариф Free, нажав на синюю кнопку - Выбрать - под соответствующим тарифом.

После того, как мы выбрали тариф, мы опять попадаем на страницу приложения с созданным виджетом и присвоенным тарифом.

Чтобы виджет установить на сайт, надо скопировать html-код, который находится по кнопке Установка, напротив созданного виджета справа.

Нажав на кнопку - Установка, откроется страница с html-кодом, ссылкой и кодом iframe. Мы копируем html-код, с помощью синей кнопки справа внизу – Скопировать код.

Устанавливаем html-код в то место на сайте, где хотите, чтоб отображался Ваш виджет. После того, как код установлен, все новые настройки, которые Вы не успели сделать на этапе создания виджета, сразу будут отображаться у Вас на сайте, поэтому нет необходимости постоянно переустанавливать код после внесения изменений в настройках виджета. Важно! После всех изменений в конструкторе виджета нажимайте на зеленую кнопку справа внизу - Сохранить и закрыть, и тогда все изменения виджета будут видны на сайте, где установлен данный виджет.  Наш виджет адаптивный, корректно отображается на мобильных устройствах.

С уважением к Вам, техническая поддержка SmartWidgets.