Create site and customize main blocks

  1. Open your project in Publisher Account.
  2. Click Site Builder in the side menu.
  3. Click Create site.
  4. Select the Web Shop template.
  5. Add a link to your game in Google Play or App Store to automatically use data from the game (logo, background image, colors, text in the footer, links to buy buttons) in Web Shop. If you don’t want to use the game data, set the Use game info from Google Play or App Store toggle to Off.

  1. Click Create.
  2. Set up the Header block (optional):

Note
If you used info from your game when creating Web Shop, the Header block will be set up automatically.

    1. Fix the block position. The function allows the header to remain visible while moving the page.
    2. Add a background image.
    3. Add your game logo.
    4. Edit the buttons. You can use premade button templates. To do this, add the URL the user will be redirected to after clicking the button.

  1. Set up the Store block:
    1. Specify the visual settings of the block (optional): add headers or your own background. Using the Item size buttons, you can change the size of cards for items.

Note
For the mobile version of Web Shop, select Small item size.

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.

Note
The field for promo codes automatically appears in the shopping cart. To set up promo codes, see the instruction.

    1. Set up the created section of the store. To do this, in the drop-down list, select the type of item that you want to sell on the site and select its group.

Notice

If created or imported items and virtual currencies are not displayed in the site builder window, make sure that the Store block settings are expanded in the side menu. If the items are not displayed, go to the Store section in your Publisher Account and ensure the created groups and currency packages have the Enabled status, and that items have been moved to the created groups.

To add an image for an item, edit the item in the Store section of your Publisher Account.

    1. Add more sections of the store (optional).

Note
To add several blocks with separate headers to your site, use the Add block function and select the Store template. It is not possible to add headers for sections inside the Store block.

  1. Set up the Footer block (optional):

Note
If you used info from your game when creating Web Shop, the Footer block will be set up automatically.

    1. Select layout style.
    2. Customize background.
    3. Add links to the social networks.
    4. Add Share buttons, set up favicon and publication.
    5. Add age restrictions.

  1. Edit the content for each added block, select a global theme, and configure SEO and language settings. In Site Builder, you can load images and videos into blocks and edit texts that will be shown to users.

Your progress
Thank you for your feedback!
Last updated: May 5, 2022

Found a typo or other text error? Select the text and press Ctrl+Enter.

Report a problem
We always review our content. Your feedback helps us improve it.
Provide an email so we can follow up
Thank you for your feedback!