Web Shop

Create a Web Shop to monetize your game without relying on traditional payment platforms or building a separate app. Web Shop runs on Xsolla’s infrastructure and works in desktop and mobile browsers, as well as in Progressive Web App.

Key features:

• Configure your storefront using a flexible site builder
• Support for various liveops tools, including:
  • Promotions
  • Subscriptions
  • Rewards
  • Daily rewards
  • Offer chains
  • Loyalty program
  • Referral program
  • Personalization
• Enable purchases through Pay Station, which supports over 1,000 payment methods

Web Shop allows you to create the following types of stores:

• Single-page store — a simplified Web Shop format. Suitable if you need to minimize the user journey to purchase and launch the store as quickly as possible.
• Multi-page web portal — an advanced Web Shop format that allows you build a full-featured platform for player engagement. Suitable for working with content (news, rewards), as well as in-game traffic acquisition scenarios. You can direct users to content pages without direct item sales, complying with platform requirements, and then encourage purchases within Web Shop.

How it works

The diagram below illustrates the typical flow of how Web Shop interacts with your game — from user login to receiving purchased items in-game.

  %%{init: {'themeVariables': { 'noteBkgColor': 'transparent', 'noteBorderColor': 'transparent' }}}%%
sequenceDiagram
    participant User as Web Shop User
    participant Xsolla as Xsolla Web Shop
    participant Game as Game
    User ->> Xsolla: Logs in
    activate Xsolla
    Xsolla ->> Game: Sends User validation in Web Shop webhook during authorization
    activate Game
    Game ->> Xsolla: Returns success status
    deactivate Game
    Xsolla ->> User: Displays user info in header
    deactivate Xsolla
    activate User
    User ->> Xsolla: Chooses purchase and clicks Buy
    deactivate User
    activate Xsolla
    activate Xsolla
    note right of Xsolla: Creates order
    deactivate Xsolla
    Xsolla ->> Game: Sends User validation webhook when payment UI is opened
    activate Game
    Game ->> Xsolla: Returns success status
    deactivate Game
    Xsolla ->> User: Opens payment UI
    deactivate Xsolla
    activate User
    User ->> Xsolla: Chooses payment method and clicks Pay
    deactivate User
    activate Xsolla
    Xsolla ->> Game: Sends Successful payment for order webhook
    activate Game
    activate Game
    note right of Game: Grants purchased items to user
    deactivate Game
    Game ->> Xsolla: Returns success status
    deactivate Game
    Xsolla ->> User: Displays successful purchase screen
    deactivate Xsolla

User flow

1. User goes to your site.
2. User logs in or signs up on the site.
3. User chooses items and proceeds to the payment step.
4. User pays for the items.
5. User sees the purchased items in their account in the game.

Basic integration flow

1. Create a project.
2. Use the express scenario to create a Web Shop starter configuration without manual setup, using data from the game’s App Store page. You can evaluate the appearance, structure, and usability before connecting a real item catalog. You can also create a Web Shop manually.

First project

Refer to the instructions for creating a project and ensuring compliance with legal requirements.

3. Create an item catalog using one of the following methods:
   1. Import your item catalog from App Store, Google Play, or PlayFab.
   2. Import your item catalog from a JSON file.
   3. Use API methods.
   4. Configure the catalog manually.
4. Set up user authentication.
5. Implement granting of purchases to the user.
6. Set up subscription sales (optional).
7. Set up a custom domain (optional).
8. Configure main blocks manually.
9. Test Web Shop in the sandbox environment.
10. Publish the site.

Now you can share the Web Shop link with users.

After completing the integration, connect analytics services and test Web Shop in the live environment.

Extended Web Shop setup

You can use extended features for Web Shop:

1. Synchronize Web Shop with your game. Use API calls to automatically update your item catalog and promotions.
2. Set up regional pricing. Increase your sales by setting up prices for different regional price regulations.
3. Set up and run promotion campaigns. Increase your sales with discounts, bonuses, promo codes, time-limited offers, and other promotions.
4. Add a bonus feature. Increase loyalty of current users or attract new ones by offering something for free regularly.
5. Provide personalized offerings for certain authorized users, for example, a welcome bundle for new users.