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

Установить на страницы своего интернет-магазина виджеты сообществ социальных сетей ВКонтакте и Facebook достаточно просто. Для этого понадобится сначала получить код соответствующего виджета, а затем вставить его в блок сайта через бэк-офис InSales.
Установка виджета для сообщества ВКонтакте
- Получить код своего сообщества ВКонтакте вы можете на странице vk.com/dev/Community
- На ней в поле «ссылка на страницу» вам необходимо ввести адрес своего сообщества и ниже выбрать параметры отображения в своем интернет-магазине самого виджета.
Рисунок 1. Получение кода виджета ВКонтакте а его настройка
- Изменяя параметры, вы можете видеть их влияние на отображение виджета, который показан чуть ниже самого кода.
Рисунок 2. Пример виджета ВКонтакте на странице его настроек
- После того, как вы выберете оптимальные параметры отображения виджета ВКонтакте на страницах своего интернет-магазина, вам следует скопировать код, отображаемый выше превью виджета.
Рисунок 3. Окно с кодом виджета сообщества ВКонтакте
- Зайдите в бэк-офис своего интернет-магазина InSales и перейдите в раздел «Блоки». Там выберите тот блок, в котором должен отображаться виджет ВКонтакте, и нажмите иконку его редактирования.
Рисунок 4. Раздел «блоков» в бэк-офисе интернет-магазина InSales
- Во всплывшем окне нажмите на пиктограмму «исходный код», которая позволит нам внести в содержание блока скрипт. Вставьте во второе всплывшее окно код, скопированный со страницы создания виджета на сайте ВКонтакте.
Рисунок 5. Вставка кода виждета в блок интернет-магазина InSales
- После сохранения изменений виджет сообщества ВКонтакте будет выводиться в соответствующем блоке вашего интернет-магазина.
Рисунок 6. Вид виджета сообщества ВКонтакте в блоке интернет-магазина InSales.
Установка виджета сообщества Facebook
- Получить код виджета своего сообщества Facebook вы можете на странице developers.facebook.com/docs/plugins/page-plugin
- Введите в поле «Facebook Page URL» адрес своего сообщества в социальной сети Facebook и нажмите на ссылку «Get Code», расположенную снизу слева.
Рисунок 7. Страница получения кода виджета сообщества Facebook
- Во всплывшем окне будет отображено два блока с кодами. В первом – Java-скрипт, а во-втором – HTML-код. Оба их необходимо поочередно скопировать и вставить в соответствующий блок интернет-магазина по аналогии со вставкой виджета ВКонтакте (пункты 5 и 6 представленной выше инструкции).
Рисунок 8. Коды виджета сообщества Facebook
- После вставки кодов и сохранения изменений виджет сообщества Facebook появится в соответствующем блоке вашего интернет-магазина InSales.
Рисунок 9. Виджет сообщества Facebook на странице интернет-магазина InSales
1 комментарий