Создание многостраничного сайта для продажи игр

С помощью готового шаблона Xsolla Site Builder вы можете создать магазин игр — многостраничный сайт для продажи игровых ключей для нескольких игр.

Посмотреть демо

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

1. Создайте проект в Личном кабинете.
2. Подпишите Лицензионный договор с Xsolla и пройдите налоговое интервью.

3. Для каждой игры создайте пакеты игровых ключей в рамках одного проекта.
4. Создайте бандлы с игровыми ключами (опционально).
5. Создайте сайт:
   • Добавьте и кастомизируйте страницы игр.
   • Создайте главную страницу магазина.
6. Добавьте на сайт новости (опционально).
7. Протестируйте работу сайта.
8. Опубликуйте сайт.

Создание проекта в Личном кабинете

Личный кабинет — основной инструмент для настройки возможностей Xsolla, а также для работы с аналитикой и транзакциями.

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

Чтобы создать проект:

1. Зарегистрируйтесь в Личном кабинете.

2. Укажите основную информацию для создания аккаунта:
   1. Ваши имя и фамилию.
   2. Вашу роль в компании.
   3. Название компании. Если вы регистрируетесь как физическое лицо, укажите полностью ваши имя и фамилию.
   4. Ссылку на подробную информацию о вас и вашей игре или продукте (опционально).
   5. Вашу страну или регион.

3. Нажмите Далее.

4. Чтобы автоматически создать ваш первый проект, укажите основную информацию о нем:
   1. Выберите тип проекта: Игра, Игровая платформа или Другое.
   2. Введите название проекта на английском языке.
   3. Выберите одну или несколько платформ релиза.
   4. Выберите способы монетизации, которые вы используете или собираетесь использовать.
   5. Выберите стадию разработки.
   6. Если тип вашего проекта — Игра, выберите ее жанр и игровой движок.
   7. Добавьте ссылку на игру или продукт (опционально).

5. Нажмите Завершить.

После создания проекта вы будете перенаправлены на страницу компании, где в боковом меню отобразится созданный проект:

• Нажмите на его название, чтобы перейти к дальнейшей интеграции продуктов и решений Xsolla.
• Перейдите в раздел Настройки проекта, чтобы добавить дополнительные языки и названия проекта на этих языках (опционально).

Если у вас несколько игр или продуктов, добавьте проект для каждой из них. Для этого на странице компании в боковом меню нажмите Создать проект и укажите необходимую информацию.

Юридические аспекты

Подписание лицензионного договора

Подпишите Лицензионный договор с Xsolla. Это позволит вам принимать реальные платежи с помощью всех способов оплаты, которые доступны с Xsolla. Чтобы подписать договор:

1. Откройте Личный кабинет и перейдите в раздел Договоры и налоги > Договоры > Лицензионный договор.
2. Нажмите Заполнить форму договора.
3. Укажите ваши данные в форме.

Ваша заявка будет рассмотрена в течение 3 рабочих дней. Помимо проверки юридических деталей, мы проверяем игры на наличие контента для взрослых, нарушений авторских прав, а также другого запрещенного или ограниченного контента. Если в процессе проверки возникнут вопросы, мы свяжемся с указанным в заявке контактным лицом. После прохождения проверки на стороне Xsolla статус вашего договора изменится на Подписан.

Прохождение налогового интервью

Для соблюдения требований налоговой отчетности и удержания налогов в соответствии с законодательством США, Xsolla требует, чтобы все партнеры предоставляли достоверную информацию о налогоплательщике и предоставляли необходимую налоговую форму (W-8 для физических и юридических лиц за пределами США, W-9 для физических и юридических лиц из США) при прохождении налогового интервью. Этот этап доступен только после подписания лицензионного соглашения с Xsolla.

Чтобы пройти налоговое интервью:

1. Зайдите в свой аккаунт в Личном кабинете.
2. В боковом меню перейдите в раздел Договоры и налоги > Налоговое интервью. При возникновении вопросов изучите ответы на частые вопросы, которые приведены в этом разделе.
3. Заполните налоговую форму достоверной информацией о вас или вашей компании.

Если в процессе проверки данных возникнут вопросы, вы получите сообщение на указанный email-адрес. После прохождения проверки в разделе Договоры и налоги > Налоговое интервью будет указано, что проверка налогового интервью пройдена успешно.

Подробная информация о международном управлении налогами приведена на сайте Xsolla.

Создание пакетов игровых ключей

