Как вставить виджет Вконтакте на сайт?

Виджет вконтакте

 У Вас есть своя группа вконтакте? А замечали ли Вы на чужих сайтах виджет отображающий информацию о группе: сколько подписчиков, кто состоит и т.п.

Если у Вас есть свой сайт, Вы вероятно мечтали установить подобный себе, чтобы связать эти две аудитории воедино.

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

 Как выглядит этот блок?
Пример со скриншотом рядом. Размещаться может в любом месте страницы. (Главное, чтобы было место)

 Польза виджета.
1. Простота в установке для вебмастера.

2. Для посетителей — каждый пользователь интернета не по наслышке знаком с дизайном ВК. Для многих он стал очень родным. Заветная кнопочка «вступить в группу» будет как магнит тянуть к себе Вашу аудиторию превращая их из случайных посетителей в постоянных подписчиков. Ваш посетитель, увидит своих друзей (при условии, что они тоже состоят в этой группе) и это послужит дополнительным стимулом к вступлению.
Один клик разрывает грань между миром Вашего сайта и Вашей группы вконтакте — никаких долгих регистраций!

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

Инструкция по установке виджета групп Вконтакте

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

Ну или сразу пройдите по этой ссылке.

2. Выбираем пункт «Виджеты и сторонние сайты»

3. Далее кликаем по «Сообщества»

4. Настраиваем внешний вид виджета: размеры и отображаемую информацию. Не забудьте изменить ссылку на свою группу!

5. Копируем код виджета и устанавливаем в любое место сайта через вставку html.

Установка виджета на страницу магазина простопринт

Быстрый способ:

1. Перейдите во вкладку «Внешний вид» — «Блоки».

2. Нажмите кнопку «Добавить» для создания нового блока.
3. В поле URL маска поставьте звездочку.
4. В выпадающем списке выберите Колонка после разделов

5. Вставьте код.

Правильный способ:

1. Зайдите в админку простопринта далее в верхнем меню: Настройки магазина — Настройка.

2. В поле Редактирование head: вставьте первую часть кода из вконтакта. (Которая отделена энтером)
3. Заходим в настройки Блоков (как в «быстром способе)
4. Вставьте оставшуюся часть кода VK Widget

Какой способ установки виджета групп вконтакте лучше выбрать?
Я считаю, что можно обойтись и «быстрым» способом. Но «правильный» — выгоднее ставить т.к. в будущем мы будем ставить еще комментарии вконтакте и многое другое…