Как вам помочь ?

Виджет VKontakte

Актуально для версии магазина: 6.0 | 5.0-4.1

В статье рассмотрим как создать виджет вконтакте. Например, Вы можете установить вот такой виджет на главную страницу сайта (рис.1)

Вы можете установить вот такой виджет на главную страницу сайта
Рисунок 1.

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

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

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

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

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

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

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

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

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

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

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

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

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

Пункт меню Магазин - CMS - Статические блоки, в списке находим статический блок с названием "Виджет Вконтакте "Группа" (ключ VK) и переходим в его редактирование (иконка карандаша).

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

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

Нажимаем "Сохранить"
Рисунок 4.

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

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

Другие статьи по теме

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: widget-vk