Магазин Вконтакте

У каждого пользователя Эквида есть возможность добавить свой магазин в сеть ВКонтакте, используя наше готовое приложение. Магазин будет доступен миллионам пользователей этой социальной сети и позволит делать покупки, не покидая её. Управлять магазином (добавлять товары, просматривать заказы и т.д.) вы по-прежнему сможете в нашей контрольной панели.

Как создать магазин ВКонтакте

1. Войдите в свою учетную запись ВКонтакте

Для заведения магазина ВКонтакте вам необходим аккаунт ВКонтакте. Если у вас его еще нет, создайте аккаунт здесь: http://vk.com/

2. Создайте свою группу ВКонтакте

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

3. Создайте магазин с помощью нашего приложения ВКонтакте

Откройте наше приложение по ссылке: http://vk.com/app1800176 и нажмите кнопку Зарегистрироваться. Далее воспользуйтесь подсказками приложения для создания и настройки магазина. Весь процесс состоит из трёх шагов:

• Выберите группу, в которую вы хотите добавить магазин.
  Если у вас еще нет группы, посмотрите пункт 2 данной инструкции.
• Привяжите ваш Эквид магазин к создаваемому приложению.
  Если у вас уже есть аккаунт в Эквиде, то просто скопируйте Store ID из вашей панели управления Эквида и сохраните его в приложении. Если же аккаунта еще нет, его можно создать сразу из приложения или же на сайте www.ecwid.com. Это бесплатно.
• Добавьте магазин к странице группы.
  Для этого нужно скопировать предложенную приложением ссылку в список ссылок вашей группы.

4. Настройте ваш магазин ВКонтакте

На следующем шаге вы сможете настроить внешний вид магазина и добавить информацию о магазине и продавце на страницу приложения.

Согласно правилам ВКонтакте все приложения-магазины должны отображать на своих страницах следующую информацию:

• Правила оплаты, доставки и процедуры возврата
• Информация о продавце
• Контактные данные магазина

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

Готово - после выполнения всех вышеперечисленных пунктов ссылка на ваш магазин появится в списке ссылок вашей группы и ваши посетители смогут покупать товары и оформлять заказ непосредственно на страницах вашего магазина ВКонтакте.

5. (Не обязательно) Создайте рекламное объявление ВКонтакте

В качестве дополнительного средства привлечения клиентов вы можете рассмотреть создание рекламного объявления ВКонтакте: http://vk.com/ads .

Ответы на часто задаваемые вопросы

Я случайно удалил магазин со страницы группы ВКонтакте, как его восстановить?

Если вы случайно удалили ссылку на приложение магазина со страницы вашей группы/сообщества ВКонтакте, ее легко восстановить: приложение после удаления ссылки продолжает существовать. Как восстановить ссылку в группе:

• Откройте страницу управления ссылками группы. Для этого на странице группы кликните ссылку ред. в блоке Ссылки.
• На странице управления ссылками группы, добавьте вот эту ссылку: http://vk.com/app1800176.
• Откройте страницу группы — в блоке ссылок появилась иконка магазина, ведущая на страницу с витриной вашего магазина​

На шаге 2 установки не отображается список групп, в которые можно добавить приложение

Группа может не показываться по трем причинам:

1. ВКонтакте позволяет добавить приложение к группе, публичной странице или мероприятию. Групп в списке нет, поскольку у вас еще пока нет сообщества. Это легко исправить - вы можете создать группу на странице Мои группы, нажав на ссылку Cоздать сообщество.
2. У вас есть группа, но вы не являетесь руководителем сообщества типа Администратор. ВКонтакте поддерживает несколько ролей управления сообществами (Модератор, Редактор, Администратор). При этом только Администратор может добавить в сообщество приложение магазина. Проверить, являетесь вы администратором или нет, легко: администратору доступно меню Управление сообществом в правой колонке на странице группы:

3. Вы уже когда-то добавляли Эквид приложение для VK в эту группу, потом удалили. В этом случае приложение остается "привязанным" к этой группе, и она не будет отображаться в списке. В этом случае вам нужно следовать инструкции из статьи выше:

   Я случайно удалил магазин со страницы группы ВКонтакте, как его восстановить?

Как сделать изменения в CSS только для магазина в ВКонтакте?

Если вы хотите применить некоторые CSS правила только к вашему магазину, установленному через приложение в ВКонтакте, вам нужно добавлять CSS стили с префиксом .app_content. Таким образом, CSS код будет применен только к магазину в ВКонтакте. Например, следующий код меняет цвет цены товара только в магазине в ВКонтакте:

.app_content div.ecwid-productBrowser-price {
color: green;
}

Как добавить виджет комментариев ВКонтакте на страницы товаров в Эквиде

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

1. Получить API ID для своего сайта.

ВКонтакте требует, чтобы для каждого установленного где-либо виджета комментариев или кнопки Мне нравится использовался собственный идентификатор (API ID или ID приложения). Чтобы получить API ID зарегистрируйте собственное приложение ВКонтакте:

Базовый домен - это домен веб-страницы, на которой установлен магазин. Если магазин загружается в iframe, нужно указать домен исходного документа iframe. Например, для пользователей нашего Wix приложения, это будет "wix.ecwid.com".

• Откройте страницу http://vk.com/editapp?act=create (требуется аккаунт ВКонтакте)
• Введите данные нового приложения: название (любое), тип (веб-сайт), адрес (URL магазина, например 'http://example.com/path/store.php'), базовый домен (например, 'example.com').
• Нажмите Подключить сайт. ВКонтакте вышлет вам проверочный код на мобильный телефон и попросит ввести его в соответствующее поле.
• После подтверждения вы увидите страницу с настройками вашего приложения, где, среди прочих данных, будет прописан ID приложения. Именно он вам и нужен для интеграции виджета на своем сайте. Скопируйте его себе.

2. Теперь скачайте файл и разместите его на сервере, где установлен ваш магазин.

3. Подключите скачанный файл на странице магазина. Для этого вставьте код ниже в административной панели сайта на странице магазина после кода интеграции:

<script type="text/javascript" 
src="<путь_до_файла>/EcwidVkWidgets.js" 
charset="utf-8"></script>

В коде <путь_до_файла> нужно заменить на реальный путь до EcwidVkWidgets.js . Это может быть URL файла. Скажем, если ваш сайт www.example.com, а файл вы разместили в папке 'path' в корне директории сайта, то адрес файла EcwidVkWidgets.js будетhttp://www.example.com/path/EcwidVkWidgets.js, а строчка подключения будет выглядеть так:

<script type="text/javascript" 
src="http://www.example.com/path/EcwidVkWidgets.js" 
charset="utf-8"></script>

4. Добавьте код загрузки виджета после кода интеграции Эквида:

<script>
EcwidVkWidgets.load({
  vkApiId: 'ваш ID'
});
</script>

Вместо 'ваш ID' нужно вставить ID, полученный на шаге 1. Сохраните код и перезагрузите страницу товара в браузере.

Готово. Если все сделано верно, виджет комментариев появится на странице под блоком описания товара внизу страницы.