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

Полезные сервисы для сайта

Как установить виджет группы ВКонтакте для WordPress сайта.

У вас есть сайт на WordPress а также группа в социальной сети ВК. Хотите чтобы на сайте отображалась группа с фото участников или другие данные? Нет ничего проще. Ниже представлена простая пошаговая инструкция по установки.

Установка группы ВК на сайт — инструкция

Как получить код виджета группы ВКонтакте?

Первое что необходимо сделать это скопировать url адрес вашей группы. В моем случае это — https://vk.com/club129803630

url адрес группы ВК
Копируем ссылку группы

Далее вам необходимо зайти на свою страницу ВКонтакте и зайти по ссылке https://vk.com/dev/Community. Раньше этот раздел располагался в низу каждой страницы VK в разделе для разработчиков, теперь ее перенесли и сходу найти нежный раздел бывает непросто.

Мы попадаем на страницу (фото ниже). И можем приступить к настройке внешнего вида блока группы ВК.

Настройка блока группы ВК
Настройка внешнего вида блока группы

Смотрите. Если вы хотите чтобы у вас на сайте отображались фото участников группы. Отмечаем в поле видУчастники. Мне же немного надоел такой вид отображения группы на своем сайте. Поэтому я выбрал Новости то есть в группе на сайте будут отображается ваши последние размещенные в VK посты. Можно поставить Только название. Тогда соответственно пользователи заходя на ваш сайт будут видеть только название группы. В общем смотрите как вам больше нравится. В конце концов скорректировать внешний вид можно всегда очень просто.

Теперь следующий шаг. Необходимо скопировать код вашей группы (фото ниже).

Копируем код группы
Скопировать код

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

Установка очень простая заходим в админ панель вашего сайта WordPress. Переходим в вкладку Внешний вид далее Виджеты. Добавляем новый виджет HTML-код он позволяет встроить любой произвольный HTML-код в ваш сайт. Выбираем место в сайдбаре где будет располагаться ваша группа ВКонтакте.

Установка виджета ВК
Установка виджета ВК на сайт WordPress 1
Установка виджета ВК
Установка виджета ВК на сайт WordPress 2
Установка виджета ВК
Установка виджета ВК на сайт WordPress 3
Установка виджета ВК
Установка виджета ВК на сайт WordPress 4

И вставляем скопированный код в новый созданный виджет.

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

Нажимаем Готово или Сохранить. Переходим в визуальный режим нашего сайта. Смотрим, что получилось.

Виджета ВК на сайте
Установленный виджет ВК на сайт Вордпресс

Можно добавить код группы ВКонтакте при помощи виджета Текст все делается аналогично только не забудьте переключится из режима Визуально в режим Текст и только потом вставлять скопированный код.

Альтернативный способ добавления кода на сайт

Можно поступить иначе. В админ панели вашего сайта переходим к файлу «sidebar.php» и размещаем скопированный код где должен располагаться блок ВКонтакте. Путь такой. «sidebar.php»  («админ панель» далее «Внешний вид» далее «Редактор» далее «Боковая колонка (sidebar.php)»). Результат будет аналогичный.

Оцените статью. Поделись с друзьями! Ваши вопросы, замечания пишите в комментариях.

Оцените статью
( 6 оценок, среднее 5 из 5 )
Поделиться с друзьями
Добавить комментарий