Как подключить магазин на сайте
Как это работает
Магазин на сайте поможет привлечь больше пользователей и улучшить монетизацию игры. С помощью магазина вы можете продавать игровые ключи (кроме шаблона Веб-магазин), бандлы, виртуальные предметы и пакеты виртуальных валют.
Демо с играми Демо с товарами и валютой
Сценарий пользователя
- Пользователь переходит на сайт игры и открывает раздел с магазином.
- Пользователь авторизуется на сайте.
- Пользователь нажимает на карточку товара и видит подробное описание товара.
- Пользователь нажимает на цену товара.
- Пользователь оплачивает покупку в открывшемся платежном интерфейсе.
Сценарий интеграции
Создание каталога
Чтобы создать каталог:
- Откройте ваш проект в Личном кабинете.
- В боковом меню нажмите Магазин > Подключить.
- Нажмите Подключить в разделе с типом товара, который вы хотите продавать на сайте:
Создание блока Магазин
Если вы создаете сайт с помощью шаблонов Веб-магазин и Магазин, блок Магазин автоматически добавляется на сайт.

Магазин на шаблоне Веб-магазин позволяет отображать на карточках товаров дополнительную информацию:
- Бонусы — для бонусных акций.
- Таймер акции — за 30 дней до конца акции на карточке товара автоматически появляется таймер, который показывает оставшееся время действия акции.
- Количество использований акции — для акции любого типа, если количество использований ограничено.
- Количество доступных товаров — для виртуальных товаров, если доступное количество товаров для покупки ограничено.
Если вы создаете сайт с помощью других шаблонов, чтобы добавить блок Магазин на сайт:
- Откройте ваш проект в Личном кабинете.
- В боковом меню нажмите Конструктор сайтов.
- Нажмите Открыть конструктор сайтов.
- Нажмите Добавить блок в шаблоне сайта.
- В списке выберите блок Магазин.
- В раскрывающемся списке выберите тип товара, который вы хотите продавать на сайте, и его группу.
- Чтобы продавать товары на разных частях сайта, создайте несколько разделов с магазином. Для этого в меню блока Магазин нажмите Добавить раздел магазина.
Блок Магазин по умолчанию не поддерживает работу с корзиной и промокодами. Чтобы подключить корзину на сайте, обратитесь к вашему персональному менеджеру или напишите на csm@xsolla.com.
Кастомизация блока
- Кастомизируйте заголовок раздела. Для этого в конструкторе нажмите на заголовок Магазин и отредактируйте текст и стиль заголовка.
- Выберите Стиль карточки товара и настройте его.
- Особый. Этот стиль карточки позволяет привлечь внимание пользователей к товарам или специальным предложениям. Мы рекомендуем использовать этот стиль карточки для продвижения бонусных и скидочных акций, товаров и акций с заданными ограничениями на пользователя или по времени отображения в каталоге.
В настройках этого стиля карточки вы можете:- скрывать или показывать изображение и описание товара;
- вписать или растянуть изображение товара;
- изменять цвет текста;
- применять пользовательский фон для карусели.

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

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

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

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

- Чтобы посмотреть, как пользователи будут видеть ваш сайт, нажмите Просмотр в правом верхнем углу Конструктора.
Была ли статья полезна?
Оценить страницу
В другой раз
Спасибо за обратную связь!
Полезные ссылки
Последнее обновление: 29 августа 2023Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.