How to connect 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.
Games demo Items & currencies demo
You can connect the shopping cart on the landing page via block Store. To activate the shopping cart in Web Shop, set up login through Xsolla Login and set the Shopping cart toggler to On.

Shopping cart connects automatically for other templates when the Store block is added.

User flow
- The gamer goes to the game’s site and navigates to the store section.

- The gamer selects items to buy. The purchase payment process depends on:
Purchase of different items quantity
To buy a single item, the gamer clicks Buy Now and pays for the purchase in the payment UI.

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

Purchase of different item types
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 item is sold.
How to get it
Prerequisites
- Sign up and create your Xsolla Publisher Account.
- Go to Xsolla Site Builder and create a site with one of the templates.

Integration flow
To connect the store to your site:
- Set up store modules in Publisher Account.
- Add a store section to the site.
- Set up the item type in the Store block.
Store modules setting
To set up store modules in Publisher Account:
- Open your project and click Connect in the Store block.

- Click Connect next to the section with the item type you want to sell on the site:

Adding store section to site
To add the store section to your site:
- Go to Site Builder and click Open Site Builder next to your site section.

- Click + Add block in the site template.

- Select Store in the blocks list.

Item types setting
To set up the item type:
- Go to Site Builder and click Open Site Builder next to your site section.

- Open the Store block in the settings menu.

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


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

- Customize the section heading (optional). 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 items
- How to launch direct game sales with Xsolla
Was this article helpful?
Rate this page
Don’t want to answer
Thank you for your feedback!
Useful links
Last updated: December 30, 2022Found a typo or other text error? Select the text and press Ctrl+Enter.