Blocks

Blocks are the logically divided sections in Site Builder combining components with the same purposes.

To find all the blocks, go to Publisher Account > Site Builder > Open Site Builder.

You can use a custom background for every block. To do this, in the Layout section, click the upload icon and choose the image. The recommended width for a custom background is 1920 px. Image’s height is stretched and depends on the number of sections in the block. A large number of sections may result in the loss of image quality.

Header

The block in the header of the site. Header displays user information and contains site navigation elements. You can fix the block so it remains visible on the screen when scrolling through the site.
Key features:

• Adding buttons for navigation, purchasing, or navigating to other pages.
• Adding a language switcher for the site.
• Setting up an authentication button on the site.
• Displaying information about the authenticated user.

Lead block

The block with information about the site.
Key features:

• Customization of game information: icon, title, developer.
• Customization of cards with descriptions of site features.

Call-to-action

The block to attract user attention to key actions on the site.
Key features:

• Adding a field for the user’s email for subscribing to game news.
• Adding a button for purchasing a product, links to go to Google Play/App Store, or to another website.
• Displaying platform logos, clicking on which will take the user to your page on that platform.
• Lightbox with a video from YouTube/Vimeo.

Fast Login

The Fast Login block provides users with an additional way to authenticate on the site. The appearance of the block and its features depend on the selected authentication method.
If authentication via user ID is configured for the site, the Fast Login block displays a field for entering the ID and a login button.
Key features:

• User authentication without additional transition to the modal window.
• Setting up the content of the block. You can enable and configure the following sections:
  • Title
  • Description
  • Instructions on how to find the user ID
  • Custom background

If authentication via Xsolla Login is configured for the site, an additional button calling for authorization is displayed in the Fast Login block. When you click on the button in the block, a modal window opens for authorization using one of the Xsolla Login methods.
Key features:

• Setting up the text of the button calling for authorization
• Setting up a custom background

Gallery

The block contains images, screenshots, and videos to enhance user interest in the game.
Key features:

• Adding of images and videos to slides.
• Cyclical scrolling of slides with content.
• Displaying arrows for switching between slides.

Promo slider

The block with a gallery containing game banners, game titles, and their descriptions.
Key features:

• Ability to add a button for purchasing products, navigating to a link, or to Google Play/App Store.
• Cyclical scrolling of slides with content.
• Displaying navigation arrows for games.
• Adding a field for the user’s email for subscribing to game news.
• Displaying links to your page on various platforms.

Description

The block for displaying information about the game, including images and text descriptions.
Key features:

• Displaying images and text descriptions.
• Two layout options for images and text: horizontal and vertical.
• Enlarging the image or navigating to a link by clicking on the image.

Promo codes

The block for using promo codes and coupons on the site.
Key features:

• User application of promo codes to receive bonuses on purchases.
• Applying coupons for immediate rewards.
• Adding custom JS code to expand the block’s capabilities.

Game packs

The block for selling games or editions of a game with descriptions of each package.
Key features:

• Three package style templates and custom style customization.
• Adding text descriptions to the packages.
• Customizing the purchase button for each package.

Store

The block for selling game keys (excluding the Web Shop template), virtual items, bundles, and virtual currency packages.
Key features:

• Selling in-game items and game keys.
• Displaying all information about products: prices, promotions, names, descriptions, images, bundle contents, purchase limits.
• 4 product card styles.
• Navigation through sections using product type tabs.
• Customization of block and section titles.
• Previewing demo products.
• Horizontal scrolling on mobile devices.
• Additional button for authentication prompt.

Social media widgets

The block with access to the game’s social networks for more effective interaction with users.
Key features:

• Adding widgets for Facebook, Twitter, Discord, and Twitch.
• Two types of widget display.
• Choosing dark or light themes on Twitter and Discord.

FAQs

The block with answers to frequently asked questions about your game.
Key features:

• Predefined answers to common questions that are suitable for the majority of stores.
• Adding custom JS code to extend the block’s capabilities.

Custom code

The block allows you to use your custom CSS, JS, and HTML code on the site to implement unique functionalities not provided in the interface.
Key features:

• Synchronization of custom code across all language versions of the site without the need for individual migration.
• Separate tabs for CSS, HTML, and JS within the block.
• Syntax highlighting built-in.
• Code thumbnail for easy navigation within the block.

System requirements

A block displaying information on the minimum and recommended system requirements needed to run the game on different platforms.
Key features:

• Two display options:
  • Only minimum requirements.
  • Minimum and recommended requirements.
• Utilization of multiple tabs for different platforms.

Subscriptions

A block that allows users access to a package of services based on specified conditions.
Key features:

• Setting icons for each component of the subscription.
• Setting an image for the subscription plan.

Footer

The block is located at the bottom of the page. It contains legal information and privacy settings.
Key features:

• Choice of block style: columns or rows.
• Adding a language switcher for the site.
• Adding a Share button to spread the site link on social networks.
• Displaying age restrictions.

Useful links

Last updated: April 16, 2024