Создайте пакеты игровых ключей для каждой игры:

1. В проекте в Личном кабинете перейдите в раздел Каталог товаров > Игровые ключи.
2. На вкладке Игровые ключи нажмите Новый пакет игровых ключей.

3. Задайте базовые настройки пакета:
   1. Добавьте общую информацию о каждой игре:
      • изображение;
      • артикул;
      • название игры;
      • описание игры (опционально).
   2. Добавьте ссылку на страницу игры:
      1. Установите переключатель Добавить ссылку на страницу игры в положение Вкл.
      2. Если вы еще не создали страницу игры, выберите Создать новую страницу игры и заполните поле Название страницы игры.
      3. Если вы ранее создали страницу игры с помощью Site Builder, выберите ее в раскрывающемся списке.

4. Нажмите Сохранить и продолжить.
5. Выберите платформы распространения игры и загрузите файлы с ключами в формате CSV или TXT. Комбинация символов каждого ключа должна быть уникальной. Ключи с повторяющейся комбинацией загружены не будут.
6. Если вы хотите продавать игру до официального релиза, установите переключатель Предзаказы в положение Вкл. Дату релиза, когда ключи будут доставлены пользователям, вы можете указать сразу при создании ключей или позже.
7. Нажмите Сохранить и продолжить.
8. Настройте цены для выбранных платформ:
   1. Задайте цены или создайте бесплатные ключи:
      • Чтобы создать бесплатный пакет ключей, в поле Платно или бесплатно выберите Бесплатный ключ.
      • Чтобы задать цену, в поле Платно или бесплатно выберите Платный ключ и укажите цену в одной или нескольких валютах.
   2. Задайте региональные цены (опционально). Для этого для каждой страны, в которой требуется ввести региональную ценовую политику, выполните следующие шаги:
      1. В поле Страноцентричные цены в реальной валюте нажмите Добавить цену.
      2. Укажите страну, валюту и сумму.
9. Нажмите Сохранить и продолжить.
10. При успешном создании пакета ключей отобразится модальное окно с вариантами продажи игровых ключей. Нажмите Закрыть, так как страница игры уже была создана на предыдущих этапах (см. шаг 3b).

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

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

Создание бандлов с игровыми ключами

Бандлы позволяют объединять цифровой контент, распространяемый через ключи, в один комплект. Например, вы можете добавить в бандл ключи для нескольких игр, DLC, саундтреков и апгрейдов до расширенных изданий. Такой формат продаж удобен как для пользователей, так и для разработчиков: пользователи получают доступ к играм по сниженной цене, а разработчики могут повысить вовлеченность аудитории и увеличить продажи.

Гибкие настройки также позволяют устанавливать скидки и ограничивать доступ к предложению по времени или количеству продаж.

Ограничения:

• В состав бандла нельзя добавить этот же бандл.
• Нельзя создать пустой бандл.
• Продажа бандла будет приостановлена, если кончились свободные для продажи ключи из состава бандла.
• Региональные ограничения на бандл настраиваются только через методы API.

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

1. В проекте в Личном кабинете перейдите в раздел Каталог товаров > Бандлы.
2. Нажмите Создать бандл.

3. Задайте базовые настройки бандла:
   • изображение;
   • артикул;
   • название банла;
   • описание бандла (опционально).
4. Нажмите Далее.
5. Настройте содержимое бандла:
   1. В поле Тип товара выберите Игровые ключи.
   2. Установите флажок напротив игровых ключей, которые требуется добавить в бандл.
6. Нажмите Далее.
7. Настройте цену бандла:
   1. Задайте цены или создайте бесплатный бандл:
      • Чтобы создать бесплатный бандл, в поле Платно или бесплатно выберите Бесплатный бандл.
      • Чтобы задать цену, в поле Платно или бесплатно выберите Платный бандл и укажите цену в одной или нескольких валютах.
   2. Задайте региональные цены (опционально). Для этого для каждой страны, в которой требуется ввести региональную ценовую политику, выполните следующие шаги:
      1. В поле Страноцентричные цены в реальной валюте нажмите Добавить цену.
      2. Укажите страну, валюту и сумму.
   3. Задайте ограничение на покупку бандла (опционально). Для этого установите переключатель Ограничивать покупку бандлов пользователем в положение Вкл и укажите количество бандлов, доступное для покупки пользователем.
