Create site and customize main blocks

To create a Web Shop:

1. Create a project in the Publisher Account.
2. Create a website.
3. Configure the key blocks.
4. Set up shopping cart.
5. Test the site.
6. Publish the site.

Create site

1. Open your project in Publisher Account and go to Storefronts > Websites section.
2. Click Create site.
3. Select the Web Shop template.
4. Add a URL to an external platform where your game is available. This allows you to quickly create a page in the style of your game: images and the game title, developer information, and a color scheme are automatically added to the page. If you don’t want to use the game data, set the Copy game info via App Store or Google Play URL toggle to inactive.

5. Click Create Web Shop.

As a result, you will be redirected to the builder with a preconfigured website for your game. You can make the necessary adjustments:

• Customize the site theme:
  • colors of key elements
  • border radius of elements
  • fonts for headings and body text
• Edit the content:
  • upload images and videos to blocks
  • change the texts visible to users

You can also create and configure additional pages for the website, for example, to publish news, set up a store with different items bundles, or run a blog.

Configure key blocks

All blocks contain default settings. You can choose to enable or disable specific block functions and customize them as desired.

Set up Header block

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.

Set up Lead block

Block with basic information about your Web Shop - the game the site is created for and who the developer is. If you didn’t add a link to Google Play or the App Store when creating the site, configure the following elements of Lead block in the main part of the constructor:

1. Add the game icon.
2. Specify the game name.
3. Specify the game developer.

1. Adding a background image.
2. Configure the cards with site information by toggling the switches to the On position:
   • Description cards
   • Card icons
   • Card titles
   • Card descriptions

Set up Fast Login block

The Fast Login block allows you to highlight the authorization step and streamline the user’s path to purchase.

To use this Fast Login block, you must first select an authorization method in the Login Settings section. The appearance and behavior of the block depend on the chosen authentication method.

The Fast Login block is automatically added to sites created using the Web Shop template.

If your site doesn’t include this block, you can manually add it in the site builder.

To add a Fast Login block:

1. Open the project in Publisher Account and go to the Storefronts > Websites section.
2. In the Sites section, select your site and click Open Site Builder.
3. Click Add block.
4. Choose Fast Login block.

Set up block Store

Block for selling virtual items, bundles, and virtual currency packs. This block contains automatically created sections you can delete and replace with new ones.

1. If needed, customize the block by:
   • Adding a title
   • Enabling the display of item group names
   • Enabling tabs for easy navigation in the store
   • Adding a custom background
   • Configuring the login call-to-action button.

2. In the store section, select the type of item you want to sell on the site and its group from the drop-down list.

3. In the store section choose Item card layout:
   • Featured. This card layout allows you to draw the attention of users to items or special offers. We recommend that you use this layout for bonus and discount promotions, and time and number limited promotions and items and bundles.
     In the card layout settings you can:
     • hide or show an item’s image and description
     • ensure fit or maximize an item’s image
     • change text color
     • use a custom background for the carousel

• Horizontal. This card layout allows you to place the name, description, and price of the item to the right of the image.
  In the card layout settings you can:
  • hide or show an item’s description
  • ensure fit or maximize an item’s image
  • enable or disable horizontal scroll on mobile devices
  • use a custom background for the section

• Vertical. This card layout allows you to place the name, description, and price of the item at the bottom of the image.
  In the card layout settings you can:
  • hide or show an item’s description
  • ensure fit or maximize an item’s image
  • enable or disable horizontal scroll on mobile devices
  • use a custom background for the section

• Large. We recommend using this card layout for bundles and bonuses. This shows the composition of the card on the landing without clicking on the card.
  In the card layout settings you can:
  • hide or show an item’s description
  • ensure fit or maximize an item’s image
  • enable or disable horizontal scroll on mobile devices
  • use a custom background for the section

4. If needed, customize the card layout by enabling the corresponding toggles in the card layout settings.

5. You can Hide section if empty by toggling the corresponding switch to the On position.

Set up Footer block

1. Select layout style.
2. Customize background.
3. Add Share options buttons, configure social media icons.
4. Add links to the social networks.
5. Add age restrictions.

Set up shopping cart

You can use the shopping cart on the website. To do this:

1. In the main section of the builder, go to the Cart settings block.
2. Set the Use shopping cart toggle to active.
3. Configure additional shopping cart functions (optional). To do this, set the corresponding toggles:
   • Show promo code field – allows users to use a promo code or coupon in the shopping cart interface;
   • Login before shopping cart – opens the authentication window when navigating to the shopping cart if the user was not previously logged in.

Continue reading