Crie a Web Shop para jogos móveis

Uma Web Shop é uma solução que lhe permite vender bens virtuais, moedas virtuais e conjuntos usando a interface de pagamento Xsolla e a interface da loja no seu site. Os usuários terão acesso a mais de 1.000 métodos de pagamento.

A página abaixo descreve como criar um site usando o modelo Web Shop. Para saber mais sobre a solução e utilizar todos os seus recursos, consulte a documentação.

Para criar uma Web Shop:

1. Crie um projeto na Conta de Distribuidor.
2. Crie um site.
3. Configure os principais blocos.
4. Configure o carrinho de compras.
5. Teste o site.
6. Publique o site.

Criar site

1. Abra seu projeto na Conta de Distribuidor e acesse a seção Storefronts > Websites.
2. Selecione Create site.
3. Selecione o modelo Web Shop.
4. Adicione um URL a uma plataforma externa aonde seu jogo está disponível. Isso permite que você crie uma página rapidamente no estilo do seu jogo: imagens e o título do jogo, informações de desenvolvedores e um esquema de cores são adicionados automaticamente à página. Se você não quiser usar os dados do jogo, defina a opção Copy game info via App Store or Google Play URL como desabilitada.

5. Selecione Create Web Shop.

Como resultado, você será redirecionado ao construtor com um site pré-configurado para o seu jogo. Você pode fazer os ajustes necessários:

• Personalize o tema do site:
  • cores dos principais elementos
  • raio de canto dos elementos
  • fontes de cabeçalhos e corpos de texto
• Edite o conteúdo:
  • envie imagens e vídeos aos blocos
  • altere os textos visíveis aos usuários

Você também pode criar e configurar páginas adicionais para o site, por exemplo, para publicar notícias, preparar uma loja com diferentes conjuntos de itens, ou gerenciar um blogue.

Configure os principais blocos

Todos os blocos contém configurações padrões. Você pode escolher ativar ou desativar funções de bloco específicas e personalizá-las como desejado.

Configure o bloco Header

O bloco no cabeçalho do site. O cabeçalho exibe as informações do usuário e contém elementos de navegação do site. Você pode fixar o bloco para que ele permaneça visível na tela ao navegar pelo site.

1. Defina as opções correspondentes à posição On:
   • Login Button. O botão de autenticação do usuário será exibido no cabeçalho do site.
   • Fixed position. Esse recurso permite que o cabeçalho permaneça visível ao navegar pela página.
   • Custom Background. O plano de fundo do cabeçalho mudará para um plano de fundo personalizado.
2. Configure os botões no bloco.

Configurar bloco Lead

Bloco com informações básicas sobre sua Web Shop. O jogo pelo qual o site foi criado e quem é o desenvolvedor. Se você não adicionar um link ao Google Play ou à App Store ao criar o site, configure os seguintes elementos de Lead block na parte principal do construtor:

1. Adicione o ícone do jogo.
2. Especifique o nome do jogo.
3. Especifique o desenvolvedor do jogo.

1. Adicionando uma imagem de plano de fundo.
2. Configure os cartões com informações do site alternando as opções para a posição On:
   • Cartões de descrição
   • Ícones de cartões
   • Títulos de cartões
   • Descrições de cartões

Configurar bloco Fast Login

O bloco Fast Login permite que você destaque a etapa de autorização e simplifique o caminho do usuário até a compra.

Para usar o bloco Fast Login, você deve primeiro selecionar um método de autorização na seção Login Settings. O surgimento e comportamento do bloco depende do método de autenticação escolhido.

Se você estiver usando a autenticação via ID de usuário, recomendamos adicionar instruções sobre como encontrar o ID no jogo. Para fazer isso:

1. Na barra lateral do construtor do site, acesse a seção Login settings.
2. Selecione a opção User ID.
3. Defina a opção Instructions como ativa.

Se necessário, personalize o modal de instruções:

• Ajustando a exibição do cabeçalho e descrição do bloco.
• Substituindo os textos padrões com os seus próprios.

Configure o bloco Store

Bloco para vender itens virtuais, conjuntos e pacotes de moedas virtuais. Este bloco contém seções criadas automaticamente que você pode excluir e substituir por novas.

1. Se necessário, personalize o bloco:
   • Adicionando um título
   • Habilitando a exibição dos nomes de grupos de itens
   • Habilitando abas para uma navegação facilitada na loja
   • Adicionando um plano de fundo personalizado
   • Configurando o botão de login de "chamado à ação"

2. Na seção da loja, selecione o tipo de item que você deseja vender no site e seus grupos da lista de menu suspenso.

3. Na seção de armazenamento, escolha Item card layout:
   • Featured. Este layout do cartão permite que você oriente a atenção dos usuários aos itens ou ofertas especiais. Recomendamos que utilize esse layout para promoções bônus e de desconto, promoções e itens limitados por tempo e quantidade e conjuntos.
     Nas configurações de layout do cartão você pode:
     • ocultar ou exibir uma imagem e descrição do item
     • garantir o encaixe ou maximizar a imagem de um item
     • alterar a cor do texto
     • usar um plano de fundo personalizado para o carrossel

• Horizontal. Esse layout de cartão permite que você coloque o nome, a descrição e o preço do item à direita da imagem.
  Nas configurações de layout do cartão, você pode:
  • ocultar ou exibir a descrição de um item
  • garantir o tamanho ou maximizar a imagem de um item
  • habilitar ou desabilitar a rolagem horizontal em dispositivos móveis
  • usar um plano de fundo personalizado para a seção

• Vertical. Esse layout de cartão permite que você coloque o nome, a descrição e o preço do item na parte inferior da imagem.
  Nas configurações de layout do cartão, você pode:
  • ocultar ou exibir a descrição de um item
  • garantir o tamanho ou maximizar a imagem de um item
  • habilitar ou desabilitar a rolagem horizontal em dispositivos móveis
  • usar um plano de fundo personalizado para a seção

• Grande. Recomendamos usar este layout de cartão para pacotes e bônus. Isso mostra a composição do cartão na aterrissagem ser preciso clicar no cartão.
  Nas configurações de layout do cartão, você pode:
  • ocultar ou exibir a descrição de um item
  • garantir o tamanho ou maximizar a imagem de um item
  • habilitar ou desabilitar a rolagem horizontal em dispositivos móveis
  • usar um plano de fundo personalizado para a seção

4. Se necessário, personalize o layout do cartão ativando as opções correspondentes nas configurações de layout do cartão.

5. Você pode ocultar seções caso vazias alternando a opção correspondente à posição On.

Configure o bloco Footer

1. Selecione o estilo do layout.
2. Personalize o plano de fundo.
3. Adicione os botões Share options e configure os ícones de mídias sociais.
4. Adicione links às redes sociais.
5. Adicione restrições etárias.

Configure o carrinho de compras

Você pode usar o carrinho de compras no site. Para fazer isso:

1. Na seção principal do construtor, vá para o bloco Cart settings.
2. Defina a opção Use shopping cart como ativa.
3. Configure funções adicionais do carrinho de compras (opcional). Para fazer isso, ative as opções correspondentes:
   • Show promo code field — permite que os usuários usem um código promocional ou cupom na interface do carrinho de compras;
   • Login before shopping cart — abre a janela de autenticação ao navegar ao carrinho de compras se o usuário não havia feito login anteriormente.

Links úteis