Виджет сообщений вконтакте. Как добавить виджет «Сообщения сообщества» вконтакте на сайт с CMS WordPress.

Виджет сообщений вконтакте. Виджет «Сообщения сообщества» вконтакте. Как добавить виджет сообщений вконтакте на сайт с CMS WordPress. Чат вк на сайт.  Виджет группы/сообщества на сайт c CMS WordPress. Как добавить виджет группы/сообщества вк на сайт.

Виджет сообщений вконтакте на свой сайт. Необходимо зайти в своё сообщество/группу вконтакте. P.S: У вас должны быть права администратора для управления сообществом. Заходим в Управление сообществом

 

Виджет «Сообщения сообщества»

 

Далее “Сообщения”

 

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

 

Настраиваем форму сообщений. Заполняем выделенные поля ( В пункте “Разрешённые домены” указываем доменное имя своего сайта, у меня сайта 2, поэтому и 2 домена):

 

%d0%bd%d0%b0%d1%81%d1%82%d1%80%d0%be%d0%b9%d0%ba%d0%b0-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d0%b0

 

Идём по ссылке для настройки виджета вк и выбираем своё сообщество из выпадающего списка: https://vk.com/dev/CommunityMessages 

 

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

 

Далее ставим галочку  “Раскрывать сразу” , если  требуется. На моём сайте https://it88.ru для примера раскрывается данный виджет сразу, на сайте http://айти-казань.рф просто отображается справа внизу и открывается при нажатии на него. Копируем код для вставки на сайт.

 

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

 

Идём в админку своего сайта. Внешний вид – виджеты.

 

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

 

Добавляем текстовое поле и вставляем туда скопированный код. Можно так же данный код вставить не в виджеты,  а в “Footer” (подвал) вашего сайта ( на скриншоте выделено жёлтым, зависит от темы WordPress). В подвал сайта это более правильно, но я не стал заморачиваться. Смотрите как удобнее. Мне удобнее было в виджеты. Результат одинаковый был. Тестировал на 2-х своих сайтах. Сохраняем.

 

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

 

Вот что в итоге получилось:

 

%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-%d1%81%d0%be%d0%be%d0%b1%d1%89%d0%b5%d0%bd%d0%b8%d0%b9-%d0%bd%d0%b0-%d1%81%d0%b0%d0%b9%d1%82%d0%b5

 

Смотрим, радуемся, отмечаем успех!!!

 

Виджет группы/сообщества на сайт c CMS WordPress. Как добавить виджет группы/сообщества вк на сайт.

Виджет для сообществ тесно свяжет ваш сайт с соответствующей группой или официальной страницей ВКонтакте. Виджет позволяет подписаться на новости сообщества, не покидая страницы.

В виджете могут отображаться фотографии друзей пользователя и других участников сообщества. По ссылке «Подписаны..» доступна демографическая статистика по участникам.

Вместо фотографий также могут отображаться новости сообщества. В этом случае внизу виджета будет располагаться небольшой блок с фотографией самого близкого друга пользователя из числа подписавшихся и списком остальных друзей, состоящих в сообществе. При прокрутке блока вниз автоматически подгружаются более старые записи.

Подключение виджета к Вашему сайту

Для добавления виджета на Ваш сайт, просто скопируйте код для вставки на страницу, на которой Вы хотите разместить виджет.

Здесь всё очень просто.

Указываем ссылку на ваше сообщество: Например вот ссылка на мою группу: https://vk.com/computerhelpkazan

Выбираем “Вид”, “Ширину” ( я поставил “0”, это автоматический размер), “Цвет”.  Далее смотрим что из себя будет представлять наш виджет и копируем код для вставки на наш сайт.

 

%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-%d1%81%d0%be%d0%be%d0%b1%d1%89%d0%b5%d1%81%d1%82%d0%b2-%d0%bd%d0%b0-%d1%81%d0%b0%d0%b9%d1%82

 

Идём в админку нашего сайта. Внешний вид – виджеты.

 

%d0%b2%d0%bd%d0%b5%d1%88%d0%bd%d0%b8%d0%b9-%d0%b2%d0%b8%d0%b4-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d1%8b

 

Добавляем текстовое поле и вставляем наш скопированный код, сохраняем.

 

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

 

Получаем такой результат: 

 

%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82-%d0%b2%d0%ba-yf-cfq90

 

Радуемся, отмечаем успех!!!

 

Виджет сообщений вконтакте. Как добавить виджет «Сообщения сообщества» вконтакте на сайт с CMS WordPress.: 3 комментария

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.