8. Нажмите Далее.
9. Настройте отображение бандла в магазине:
   1. Измените статус на Доступен.
   2. Настройте ограничение времени отображения бандлов (опционально). Для этого выберите пункт Период времени и укажите часовой пояс, начало и конец периода. Чтобы не указывать конец периода отображения бандла, установите флажок Без даты окончания.
10. Нажмите Далее.
11. Проверьте все настройки и нажмите Сохранить.

Порядок бандлов в магазине соответствует порядку бандлов в списке. Чтобы изменить положение бандла в списке, наведите курсор на номер строки и перетащите строку за значок ☰ в нужную позицию.

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

Ограничение количества доступных для покупки бандлов

Ограничение времени отображения бандлов в магазине

Методы API для администрирования бандлов

Создание страниц игр

Завершите настройку страниц игр. Для этого выполните для каждой игры следующие шаги:

1. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты.
2. В панели сайта, который автоматически создался при добавлении пакета игровых ключей, нажмите Открыть Site Builder.
3. Выберите шаблон Страница игры.
4. Добавьте ссылку на игру в Steam или Epic Games Store для автоматической настройки дизайна магазина.
5. Если вы хотите настроить дизайн магазина вручную или ваша игра не представлена на этих платформах, установите переключатель Копировать данные игры из Steam или Epic Games Store через URL в неактивное положение.
6. Нажмите Создать страницу игры.

7. Настройте или отредактируйте основные блоки сайта.

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

Создание главной страницы магазина игр

Создайте главную страницу с каталогом всех ранее добавленных игр:

1. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты и нажмите Создать сайт.
2. Выберите шаблон Магазин игр и нажмите Создать магазин.

3. Настройте блок с информацией об избранных игровых изданиях:
   1. Перейдите в раздел Популярные игры.
   2. Задайте общие настройки блока:
      • заголовок;
      • описание;
      • расположение элементов;
      • действие по клику на область издания;
      • наличие горизонтальной прокрутки;
      • пользовательский фон.
   3. Добавьте разделы с необходимым контентом.

4. В блоке Магазин автоматически будут добавлены настроенные ранее бандлы с игровыми ключами и игры. При необходимости измените настройка блока.

5. Если вы планируете использовать промокоды для игровых ключей:
   1. Перейдите в Настройки корзины.
   2. Установите переключатель Показать поле для промокодов в активное положение. Чтобы настроить промокоды, воспользуйтесь инструкцией.

Примечание

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

6. Настройте или отредактируйте остальные блоки сайта.

Добавление новостей на сайт

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

Чтобы добавить статьи на сайт:

1. Создайте категории статей (опционально).
2. Создайте статью.
3. Добавьте статьи на сайт.

Создание категорий статей

Категории позволяют вам группировать статьи с новостями по темам, а также управлять их отображением на сайте.

Чтобы создать категорию статей:

1. В проекте в Личном кабинете перейдите в раздел Дистрибуция > Лаунчер.
2. На вкладке Дашборд выполните следующие шаги:
   • Если у вас уже есть настроенные лаунчеры, нажмите Редактировать в панели нужного лаунчера.
   • Если у вас нет созданного лаунчера:
     1. Нажмите Настроить лаунчер.
     2. Нажмите Создать лаунчер.
     3. Укажите название лаунчера.
     4. Нажмите Далее.
     5. Выберите любую операционную систему — эта настройка не влияет на публикацию статей.
     6. Нажмите Далее.
     7. Нажмите Создать. Для публикации статей вам не нужно добавлять игру и настраивать вариант авторизации.

3. В разделе Контент нажмите Плитки контента.

4. Нажмите Создать группу.

5. Заполните обязательные поля:
   • В поле Где показывать контент укажите Все игры.
   • Выберите расположение контента на странице.
   • В поле О какой игре контент укажите Это неигровой контент.

Эти настройки необходимы для создания категорий статей, но не влияют на их публикацию.

6. Нажмите Далее.
7. Укажите Заголовок уведомления.
8. Если вы уже создали статьи, вы можете добавить их в группу.
9. Нажмите Создать.

Созданная группа появится в разделе Плитки контента в статусе Черновик. Чтобы опубликовать группу, измените статус на Опубликовать.

Создание статьи

Чтобы создать статью:

1. В проекте в Личном кабинете перейдите в раздел Дистрибуция > Лаунчер.
2. В панели нужного лаунчера нажмите Редактировать.
3. В разделе Контент нажмите Плитки контента.
4. Нажмите Создать контент.

