Shop-Script и «ВКонтакте»

Интеграция Shop-Script с социальной сетью «ВКонтакте» (www.vkontakte.ru) осуществляется в трёх направлениях (методах):

1. возможность работы вашего интернет-магазина в качестве полноценного приложения для «ВКонтакте» и прием заказов из него
2. размещение ссылок «Мне нравится» на страницах витрины вашего интернет-магазина
3. размещение виджета комментариев для обсуждения товаров и другой информации, опубликованной в интернет-магазине

Каждый из методов интеграции работает независимо от других: можно использовать один из методов, несколько методов или все методы вместе. Далее приведен порядок действий для подключения магазина по каждому из методов.

Метод A. Размещение магазина в виде приложения «ВКонтакте»

Shop-Script предоставляет возможность встроить витрину вашего интернет-магазина во «ВКонтакте» в качестве IFrame-приложения. Продукты каталога и процесс оформления заказа отображаются непосредственно во «ВКонтакте» без перехода на основную витрину вашего интернет-магазина.

В разделе администрирования магазина «Инструменты -> Соцсети» включите интеграцию со «ВКонтакте» (если такого пункта у вас нет, убедитесь, что у вас есть необходимые права доступа к этому разделу).

После включения интеграции с «ВКонтакте» в разделе администрирования магазина «Инструменты -> Соцсети» автоматически активируется специальная версия витрины вашего интернет-магазина для «ВКонтакте», доступная по адресу http://(адрес вашего магазина)/vkontakte/. Это несколько упрощенная версия обычной витрины, внешний вид которой адаптирован под оформление соцсети — покупатель, не разбирающийся в тонкостях работы IFrame-приложений, не увидит, что магазин на самом деле работает где-то вне сайта «ВКонтакте».

Главное преимущество такой интеграции состоит в возможности использовать внутренную таргетированную рекламную систему «ВКонтакте» для рекламы вашего магазина-приложения.

Чтобы полностью подключить ваш магазин ко «ВКонтакте» в качестве приложения, потребуется следующее:

1. Перейдите в раздел сайта ВКонтакте для разработчиков по адресу http://vkontakte.ru/developers.php и щёлкните по кнопке «Создать приложение».
2. Введите название описание своего интернет-магазина, выберите тип «Приложение», категорию «Магазины» и щёлкните по кнопке «Перейти к загрузке приложения».
3. После подтверждения перейдите на вкладку администрирования приложения «Настройки». При создании приложения для вашего интернет-магазина обязательно укажите следующие две настройки: Тип приложения: IFrame, и Адрес IFrame — сюда нужно скопировать значение поля «Адрес вконтактовской витрины магазина» из настроек Shop-Script (в разделе интеграции с «ВКонтакте»).

   

4. Остальные настройки установите по своему усмотрению. Приложение будет работать без требования установки приложения: пользователь запускает приложение и сразу может оформить заказ. Чтобы от каждого пользователя требовалась установка приложения, включите параметр Установка приложения.

5. Готово. Ничего дополнительно подключать не требуется — ваш магазин уже будет работать в качестве приложения ВКонтакте.

СПЕЦПРЕДЛОЖЕНИЯ: На снимке выше показан пример витрины интернет-магазина цифровой техники, и в качестве спецпредложений показаны три фотоаппарата. Чтобы аналогичным образом показать продукты в вашем интернет-магазине, создайте список продуктов в разделе администрирования магазина «Продукты -> Списки», указав идентификатор списка vkontaktespecial. Список с таким идентификатором показывается на главной странице приложения для «ВКонтакте». Если такой список не существует, на главной странице приложения будут показаны только категории продуктов — без спецпредложений.

Метод B: «Мне нравится»

Этот пункт интеграции реализуется с помощью JavaScript-функций «ВКонтакте», а не функциями Shop-Script. Суть его работы заключается в размещении на страницах интернет-магазина кнопок с надписью «Мне нравится», нажимая на которые посетители магазина, у которых есть аккаунты во «ВКонтакте», смогут публиковать ссылки на ваши продукты на своей стене в соцсети.

Преимущество интеграции в ее простоте: нужно только получить код кнопки «Мне нравится» на сайте «ВКонтакте» и разместить этот код на витрине магазина с помощью дизайн-редактора без регистрации магазина в соцсети:

