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

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

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

Демо с играми

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

Примечание
Подключение и настройка магазина, описанные в инструкции, распространяются на сайты, созданные с помощью Site Builder. Если вы хотите подключить магазин на собственном сайте, воспользуйтесь инструкцией по созданию магазина.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Горизонтальный. Этот стиль карточки позволяет размещать название, описание и цену товара справа от изображения.
    В настройках этого стиля карточки вы можете:
    • скрыть или показать описание товара;
    • вписать или растянуть изображение товара;
    • включить или выключить горизонтальную прокрутку на мобильных устройствах;
    • добавить пользовательский фон для раздела с товарами.
  • Вертикальный. Этот стиль карточки позволяет размещать название, описание и цену товара под изображением.
    В настройках этого стиля карточки вы можете:
    • скрыть или показать описание товара;
    • вписать или растянуть изображение товара;
    • включить или выключить горизонтальную прокрутку на мобильных устройствах;
    • добавить пользовательский фон для раздела с товарами.
  • Большой. Этот стиль карточки рекомендуется использовать для бандлов и товаров с бонусом. Пользователь увидит состав карточки на лендинге, не нажимая на карточку.
    В настройках этого стиля карточки вы можете:
    • скрыть или показать описание товара;
    • вписать или растянуть изображение товара;
    • включить или выключить горизонтальную прокрутку на мобильных устройствах;
    • добавить пользовательский фон для раздела с товарами.
Примечание
Для бандлов вы можете использовать только Вертикальный, Большой и Особый стили карточки товара.
  • Для игровых ключей по умолчанию используется отдельный стиль карточки товара, его нельзя изменить. Он недоступен для других товаров.
    В настройках этого стиля вы можете:
    • скрыть или показать описание товара, дату релиза и платформы игровых ключей;
    • настроить размер изображения товара;
    • включить или выключить горизонтальную прокрутку на мобильных устройствах;
    • добавить пользовательский фон для раздела с товарами.
  1. Чтобы посмотреть, как пользователи будут видеть ваш сайт, нажмите Просмотр в правом верхнем углу Конструктора.
Была ли статья полезна?
Спасибо!
Что может сделать страницу еще лучше? Сообщение
Жаль, что так произошло
Расскажите, почему статья не была полезна. Сообщение
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.
Оценить страницу
Оценить страницу
Что может сделать страницу еще лучше?

В другой раз

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

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

Последнее обновление: 4 марта 2024

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

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