Как подключить магазин на сайте

Как это работает

Магазин на сайте поможет привлечь больше пользователей и улучшить монетизацию игры. С помощью магазина вы можете продавать игровые ключи (кроме шаблона Веб-магазин), бандлы, виртуальные предметы и пакеты виртуальных валют.

Демо с играми Демо с товарами и валютой

Сценарий пользователя

1. Пользователь переходит на сайт игры и открывает раздел с магазином.
2. Пользователь авторизуется на сайте.
3. Пользователь нажимает на карточку товара и видит подробное описание товара.

4. Пользователь нажимает на цену товара.
5. Пользователь оплачивает покупку в открывшемся платежном интерфейсе.

Сценарий интеграции

1. Создайте каталог в Личном кабинете.
2. Создайте блок Магазин.
3. Кастомизируйте блок Магазин.

Создание каталога

Чтобы создать каталог:

1. Откройте ваш проект в Личном кабинете.
2. В боковом меню нажмите Магазин > Подключить.
3. Нажмите Подключить в разделе с типом товара, который вы хотите продавать на сайте:
   • пакет виртуальной валюты;
   • виртуальные предметы;
   • игровые ключи;
   • бандлы.

Создание блока Магазин

Если вы создаете сайт с помощью шаблонов Веб-магазин и Магазин, блок Магазин автоматически добавляется на сайт.

Магазин на шаблоне Веб-магазин позволяет отображать на карточках товаров дополнительную информацию:

• Бонусы — для бонусных акций.
• Таймер акции — за 30 дней до конца акции на карточке товара автоматически появляется таймер, который показывает оставшееся время действия акции.
• Количество использований акции — для акции любого типа, если количество использований ограничено.
• Количество доступных товаров — для виртуальных товаров, если доступное количество товаров для покупки ограничено.

Если вы создаете сайт с помощью других шаблонов, чтобы добавить блок Магазин на сайт:

1. Откройте ваш проект в Личном кабинете.
2. В боковом меню нажмите Конструктор сайтов.
3. Нажмите Открыть конструктор сайтов.

4. Нажмите Добавить блок в шаблоне сайта.

5. В списке выберите блок Магазин.

6. В раскрывающемся списке выберите тип товара, который вы хотите продавать на сайте, и его группу.

7. Чтобы продавать товары на разных частях сайта, создайте несколько разделов с магазином. Для этого в меню блока Магазин нажмите Добавить раздел магазина.

Блок Магазин по умолчанию не поддерживает работу с корзиной и промокодами. Чтобы подключить корзину на сайте, обратитесь к вашему персональному менеджеру или напишите на csm@xsolla.com.

Кастомизация блока

1. Кастомизируйте заголовок раздела. Для этого в конструкторе нажмите на заголовок Магазин и отредактируйте текст и стиль заголовка.

2. Выберите Стиль карточки товара и настройте его.

• Особый. Этот стиль карточки позволяет привлечь внимание пользователей к товарам или специальным предложениям. Мы рекомендуем использовать этот стиль карточки для продвижения бонусных и скидочных акций, товаров и акций с заданными ограничениями на пользователя или по времени отображения в каталоге.
  В настройках этого стиля карточки вы можете:
  • скрывать или показывать изображение и описание товара;
  • вписать или растянуть изображение товара;
  • изменять цвет текста;
  • применять пользовательский фон для карусели.

• Горизонтальный. Этот стиль карточки позволяет размещать название, описание и цену товара справа от изображения.
  В настройках этого стиля карточки вы можете:
  • скрыть или показать описание товара;
  • вписать или растянуть изображение товара;
  • включить или выключить горизонтальную прокрутку на мобильных устройствах;
  • добавить пользовательский фон для раздела с товарами.

• Вертикальный. Этот стиль карточки позволяет размещать название, описание и цену товара под изображением.
  В настройках этого стиля карточки вы можете:
  • скрыть или показать описание товара;
  • вписать или растянуть изображение товара;
  • включить или выключить горизонтальную прокрутку на мобильных устройствах;
  • добавить пользовательский фон для раздела с товарами.

• Большой. Этот стиль карточки рекомендуется использовать для бандлов и товаров с бонусом. Пользователь увидит состав карточки на лендинге, не нажимая на карточку.
  В настройках этого стиля карточки вы можете:
  • скрыть или показать описание товара;
  • вписать или растянуть изображение товара;
  • включить или выключить горизонтальную прокрутку на мобильных устройствах;
  • добавить пользовательский фон для раздела с товарами.

• Для игровых ключей по умолчанию используется отдельный стиль карточки товара, его нельзя изменить. Он недоступен для других товаров.
  В настройках этого стиля вы можете:
  • скрыть или показать описание товара, дату релиза и платформы игровых ключей;
  • настроить размер изображения товара;
  • включить или выключить горизонтальную прокрутку на мобильных устройствах;
  • добавить пользовательский фон для раздела с товарами.

3. Чтобы посмотреть, как пользователи будут видеть ваш сайт, нажмите Просмотр в правом верхнем углу Конструктора.

Оценить страницу

Что может сделать страницу еще лучше? Отправить

В другой раз

Спасибо за обратную связь!

Полезные ссылки