1. Авторизуйтесь во «ВКонтакте» и перейдите на страницу создания кнопки «Мне нравится» по адресу http://vkontakte.ru/developers.php?o=-1&p=Like.
2. В форме настройки напротив «Сайт/приложение» выберите пункт «Подключить новый сайт», укажите требуемые свойства своего интернет-магазина и нажмите «Сохранить».

   Если вы ранее уже добавляли свой интернет-магазин в этот список, то повторно добавлять его не нужно — достаточно выбрать его название.

3. Выберите подходящий внешний вид и название кнопки.
4. Скопируйте из текстового окна фрагмент кода, начинающийся с комментария <!-- Put this script tag to the <head> of your page -->. Откройте редактор дизайна Shop-Script в разделе «Дизайн -> Редактор дизайна» и вставьте скопированный фрагмент кода на вкладке «Head».
5. Скопируйте остальной код, начинающийся с комментария <!-- Put this div tag to the place, where the Like block will be -->, откройте вкладку «Продукт» в редакторе дизайна Shop-Script, включите режим редактирования HTML-кода и вставьте скопированный код в подходящее место.

   Внимание: код кнопки, содержащий фигурные скобки { и }, необходимо размещать в окне редакторе HTML-кода и на вкладке HEAD между специальными тегами {literal} и {/literal} следующим образом:

   {literal}
   код кнопки «Мне нравится»
   {/literal}

Рекомендуем добавлять код кнопки на страницу с информацией о продукте (вкладка «Продукт» на странице редактора дизайна). В этом случае отдача от кнопки будет выше — посетители смогут выражать свое отношение к конкретным продуктам, а не к магазину в целом. Добавление кода на вкладке редактора «Продукт» автоматически разместит кнопку на страницах всех продуктов.

Пример опубликованных кнопок «Мне нравится» на страницах продуктов посмотрите в интернет-магазине «Мега Подарки» по адресу http://www.mega-podarki.ru/product/mega-chupa-chups/.

Метод C: Виджет комментариев

Кроме простого одобрения с помощью кнопки «Мне нравится», вы можете предоставить посетителям интернет-магазина возможность оставлять комментарии, например, о товарах или новостях. Для этого необходимо установить виджет комментариев.

Как установить виджет

1. Авторизуйтесь в аккаунте ВКонтакте.
2. Перейдите на страницу настройки виджета по адресу http://vkontakte.ru/developers.php?o=-1&p=Comments:

   

3. В форме настройки напротив «Сайт/приложение» выберите пункт «Подключить новый сайт», укажите требуемые свойства своего интернет-магазина и нажмите «Сохранить».

   Если вы ранее уже добавляли свой интернет-магазин в этот список, то повторно добавлять его не нужно — достаточно выбрать его название.

4. Укажите желаемые свойства виджета: количество отображаемых комментариев, возможность публикации расширенных комментариев (фотографий, видео, ссылок и др.) и ширину виджета в пикселях.
5. Скопируйте из текстового окна фрагмент кода, начинающийся с комментария <!-- Put this script tag to the <head> of your page -->. Откройте редактор дизайна Shop-Script в разделе «Дизайн -> Редактор дизайна» и вставьте скопированный фрагмент кода на вкладке «Head».
6. Скопируйте остальной код, начинающийся с комментария <!-- Put this div tag to the place, where the Comments block will be -->, откройте вкладку «Основная разметка» в редакторе дизайна Shop-Script, включите режим редактирования HTML-кода и вставьте скопированный код в подходящее место (например, рядом с тегом {cpt_maincontent overridestyle=''}).

   Код следует вставлять между тегами {literal}{/literal}, как описано в разделе «Метод B: Мне нравится».

7. После сохранения изменений на каждой странице витрины вашего интернет-магазина появится блок публикации комментариев:

РЕЗЮМЕ

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

Следует понимать, что интеграция с соцсетью — это не панацея, которая гарантирует мгновенный прирост продаж. Это — хороший дополнительный канал привлечения новых покупателей, дополнение к основной витрине магазина. Одним из преимуществ такой интеграции являются возможность использования рекламных средств соцсети «ВКонтакте»: а) таргетированной рекламы, б) поощрения пользователей в распространении слуха о вашем магазине и товарах.

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

Смотрите также: Shop-Script и «Фейсбук».