How to manage website pages

How it works

You can create multi-page websites in the Xsolla site builder. The page management UI allows you to add, configure, and publish any pages, such as a store with different item sets, a blog, a game landing page, or a promotional campaign page.

In the builder, you can:

• Create new pages based on templates.
• Set the path and name for each page.
• Select a color scheme for pages.
• Track the publication status of pages.
• Quickly switch between pages.
• Publish selected pages.

Benefits:

• All website pages are hosted on a single domain and use single authentication.
• A global theme can be applied to all pages, or a custom theme can be configured for each page.
• A single shopping cart is used across all pages.
• SEO settings can be unique for each website page, except for the favicon.

Create and set up website pages

1. Open your project in Publisher Account and go to the Storefronts > Websites section.
2. In the pane of the desired site, click Open Site Builder.

3. Click the page name and in the drop-down list, select Create new page.

4. Choose a website template:

• Web Shop. This template allows you to sell in-game items and currency separately or as bundles, even if your game does not have a store. This template is part of the ready-made Web Shop solution for mobile games. You can configure the sale of goods in one of two ways: only to authorized users or to users who have provided their game ID.
• Single game page. This template is suitable for selling a single game and provides complete information about the game and its editions.
• Multiple games store. This template is suitable for selling multiple games. With this template, you can also sell virtual items, virtual currency, and bundles.

5. Enter the name of the new page. If necessary:

• Change the automatically generated page path.
• Add a URL to an external platform where your game is available. This allows you to quickly create a page branded for your game: the page will automatically include the game image and title, developer information, and a color scheme.

6. By default, the main page uses the global theme, and child pages inherit it when created. If necessary, customize the global theme and fonts. To do this:
   1. In the side menu, go to the Theme section, select the Colors tab, and set the required color scheme.
   2. Go to the Fonts tab and configure the required font. You can also use custom fonts.
   3. To restore the global theme settings for a child page, set the Use global theme toggle to active.

7. Configure the blocks.
8. Create the required number of child pages and configure them. To avoid setting up each page from scratch, you can duplicate them. To do this:
   1. Click the page name and in the drop-down list, select Settings.
   2. In the window that opens, select a page from the list. If necessary, use the search field by name or sort the list by status.
   3. Click ••• in the page row and select Duplicate page. The new page name and path will include the word duplicate.

9. To change the main page (optional):
   1. Click the page name and in the drop-down list, select Settings.
   2. In the window that opens, select a page from the list. If necessary, use the search field by name or sort the list by status.
   3. Click ••• in the page row and select Assign as a main page.

Publish website

You can publish either the entire website or separate pages. To do this:

1. In the SEO Settings section, set SEO parameters unique to each page. These parameters will be used by search engines and for displaying page previews in social networks: specify the store title and description, and optionally add a preview image.
2. After making all necessary changes and preparing your website for launch:
   1. Click the page name and in the drop-down list, select Settings.
   2. Check the boxes next to the pages you want to publish.
   3. Click Publish.