Виджет VKontakte

В статье рассмотрим как создать виджет Вконтакте (рис.1).

Рисунок 1.

Внимание

Для магазинов версии 8.0 и выше для настройки отображения виджета ВКонтакте в магазине необходимо в разделе "Настройки - Социальные сети - Социальные виджеты" достаточно просто разместить ссылку на группу ВКонтакте.

Если необходимо нестандартное отображение виджета (например, другие цвета в нем), то для генерации кода виджета следует использовать данную инструкцию.

Создание и установка виджета

Для того чтобы установить виджет "Мы Вконтакте" на главной странице вашего интернет-магазина, вам нужно сделать следующее.

Перейти на сайт http://vk.com/dev

В открывшейся странице выбрать "Виджет сообщений сообщества" (рис.2).

Рисунок 2.

Далее вы должны быть перенаправлены на страницу "Интеграция - Виджет для сайтов, выбераем "Сообщества" (рис.3), и в разделе "Код виджета" будет конструктор виджетов (рис.4).

Рисунок 3.

Рисунок 4.

1. Нужно вставить ссылку на свою группу в ВКонтакте в поле "Ссылка на страницу".

2. Ширина блока на сайте по умолчанию 295px, поэтому мы рекомендуем изменить ширину на 265px. 

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

Также, вы можете поменять высоту и цвет блока на своё усмотрение. 

В принципе, с виджетом всё готово, копируем весь код из поля "Код виджета для вставки на сайте" (рис.5).
Рисунок 5.

Переходим в часть администрирования магазина.

Пункт меню "Настройки - Социальные сети - Социальные виджеты" в поле "Вконтакте" разместим скопированный код. Нажимаем "Сохранить" (рис.6).

Рисунок 6.

Подробнее о том, как настраивать социальные виджеты в магазине по ссылке.

Переходим на главную страницу магазина, чтобы проверить результат (рис.7).

Рисунок 7.

Все готово. Мы разместили в магазине виджет ВКонтакте.