Как установить виджет ВКонтакте?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Видео. Добавляем виджет ВК и «социальные кнопки» на сайт Word Press

Видео относится к старой версии ВК и WP

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

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