Как вам помочь ?

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

Актуально для версии магазина: 8.0 | 6.0 | 5.0

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

Вид виджета "Мы в Одноклассниках"
Рисунок 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. Отображение виджета в клиентской части - две колонки.

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

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

Другие статьи по теме

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: виджет, одноклассники, группа в оk, соцвиджет, социальный виджет, соц. сеть, соц. виджет