Виджет «Одноклассники»

Вы можете установить вот такой виджет на главную страницу сайта:

Рисунок 1. Вид виджета "Мы в Одноклассниках"

• Создание виджета
• Установка виджета на сайт

Создание виджета

Для того, чтобы установить виджет "Одноклассники" на главной странице Вашего интернет-магазина, Вам нужно произвести следующие действия:

1. Перейти на сайт "Одноклассники" по ссылке https://apiok.ru

2. Далее перейти в раздел "ОК для сайтов и приложений -> Виджет группы"

Рисунок 2. Операции на стороне социальной сети.

3. Откроется окно, где будем генерировать код виджета

Рисунок 3. Генерация кода виджета.

Так же данная страница доступна по прямой ссылке https://apiok.ru/ext/group

На рисунке 3 – цифра 1 – поле, где необходимо вставить ID группы, выставить необходимые размеры (ширина и высота).

Как получить ID своей группы:

1. Вы должны быть администратором группы.
2. Зайдите в свою группу.
3. Слева под аватаркой группы в меню есть опция "Изменить настройки", необходимо ее выбрать.
4. Внизу открывшейся страницы найдите надпись "ID этой группы на Одноклассниках".
5. Скопируйте указанный ID и вставьте его в поле "ID группы".

На рисунке 3 – цифра 2 – поле, где сгенерирован скрипт, который и требуется разместить на сайте.

Установка виджета на сайт

Для размещения виджета необходимо перейти в административной панели интернет-магазина  в раздел "Настройки - Социальные сети" на вкладку "Социальные виджеты", поставить галочку в строке "Одноклассники" и разместить в появивишемся поле скопированный код.

Перейдите на сайт в панель администрирования.

Нажимаем "Сохранить".

Рисунок 4. Генерация кода.

Далее переходим в клиентскую часть на главную страницу и проверяем результат.

Рисунок 5. Отображение виджета в клиентской части

Готово. Мы рассмотрели, как создать и установить виджет "Одноклассники".