Виджеты сообществ ВКонтакте и Facebook в InSales

Пошаговые мануалы /
Виджеты сообществ ВКонтакте и Facebook в интернет-магазине InSales
Установить на страницы своего интернет-магазина виджеты сообществ социальных сетей ВКонтакте и Facebook достаточно просто. Для этого понадобится сначала получить код соответствующего виджета, а затем вставить его в блок сайта через бэк-офис InSales.

Установка виджета для сообщества ВКонтакте

  1. Получить код своего сообщества ВКонтакте вы можете на странице vk.com/dev/Community
  2. На ней в поле «ссылка на страницу» вам необходимо ввести адрес своего сообщества и ниже выбрать параметры отображения в своем интернет-магазине самого виджета.

    Получение кода виджета ВКонтакте а его настройка
    Рисунок 1. Получение кода виджета ВКонтакте а его настройка

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

    Пример виджета ВКонтакте на странице его настроек
    Рисунок 2. Пример виджета ВКонтакте на странице его настроек

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

    Окно с кодом виджета сообщества ВКонтакте
    Рисунок 3. Окно с кодом виджета сообщества ВКонтакте

  5. Зайдите в бэк-офис своего интернет-магазина InSales и перейдите в раздел «Блоки». Там выберите тот блок, в котором должен отображаться виджет ВКонтакте, и нажмите иконку его редактирования.

    Раздел «блоков» в бэк-офисе интернет-магазина InSales
    Рисунок 4. Раздел «блоков» в бэк-офисе интернет-магазина InSales

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

    Вставка кода виждета в блок интернет-магазина InSales
    Рисунок 5. Вставка кода виждета в блок интернет-магазина InSales

  7. После сохранения изменений виджет сообщества ВКонтакте будет выводиться в соответствующем блоке вашего интернет-магазина.

    Вид виджета сообщества ВКонтакте в блоке интернет-магазина InSales.
    Рисунок 6. Вид виджета сообщества ВКонтакте в блоке интернет-магазина InSales.

Установка виджета сообщества Facebook

  1. Получить код виджета своего сообщества Facebook вы можете на странице developers.facebook.com/docs/plugins/page-plugin
  2. Введите в поле «Facebook Page URL» адрес своего сообщества в социальной сети Facebook и нажмите на ссылку «Get Code», расположенную снизу слева.

    Страница получения кода виджета сообщества Facebook
    Рисунок 7. Страница получения кода виджета сообщества Facebook

  3. Во всплывшем окне будет отображено два блока с кодами. В первом – Java-скрипт, а во-втором – HTML-код. Оба их необходимо поочередно скопировать и вставить в соответствующий блок интернет-магазина по аналогии со вставкой виджета ВКонтакте (пункты 5 и 6 представленной выше инструкции).

    Коды виджета сообщества Facebook
    Рисунок 8. Коды виджета сообщества Facebook

  4. После вставки кодов и сохранения изменений виджет сообщества Facebook появится в соответствующем блоке вашего интернет-магазина InSales.

    Виджет сообщества Facebook на странице интернет-магазина InSales
    Рисунок 9. Виджет сообщества Facebook на странице интернет-магазина InSales

1 комментарий

HeLLpeR
Все хорошо, но с недавних пор Facebook отключил данный плагин для групп и оставил только для персональных страниц. Имейте это ввиду))))
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.