How to connect a store to your site

How it works

To improve game monetization and attract more gamers, you can create a site with a store or connect a store to an already created site. You can sell game keys, virtual items and virtual currencies via a store.

User flow

1. The gamer goes to the game’s site and navigates to the store section.

2. The gamer selects goods to buy. The purchase payment process depends on:
   • quantity of goods
   • types of goods

Purchase of different quantity of goods

To buy a single product, the gamer clicks Buy Now and pays for the purchase in the payment UI.

To buy multiple goods, the gamer clicks the cart icon and adds the product to a shopping cart. After selecting all the goods, the gamer goes to the shopping cart, clicks Go to checkout and pays for the purchase in the payment UI.

Purchase of different types of goods

To buy game keys, the gamer needs to enter their email in the shopping cart window.

To buy a virtual item or a virtual currency, the gamer needs to log in to the site. After the user is logged in, the system can start the payment process or charge virtual currency to the user balance and subtract from it depending on the type of currency for which the product is sold.

How to get it

Prerequisites

1. Sign up and create your Xsolla Publisher Account.
2. Go to Xsolla Site Builder and create a site with one of the templates.

Integration flow

To connect the store to your site:

1. Set up store modules in Publisher Account.
2. Add a store section to the site.
3. Set up the type of goods in the Store block.

Store modules setting

To set up store modules in Publisher Account:

1. Open your project and click Connect in the Store block.

2. Click Connect next to the section with the type of goods you want to sell on the site:
   • Game keys
   • Virtual items
   • Virtual currency

Adding store section to the site

To add the store section to your site:

1. Go to Site Builder and click Open Site Builder next to your site section.

2. Click + Add block in the site template.

3. Select Store in the blocks list.

Types of goods setting

To set up the type of goods:

1. Go to Site Builder and click Open Site Builder next to your site section.

2. Open the Store block in the settings menu.

3. Select the type of goods you want to sell on the site and their group in the drop-down list.

To sell different types of goods in the different areas of the site, create multiple store sections: click Add store section in the Store block menu.

4. Customize the section heading (optionally). To do this, click the Store heading in the site template and edit its text and style.

Tutorials

Watch the tutorial videos for this instruction:

• How to set up an online store for your virtual goods

• How to launch direct game sales with Xsolla

Continue reading