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 Subscriptions block.
    1. In the sidebar of your site builder, click Subscriptions.

    1. In the Layout block, you can change the following design elements:
      • Heading.

      • Image inside the block.

Note
When you add more than one subscription plan, you cannot add an image to the block and use the Image toggle.

      • Icons to customize subscription product features.

      • Custom background. Set the toggle to On to add a background.

    1. If subscription products are configured in your project, or if the products were imported when the site was created, the site builder displays the Product block. Select the product you want to sell on the site from the drop-down menu.

Note
When a subscription product changes, the available subscription plans also change. To create new products, use the Create a product method or contact the project account manager.

    1. Go to the Subscription block. Select a subscription plan or use the +New plan option from the drop-down menu to create a new plan.
    2. If you want to sell multiple subscription plans, add any number of Subscription blocks to the site structure.

Note
When you add more than one subscription plan to the constructor, you cannot add an image to the block or use the Image toggle.

    1. Replace predefined texts for titles, buttons, and descriptions in the 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.

Was this article helpful?
Thank you!
Is there anything we can improve? Message
We’re sorry to hear that
Please explain why this article wasn’t helpful to you. Message
Thank you for your feedback!
We’ll review your message and use it to help us improve your experience.
Rate this page
Rate this page
Is there anything we can improve?

Don’t want to answer

Thank you for your feedback!
Last updated: August 22, 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!