Виджет вк для сайта: пошаговая инструкция по установке

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


Главный вопрос – зачем это делать?

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

Если у вас пока только группа Вконтакте, а свой блог только в планах, подскажу, как быстро создать блог и подготовить к работе (совершенно бесплатно). Рассказываю про свой опыт создания блога всего за 4 дня.

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

Виджет вк для сайта

Виджет вк для сайта

А еще можно настроить виджет так, что посетители сайта будут видеть в вашей группе своих друзей (если они там, конечно же, есть).

Это повысит доверие к вам и к вашим материалам. Что я и сделала, пока писала эту статью. Теперь группа ВК на блоге у меня выглядит чуть иначе.

Только почему-то, кнопка стала не такой яркой, как была. А так мне этот варинат понравился больше.

Можете посмотреть и вживую, прямо на блоге, в правой колонке будет картинка с моей группой Вконтакте. Прямо с блога любой желающий может одним кликом в нее вступить, нажав на кнопку — подписаться на новости.

Хотите так же? Тогда смотрите, что вам нужно сделать.

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

1. Заходите в социальную сеть ВК

2. Затем идете в группу, которую хотите установить на свой сайт

3. Вверху, в адресной строке берете адрес – url вашей группы, копируете его и сохраняете. Вот, например, как выглядит адрес моей группы — https://vk.com/partner_biznc

4. Потом идете на свою страничку Вконтакте

5. Вам нужно найти раздел «Разработчикам»

Здесь у вас два варианта – слева под всеми пунктами (друзья, фото, новости и так далее) и под рекламными блоками будет искомый раздел. Не нашли, раскройте под вкладкой «еще»там же.

Виджет вк для сайта

Не можете найти раздел «Разработчикам» и там, идите вверх, и справа, где расположена ваша маленькая аватарка, раскрываете меню, пункт «помощь».

Виджет вк для сайта

В этом случае, слева, где я показывала, должен появиться этот пункт (разработчикам)

При нажатии на него, откроется страница:

Виджет вк для сайта

Листаете вниз, слева пункт  — виджеты для сайтов. Открываете его.

Виджет вк для сайта

Вы попадете на такую страницу «Виджеты для сайтов» (смотри скриншот)   

                      Виджет вк для сайта

Даю сразу ссылку на нее — https://vk.com/dev/widgets_for_sites

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

На этой странице ищите нужный нам виджет — «Сообщества». Кликайте на него.

Виджет вк для сайта

Вот что нам рассказывает ВКонтакте про этот виджет.

Виджет вк для сайта


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

1.Размещаем ссылку на группу

2. Внешний вид: участники, новости, только название, без обложки

3. Ширина виджета

4. Цвет текста, кнопки, фона

Виджет вк для сайта

Здесь вы можете экспериментировать, как хотите и как вам больше нравиться. Самое интересное, что все изменения можно смотреть тут же, «в прямом эфире», внизу будут отображаться ваши настройки (под цифрой 6 на скриншоте).

Виджет вк для сайта

Когда определитесь с настройками, берите и копируйте код вашего виджета (цифра 5 на скриншоте). Сохраните его куда-нибудь.

 Следующий шаг – переходим в админ. панель Ворд Пресс. Слева  вкладка «Внешний вид», затем «Виджеты»

Виджет вк для сайта

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

 Код, который скопировали ранее, ставим в поле «Содержимое». При желании, пишем заголовок виджета. Я написала так – Моя группа Вконтакте.

Виджет вк для сайта

Затем кнопка «Сохранить».

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

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

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

С уважением, Наталия Цветова.

2 комментария

  1. Наталия, очень полезная информация для меня, буду пытаться сделать.Спасибо, жду продолжения.

    1. Надежда, рада, что информация оказалась полезной. Если в процессе установки виджета возникнут вопросы, обращайтесь, обязательно подскажу.

Оставьте ответ

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