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

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

Актуально для версии магазина: 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 – поле, где сгенерирован скрипт, который и требуется разместить на сайте.

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

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

Пункт меню CMS - Статические блоки, в списке находим статический блок с названием "Виджет Вконтакте "Группа" (ключ VK) и переходим в его редактирование (иконка карандаша).

В открывшемся окне нажимаем на кнопку "Источник" (рис. 4 - цифра1)

Если у Вас уже размещены виджеты, то код вставьте ниже, после всех скриптов, которые уже есть в статическом блоке.

Если своих виджетов нет, и в статическом блоке тестовые виджеты, то удалите весь код, что там есть и вставьте новый код, который скопировали ранее (рис. 4-цифра 2)

Нажимаем "Сохранить" (рис. 4-цифра 3).


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

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


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


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

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

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

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

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

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

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

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

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