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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

FAQ

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

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

Как восстановить ссылку в группе:

• Откройте страницу управления ссылками группы. Для этого на странице группы кликните ссылку ред. в блоке Ссылки.
• На странице управления ссылками группы, добавьте вот эту ссылку: 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, зарегистрируйте собственное приложение ВКонтакте:

• Откройте страницу http://vk.com/editapp?act=create (требуется аккаунт ВКонтакте)
• Введите данные нового приложения: название (любое), тип (веб-сайт), адрес (URL магазина, например 'http://example.com/path/store.php'), базовый домен (например, 'example.com').
  
  Базовый домен — это домен веб-страницы, на которой установлен магазин. Если магазин загружается в iframe, нужно указать домен исходного документа iframe. Например, для пользователей нашего Wix приложения, это будет "wix.ecwid.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. Сохраните код и перезагрузите страницу товара в браузере.

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