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 blocos de chaves.
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 onde seu jogo está disponível. Isso permite que você rapidamente crie uma página no estilo do seu jogo: imagens e o título do jogo, informações do desenvolvedor e um esquema de cores são adicionados automaticamente à página. Se não quiser usar os dados do jogo, desative a opção Copy game info via App Store or Google Play URL.

5. Selecione Create Web Shop.

• Personalize o tema do site:
  • cores dos principais elementos
  • raio de borda dos elementos
  • fontes para texto de cabeçalhos e corpo
• Edite o conteúdo:
  • envie imagens e vídeos aos blocos
  • altere o texto visível 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. Ative as seguintes opções:

1. • Login button — exibe o botão de autenticação do usuário no cabeçalho do site.

1. • Fixed position — mantém o cabeçalho visível quando o usuário navega pela página.

1. • Custom background — substitui o plano de fundo padrão do cabeçalho com um personalizado.

2. Configure os botões no bloco.

Configurar bloco Lead

Bloco com informações básicas sobre sua Web Shop - o jogo para o qual o site foi criado e quem é o desenvolvedor. Se você não adicionar um link ao Google Play ou a App Store ao criar o site, configure os seguintes elementos do Bloco Principal 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. Para exibir as informações do site nos cartões de informações, defina as seguintes opções como ativa:
   • Card icons
   • Card headings
   • Card descriptions

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:

1. • Destacado. O layout desse cartão permite que você chame a atenção dos usuários a itens ou ofertas especiais. Recomendamos que você utilize esse layout para promoções de bônus e desconto, e promoções limitadas por tempo ou quantidade, e itens e conjuntos.

1. 1. Nas configurações de layout do cartão, você pode:
      • ocultar ou exibir uma imagem e descrição de um item
      • garantir o ajuste ou maximizar a imagem de um item
      • alterar a cor do texto
      • usar um plano de fundo personalizado para o carrossel

1. • Horizontal. Esse layout de cartão permite que você coloque o nome, descrição e preço do item à direita da imagem.

1. 1. Nas configurações de layout do cartão, você pode:
      • ocultar ou exibir a descrição de um item
      • garantir o ajuste ou maximizar a imagem de um item
      • habilitar ou desabilitar a navegação horizontal em dispositivos móveis
      • usar um plano de fundo personalizado para a seção

1. • Vertical. Esse layout de cartão permite que você coloque o nome, descrição e preço do item na parte inferior da imagem.

1. 1. Nas configurações de layout do cartão, você pode:
      • ocultar ou exibir a descrição de um item
      • garantir o ajuste ou maximizar a imagem de um item
      • habilitar ou desabilitar a navegação horizontal em dispositivos móveis
      • usar um plano de fundo personalizado para a seção

1. • Grande. Recomendamos usar esse layout do cartão para conjuntos e bônus. Isso exibe a composição do cartão na página de destino sem clicar no cartão.

1. 1. Nas configurações de layout do cartão, você pode:
      • ocultar ou exibir a descrição de um item
      • garantir o ajuste ou maximizar a imagem de um item
      • habilitar ou desabilitar a navegação 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. Para ocultar a seção quando ela não possui conteúdos, ative a opção Hide section if empty.

Configure o bloco Footer

1. Selecione o estilo do layout
2. Personalize o plano de fundo.
3. Adicione os botões Share options, configure os ícones de mídias sociais.
4. Adicione links para 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 do carrinho de compras (opcional). Para fazer isso, defina as opções correspondente:

1. • Show promo code field – permite que os usuários usem um código promocional ou cupom na interface do carrinho de compra;

1. • Login before shopping cart – abra a janela de autenticação ao navegar ao carrinho de compras se o usuário não fez login anteriormente.

Links úteis