Виджет VKontakte

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

Рисунок 1.

Внимание

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

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

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

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

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

Далее выбрать в меню "Продукты", слева, в меню, выбрать пункт "Виджеты для сайтов", далее на странице, перейти в пункт "Сообщества" (рис.2).

Рисунок 2.

2) На открывшейся странице будет конструктор виджетов.

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

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

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

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

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

Рисунок 3.

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

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

Нажимаем "Сохранить" (рис.4).

Рисунок 4.

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

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

Рисунок 5.

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