Use F2P template

Overview

This use case and ready-to-use Xsolla tools enable free-to-play (F2P) game monetization through your own web store. In this store, you can sell virtual items, virtual currency, and bundles on an external website — regardless of whether your game is for PC, consoles, or cross-platform.

Key features:

• The flexible and secure Xsolla payment UI that supports over 1,000 payment methods worldwide.
• The store UI which is easy to customize using the site builder without the need to develop it from scratch.
• Full control over your item catalog, pricing, and promotions.
• A wide range of LiveOps tools, for example, discount promotions, upsells, and reward systems.

This guide describes a quick setup and launch of a web store for your F2P game using Xsolla tools.

Who can use it

This use case is ideal for you if you:

• develop or publish games for PC, consoles, or cross-platform
• want to sell in-game goods and virtual currency through your own website
• are looking to reduce platform fees
• want a full control over marketing, sales funnel, and user data

How to set it up

1. Create a project in Publisher Account.
2. Create an item catalog.
3. Create a site.
4. Set up main blocks.
5. Configure user authentication.
6. Configure webhooks to grant purchases to the user.
7. Test the site.
8. Publish the site.

Create item catalog

To create a catalog, you can:

• add items manually in Publisher Account
• call API methods
• import item catalog from a JSON file

To add a virtual item with basic settings to the catalog:

1. Open your project in Publisher Account and go to the Items catalog > Virtual items section.
2. In the drop-down menu, select Create item.

3. Set the basic settings of the item in the following fields:
   • Image (optional)
   • SKU (item unique ID)
   • Item name
   • Description (optional)

4. Specify item price:
   1. Set the Price in real currency toggle to On.
   2. In the Default currency field, change the currency (optional) and specify the item price.
   3. If you changed the currency in the Default currency field, select the same currency in the Price in real currency field.

5. Change the item status to Available.

6. Click Create item.

Create site

1. Open your project in Publisher Account.
2. On the project main page, click Change focus and select Sell virtual goods in-game or online.

3. On the Optional: Set up a web storefront step, click Create template.

4. On the Express tab, add a link to the platform where your game is available — Steam or Epic Games Store. It allows you to quickly create a site customized for your game: your game image, title, developer name, and color scheme are automatically added when creating a site.

5. Click Generate web store.
6. Click Continue to set up.

Configure main blocks

1. On the project main page, in the Sell virtual goods in-game or online focus, go to the Optional: Set up a web storefront step, and click Customize site. You will be redirected to the site builder, where you can customize the created site.

Note

If you closed the project main page, go to the Storefronts > Websites section and click Open Site Builder in the pane of the created site. To find it, you can check its creation time displayed on the site pane.

2. Configure the Header block where user information and site navigation elements are displayed:
   • Add a logo of your game or studio.
   • If needed, change the preset buttons.

Header block example:

3. Configure the Lead block, where the main information about your store is displayed:
   • Add a store name, description, and background image if you don’t want to use the automatically uploaded ones.
   • Add tags.
   • Specify the platforms where the game is available.
   • Edit the default buttons or add new ones if necessary.

4. Configure the Battle pass block that displays a featured offer:
   • Update card custom background.
   • Add a name and description of the offer.
   • Set up the purchase button: select the item to sell and, if needed, customize the button style.

Battle pass block example:

5. Configure the Store block, where virtual items, bundles and virtual currency packages available for purchase are displayed:
   • If needed, remove the automatically added sections or add new ones.
   • In the block for the relevant section, select the item type and group from the drop-down list to display them on the page.

Notice

If the selected item type and group aren’t displayed in the builder, make sure the required item groups and virtual currency packages have the Enabled status, i. e. they are available for display in the store, and that items are included in those groups. To check or edit the status of the items, go to Items catalog and open a section for the necessary item type.

Store block example:

6. Configure the Footer block that contains legal information and privacy settings. You can:
   • Choose a layout: columns or rows.
   • Add custom background.
   • Add links on social networks.
   • Add age restrictions.

Footer block example:

7. Go to the Cart settings section to configure additional features. Set the corresponding toggles to active:
   • Show promo code field — allows users to apply a promo code or coupon in the cart interface.
   • Login before shopping cart — opens the login window when proceeding to the cart if the user is unauthorized.
8. If needed, add additional pages to your store, e.g., with the latest game news. To do this:

1. 1. Add necessary pages by following the instructions.
   2. In the block, where you want to add a link to the page, e.g., Header:
      1. Add a new button or go to editing an existing one.
      2. In the button settings section, choose a click action — Open page.
      3. From the drop-down list, select a page that will open when the button is clicked.

Set up user authentication

Authentication allows users to purchase items in the store and see personalized offers in the catalog. Setting up authentication via Xsolla Login gives users a wide range of authorization methods: via social networks, one-time codes or links, or by entering a login and password. You can also customize the Xsolla Login widget and set age restrictions for authentication.

To set up user authentication via Xsolla Login:

1. Open your project in Publisher Account and go to the Storefronts > Websites section.
2. Click Open Site Builder in the pane of the necessary site.
3. In the site builder, go to the Login settings block.
4. Choose Xsolla Login.
5. From the drop-down list, select New Login. As a result, the Login project with user authentication by email and password will be automatically created. To set up another login method, follow the instructions.

6. Connect user data storage. Depending on the user data storage option, different product features are available to you (refer to the Comparison of user data storage options section).

Grant purchase to user

Implement granting purchases to the user in your application using information about the transaction details and purchased items received in the webhooks from Xsolla. If you registered in Publisher Account after January 22, 2025, for the full operation of the store and payment management, implement the processing of the following webhooks:

Test site in sandbox mode

To test the site work in sandbox mode:

1. Open your project in Publisher Account and go to the Storefronts > Websites section.
2. Click Open Site Builder in the pane of the necessary site.
3. Click Preview.

4. Select an item and click the purchase button.
5. Choose the Card group of payment methods.
6. Enter the test bank card details. Enter any values in the remaining fields. You can also specify incorrect details (card number, expiration date, or CVV) in order to generate an error.

Publish site

1. To improve your site performance:

1. 1. In the SEO Settings block, set the parameters that will be used by search engines and for page preview in social networks: upload a favicon, specify the store title and description, add a preview image.
   2. Configure site localization.
   3. Make changes to the domain (optional). To do this, go the Storefronts > Websites section and click Configure in your site pane. In the Domain section, edit the Xsolla domain value, or set up your own domain.

2. Once you made all necessary changes and your web store is ready for launch, click Publish.

Extended store setup

You can use the following extended features for your store:

• Set up regional pricing. Increase your sales by setting up prices for different regional price regulations.
• Set up and run promotion campaigns. Increase your sales with discounts, bonuses, promo codes, time-limited offers, and other promotions.
• Boost user loyalty and retention with features like daily rewards, a reward system, or offer chains. They encourage users to return to the game regularly, engage more deeply with the content, and receive rewards.
• Provide personalized offers for certain authorized users, for example, a welcome bundle for new users.