Виджет VK

Рассмотрим как сделать виджет группы Вконтакте для сайта.
На самом деле это очень просто и занимает буквально несколько минут. Для этого даже не надо обладать правами администратора группы — идем на сайт Вконтакте в раздел виджеты для сайтов и выбираем «Сообщества»:

Вконтакте виджеты для сайтов

    Выбираем что будет отображаться в виджете:

  • участники;
  • или новости.

Виджет группы Ввконтакте

Ниже настроек можем посмотреть как будет выглядеть будущий виджет.

Как вставить виджет Вконтакте на сайт WordPress

    Для установки виджета группы ВКонтакте:

  • в админ-панели WordPress заходим во вкладку «Внешний вид/Виджеты»;
  • перетаскиваем виджет «Произвольный текст или HTML-код» в рабочую зону справа;
  • заполняем заголовок (например «»Наша группа ВКонтакте») и вставляем код, который скопировали на сайте ВКонтакте.

Виджет для сообществ Вконтакте

И наслаждаемся результатом:

Виджет группы Вконтакте на сайт

К сожалению настроек виджета довольно мало (допустим нет настроек высоты блока), но можно воспользоваться документацией к виджету для сообществ и подправить код как нам нужно.

Как изменить адрес группы Вконтакте

Приятно когда группа вместо безликой https://vk.com/club129183695 имеет адрес вида https://vk.com/moya_gruppa.

    Для изменения адреса группы ВКонтакте:

  • Заходим в нашу группу.
  • Под аватаром находим «Управление сообществом».

Как изменить адрес страницы ВКонтакте

  • В строке «Адрес страницы» изменяем адрес группы.

Адрес страницы ВКонтакте

Кстати, для поддержки сайта можно создать не только группу, но и публичную страницу ВКонтакте. А что из них лучше мы рассматривали в отдельной статье.
Оцените, пожалуйста, статью, я старался :)
Комментарии
  1. Сергей

    Подскажите как сделать виджет Вконтакте резиновым? Дизайн адаптативный, но при изменении размера экрана виджет остаётся большим и вылазит за края сайдбара.

  2. В коде от группы ВКонтактов, найдите “width” и измените значение на 100%.

  3. Виджет ВКонтакте работает на сайте в Опере и не работает в Мозилла Файрфокс, даже стрелка не наводится. Адблок отключен, не помогает. Может, в настройках броузера что-то поменять надо?

  4. К сожалению я не работаю с Файрфокс и подсказать не смогу.
    У меня стоит Гугл Хром, там все работает отлично.

  5. Вопрос решился. В настройках Мозиллы «Приватный просмотр» стоял.

Задайте вопрос в комментариях

14 − 11 =