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

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

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

Далее «Сообщения»

%d1%81%d0%be%d0%be%d0%b1%d1%89%d0%b5%d0%bd%d0%b8%d1%8f

Настраиваем форму сообщений. Заполняем выделенные поля ( В пункте «Разрешённые домены» указываем доменное имя своего сайта, у меня сайта 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 

%d0%b2%d1%8b%d0%b1%d0%b5%d1%80%d0%b8%d1%82%d0%b5-%d1%81%d0%be%d0%be%d0%b1%d1%89%d0%b5%d1%81%d1%82%d0%b2%d0%be

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

%d0%ba%d0%be%d0%b4-%d0%b4%d0%bb%d1%8f-%d0%b2%d1%81%d1%82%d0%b0%d0%b2%d0%ba%d0%b8

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

%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

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

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

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

%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/dev/Community?height=400&link=http%3A%2F%2Fvk.com%2Fpublic20003922&mode=3&oid=-20003922&wide=&width=220

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

Выбираем «Вид», «Ширину» ( я поставил «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

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

Рубрики: ВконтактеСайт