У каждого пользователя Эквида есть возможность добавить свой магазин в сеть ВКонтакте, используя наше готовое приложение. Магазин будет доступен миллионам пользователей этой социальной сети и позволит делать покупки, не покидая её. Управлять магазином (добавлять товары, просматривать заказы и т.д.) вы по-прежнему сможете в нашей контрольной панели.
Как создать магазин ВКонтакте
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 установки не отображается список групп, в которые можно добавить приложение
Группа может не показываться по трем причинам:
- ВКонтакте позволяет добавить приложение к группе, публичной странице или мероприятию. Групп в списке нет, поскольку у вас еще пока нет сообщества. Это легко исправить - вы можете создать группу на странице Мои группы, нажав на ссылку Cоздать сообщество.
- У вас есть группа, но вы не являетесь руководителем сообщества типа Администратор. ВКонтакте поддерживает несколько ролей управления сообществами (Модератор, Редактор, Администратор). При этом только Администратор может добавить в сообщество приложение магазина. Проверить, являетесь вы администратором или нет, легко: администратору доступно меню Управление сообществом в правой колонке на странице группы:
- Вы уже когда-то добавляли Эквид приложение для VK в эту группу, потом удалили. В этом случае приложение остается "привязанным" к этой группе, и она не будет отображаться в списке. В этом случае вам нужно следовать инструкции из статьи выше:
Я случайно удалил магазин со страницы группы ВКонтакте, как его восстановить?
Как сделать изменения в CSS только для магазина в ВКонтакте?
Если вы хотите применить некоторые CSS правила только к вашему магазину, установленному через приложение в ВКонтакте, вам нужно добавлять CSS стили с префиксом .app_content. Таким образом, CSS код будет применен только к магазину в ВКонтакте. Например, следующий код меняет цвет цены товара только в магазине в ВКонтакте:
.app_content div.ecwid-productBrowser-price {
color: green;
}
Как добавить виджет комментариев ВКонтакте на страницы товаров в Эквиде
Чтобы на странице магазина отображались комментарии ВКонтакте, нужно выполнить следующее:
-
Получить 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 приложения. Именно он вам и нужен для интеграции виджета на своем сайте. Скопируйте его себе.
-
Теперь скачайте файл и разместите его на сервере, где установлен ваш магазин.
-
Подключите скачанный файл на странице магазина. Для этого вставьте код ниже в административной панели сайта на странице магазина после кода интеграции:
<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>
-
Добавьте код загрузки виджета после кода интеграции Эквида:
<script>
EcwidVkWidgets.load({
vkApiId: 'ваш ID'
});
</script>
Вместо 'ваш ID' нужно вставить ID, полученный на шаге 1. Сохраните код и перезагрузите страницу товара в браузере.
Готово. Если все сделано верно, виджет комментариев появится на странице под блоком описания товара внизу страницы.