Как установить виджет группы ВКонтакте для WordPress сайта? Быстрое и простое решение.
#установить #виджет #ВК
У вас есть сайт на WordPress а также группа в социальной сети ВК. Хотите чтобы на сайте отображалась группа с фото участников или другие данные? Нет ничего проще. Ниже представлена простая пошаговая инструкция по установки.
Установка группы ВК на сайт — инструкция
Как получить код виджета группы ВКонтакте?
Первое что необходимо сделать это скопировать url адрес вашей группы. В моем случае это — https://vk.com/club129803630
Далее вам необходимо зайти на свою страницу ВКонтакте и зайти по ссылке https://vk.com/dev/Community. Раньше этот раздел располагался в низу каждой страницы VK в разделе для разработчиков, теперь ее перенесли и сходу найти нежный раздел бывает непросто.
Мы попадаем на страницу (фото ниже). И можем приступить к настройке внешнего вида блока группы ВК.
Смотрите. Если вы хотите чтобы у вас на сайте отображались фото участников группы. Отмечаем в поле вид — Участники. Мне же немного надоел такой вид отображения группы на своем сайте. Поэтому я выбрал Новости то есть в группе на сайте будут отображается ваши последние размещенные в VK посты.
Можно поставить Только название. Тогда соответственно пользователи заходя на ваш сайт будут видеть только название группы. В общем смотрите как вам больше нравится. В конце концов скорректировать внешний вид можно всегда очень просто.
Теперь следующий шаг. Необходимо скопировать код вашей группы (фото ниже).
Как установить код виджета группы ВКонтакте на сайт?
Установка очень простая заходим в админ панель вашего сайта WordPress. Переходим в вкладку Внешний вид далее Виджеты. Добавляем новый виджет HTML-код он позволяет встроить любой произвольный HTML-код в ваш сайт. Выбираем место в сайдбаре где будет располагаться ваша группа ВКонтакте.
И вставляем скопированный код в новый созданный виджет.
Нажимаем Готово или Сохранить. Переходим в визуальный режим нашего сайта. Смотрим, что получилось.
Можно добавить код группы ВКонтакте при помощи виджета Текст все делается аналогично только не забудьте переключится из режима Визуально в режим Текст и только потом вставлять скопированный код.
Альтернативный способ добавления кода на сайт
Можно поступить иначе. В админ панели вашего сайта переходим к файлу «sidebar.php» и размещаем скопированный код где должен располагаться блок ВКонтакте. Путь такой. «sidebar.php» («админ панель» далее «Внешний вид» далее «Редактор» далее «Боковая колонка (sidebar.php)»). Результат будет аналогичный.
Видео. Как установить виджет группы ВК на сайт
Видео. Добавляем виджет ВК и «социальные кнопки» на сайт Word Press
Видео относится к старой версии ВК и WP
Оцените статью. Поделись с друзьями! Ваши вопросы, замечания пишите в комментариях.
