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

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

Как я это делаю? Конечно, благодаря виджету!

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

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

Получите в подарок 25 видеоуроков по грамотной настройке группы ВКонтакте:

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

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

Вот так виджет вконтакте выглядит на сайте. Можете и «в живую» его увидеть — он как раз находится справа от вас. Прокрутите колесико мышки немного вниз и сами сможете на него посмотреть 🙂

 

 

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

В этой статье я дам простое пошаговое руководство, как добавить виджет группы ВК на сайт.

Зачем нужен виджет ВКонтакте

Самая главная задача, которую выполняет виджет  — он связывает ваш сайт и ваше сообщество ВКонтакте. Огромный плюс в том, что посетитель сайта, видит на виджете, в первую очередь,  своих друзей, состоящих в группе. Это всегда повышает доверие.

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

Причем, посетитель сайта буквально в один клик может подписаться на новости вашей группы. И это здорово! Ну не любят люди делать лишних телодвижений и ничего с этим не поделаешь. Лень-матушка… )

Запомните, что каждый лишний клик мышкой — это очередной барьер, который проходят далеко не все ваши посетители и подписчики.

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

Как создать виджет ВКонтакте для сайта

Для того, чтобы создать виджет вконтакте откройте свою страницу в этой социальной сети.

Затем спуститесь в самый низ экрана и слева, под боковым таргетом, ищите кнопку «Разработчикам». Пару раз ко мне обращались за помощью начинающие администраторы и писали, что не могут внизу страницы найти эту самую кнопку.

Если вы тоже устали крутить колесико мышки, то поднимитесь на самый верх вашей страницы, кликните на треугольничек возле вашего имени и найдите кнопку «Помощь»

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

Перед вами откроется страница, внизу которой вы без труда найдете кнопку «Разработчикам»

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

 

Вы попадете на страницу разработки приложений. Кликните на кнопку «Подключение сайтов и виджеты»

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

Найдите раздел «Виджеты для сайтов» и кликните на кнопку «Сообщества».

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

Настройка виджета ВКонтакте

Перед вами откроется страница «Виджет для сообществ», на которой вы сможете осуществить все необходимые настройки вашего виджета ВКонтакте. Все поля уже будут заполнены — не пугайтесь! Поля заполнены для примера 🙂

Вы увидите перед собой 5 блоков:

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

  1. В поле «Ссылка на страницу» введите адрес своей группы.
  2. В поле «Вид» — выбираете наиболее интересную для вас опцию:
    • Участники — на виджете будут отображаться аватарки участников вашего сообщества;
    • Новости — будут видны последние новости группы;
    • Только название — у вас на сайте будет только название вашего сообщества.
  3. В третьем блоке вы сможете настроить размеры виджета — его ширину и высоту.
  4. В четвертом — по своему усмотрению изменить цвет фона, текста и кнопок.
  5. В самом нижнем поле (в красном квадрате) находится как раз тот самый код, который нам нужно будет вставить на сайт.

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

Как установить блок сообщества ВКонтакте на сайт

Итак, продолжаем разбираться с тем, как установить виджет группы ВК на сайт.

Несмотря на то, что все технические вопросы, связанные с сайтом даются мне не просто, виджет ВКонтакте я смогла установить самостоятельно. Я думаю, что если у вас вордпрессовская площадка (мой сайт работает на движке Вордпресс), то и вам не составит труда сделать это.

Зайдите в админку сайта. В панели управления найдите  «Внешний вид».

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

Затем там же кликните на вкладку «Виджеты». Вам нужно перетащить блок «Текст» (произвольный текст или HTML-код) в ваш сайдбар.

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

 

В блоке «Текст» можно придумать заголовок к виджету, вставить код и обязательно сохранить. Кстати сказать, заголовок — вещь не обязательная 🙂

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

Теперь загляните к себе на сайт — у вас в сайдбаре будет красоваться виджет вашей группы ВКонтакте )

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

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

Ну и по традиции предлагаю вам посмотреть видеоурок, в котором я показываю все то, о чем написано в статье. Если у вас возникнут вопросы, то задавайте их в комментариях — я с радостью отвечу!

Важная информация!

Если тема продвижения ВКонтакте для вас актуальна и вы хотите достойно зарабатывать ВКонтакте, то приглашаю вас вступить в наш закрытый клуб «Бизнес online».

Закрытый клуб Оксаны Ким

Жду Вас в клубе и буду рада с Вами поработать!

С уважением, Оксана Ким


5 комментариев

Сергей · 05.11.2018 в 12:21

Добрый день! Подскажите пожалуйста, по высоте какой минимальный размер? 110-120 можно сделать?

    Оксана Ким · 20.11.2018 в 12:25

    Сергей, попробуйте разные размеры и посмотрите, как виджет встанет на ваш сайт 🙂

Евгений · 30.07.2019 в 18:33

Спасибо всё понятно и доступно объяснили сделал так как описано.

Алексей · 29.08.2022 в 21:23

Это все здорово, но есть одно «но». Хотя, возможно, что так получилось только у меня.
Создал и настроил виджет, но вскоре заметил, что сайт немного просел в поиске. Долго не мог понять причину, но оказалось все банально просто — в мобильной версии сайт с виджетом загружается критически долго. Но самое интересное, что вот это вот «долго» видно только для PageSpeed Insights

Ника · 06.12.2022 в 10:10

Установила. Спасибо!

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

Ваш адрес email не будет опубликован.

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