5. Заполните обязательные поля:
   • В поле Где показывать контент укажите Все игры.
   • Выберите расположение контента на странице.
   • В поле О какой игре контент укажите Это неигровой контент.

Эти настройки необходимы для создания статей, но не влияют на их публикацию.

6. Нажмите Далее.
7. Выберите тип контента — Новости.
8. Введите заголовок статьи.
9. Загрузите изображение для статьи.
10. В поле Контент добавьте текст статьи. Вы также можете добавить изображения, видео и ссылки.
11. Если ваш сайт локализуется на другие языки, добавьте локализованные версии статьи в соответствующие блоки.
12. Нажмите Создать.

Созданная статья появится в списке в разделе Плитки контента в статусе Черновик. Чтобы опубликовать статью на сайте, измените статус на Опубликовать.

Чтобы добавить статьи в категорию:

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

Добавление статей на сайт

Чтобы статьи отображались на сайте:

1. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты.
2. В панели сайта с главной странице магазина игр нажмите Открыть Site Builder.
3. Выберите блок Новости.
4. В боковом меню в разделе Контент в раскрывающемся списке Источник новостей выберите лаунчер, опубликованные статьи из которого будут отображаться на вашем сайте.
5. В боковом меню в блоке Контент в раскрывающемся списке Категории для просмотра выберите категории статей для публикации — опубликованные группы контента.

6. При необходимости кастомизируйте блок в разделе Настройки блока:
   • скройте или отобразите заголовок блока;
   • добавьте пользовательский фон;
   • отобразите категории статей в виде вкладок.
7. Опубликуйте сайт. Если сайт уже опубликован, статья появится на сайте автоматически.

Тестирование сайта в тестовом окружении

Тестовое окружение (sandbox-режим) — это автономная рабочая среда, в которой доступны все функции live-режима, кроме авторизации пользователя, проведения реальных платежей и отмены платежей.

Чтобы протестировать работу сайта в тестовом окружении:

1. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты.
2. В панели сайта с главной странице магазина игр нажмите Открыть Site Builder.
3. Нажмите Просмотр.

4. Выберите игру или бандл, нажмите кнопку покупки.
5. Выберите группу способов оплаты Банковские карты.
6. Введите реквизиты тестовой банковской карты. Остальные поля могут быть заполнены любыми данными. Вы также можете указать неверные реквизиты (номер карты, срок действия или CVV) для генерации ошибки.

Список тестовых карт

Посмотрите список тестовых банковских карт.

Публикация сайта и настройка домена

Публикация сайта

1. После того как вы создали в конструкторе ваш сайт и настроили его, опубликуйте все страницы игр и главную страницу. Для этого откройте нужный сайт в конструкторе и нажмите Опубликовать.

2. Внесите изменения в домен (опционально).
   1. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты.
   2. В панели нужного сайта нажмите Настроить.
   3. В разделе Домен внесите изменения в Домен Xsolla или подключите собственный домен.

Настройка собственного домена

Чтобы подключить собственный домен (например, example.com):

1. Получите IP-адрес опубликованного сайта (он потребуется вам на шаге 5):
   1. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты.
   2. В панели нужного сайта нажмите Настроить.
   3. В разделе Домен раскройте блок Настройка вашего домена и скопируйте IP-адрес.
2. Создайте ваш собственный домен или используйте существующий.

3. В вашем DNS-регистраторе перейдите в панель администратора.
4. Выберите ваш домен и добавьте для него A-запись.
5. В значении А-записи укажите IP-адрес сайта и сохраните изменения.

6. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты.
7. Нажмите Настроить в карточке вашего сайта.
8. В разделе Домен установите переключатель Подключить свой домен в положение Вкл.
9. В модальном окне в поле Ваш домен укажите имя вашего домена и нажмите Сохранить домен.

Чтобы подключить субдомен (например, store.example.com):

1. В вашем DNS-регистраторе перейдите в панель администратора.
2. Выберите ваш домен и добавьте для него CNAME-запись.
3. Укажите в значении CNAME-записи адрес вашего сайта в Site Builder и сохраните изменения.

4. В проекте в Личном кабинете перейдите в раздел Каналы продаж > Веб-сайты.
5. Нажмите Настроить в панели вашего сайта.
6. В разделе Домен установите переключатель Подключить свой домен в положение Вкл.
7. В модальном окне в поле Ваш домен укажите имя вашего субдомена и нажмите Сохранить домен.

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