Crie um site e personalize os blocos principais

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.

Criar site

  1. Abra seu projeto na Conta de Distribuidor.
  2. Clique em Site Builder no menu lateral.
  3. Clique em Create site.
  4. Selecione o modelo Web Shop.
  5. Adicione um link ao jogo na Google Play ou App Store para pré-configurar a interface da loja (logotipo, imagem de fundo, cores, texto no cabeçalho). Se você não quiser usar os dados do jogo, defina a opção Use game info from Google Play or App Store como Off.
  1. Clique em Create.
  2. Escolher:
    • tema global do site
    • cores dos elementos principais
    • arredondamento do botão
    • fontes de cabeçalho e corpo de textos
  3. Na parte principal do construtor:
    • Envie imagens e vídeos para blocos
    • Edite os textos que ficarão visíveis para os usuários

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.
Observação
Se você adicionar um link à Google Play ou à App Store ao criar o site, o bloco Header será configurado automaticamente.
Se necessário, personalize o bloco:
  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.

Bloco principal

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.
Se necessário, personalize o bloco:
  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

Login rápido

O bloco Fast Login fornece aos usuários a habilidade de se autenticarem no site. Você pode usar o bloco em adição ao botão de login no cabeçalho, ou em vez dele. A aparência e capacidade do bloco depende do método de autenticação selecionado.
Observação
Para selecionar o método de autenticação, vá para Login Settings no construtor.
Se estiver usando a autenticação por ID de usuário, recomendamos adicionar instruções sobre como encontrar o ID no jogo. Para fazer isso:
  1. Alterne a opção Instructions para On.
  2. Clique na linha que aparece na parte inferior do bloco.
  3. Substitua o texto da instrução para usuários.

Se necessário, personalize o bloco:

  1. Ajustando a exibição do cabeçalho e descrição do bloco.
  2. Substituir os textos padrões com o seu próprio.

Para configurar o bloco ao usar a autenticação de ID de usuário:

  1. Ajuste a exibição do cabeçalho e descrição do bloco. Você também pode substituir o texto padrão com o seu próprio.
  2. Para exibir as instruções sobre como encontrar o ID do usuário no jogo, alterne a opção Instruction para On. Clique na linha que aparece na parte inferior do bloco e substitua o texto que os usuários verão.

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 produtos
    • 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"

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

Aviso
Se itens criados ou importados e moedas virtuais não forem exibidos na janela do construtor de sites, verifique se os grupos de itens e pacotes criados estão Enabled e se os itens foram movidos para os grupos criados. Você pode exibir e configurar itens criados por meio da Conta de Distribuidor seção Store.

  1. Na seção de armazenamento, escolha Item card layout:

    • Destacado. Este layout do cartão permite que você oriente a atenção dos usuários aos produtos 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 produto à 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 produto 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
Observação
Você só pode usar os layouts Vertical, Grande e Featured para conjuntos.
  1. Se necessário, personalize o layout do cartão configurando as opções correspondentes para On nas configurações de layout do cartão.

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

Observação
Se você adicionou um link à Google Play ou a App Store ao criar o site, o bloco Footer será configurado automaticamente.
Se necessário, para personalizar o bloco:
  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 On.
  3. Сonfigure as funções adicionais do carrinho de compra (opcional). Para fazer isso, defina as opções correspondentes como On:
    • 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 pelo carrinho de compras se o usuário não fez login anteriormente.

Próximos passos

  1. Importe o catálogo de itens ou configure o catálogo manualmente.
  2. Implemente a concessão de compras ao usuário.
  • Fluxo de integração
  • Blocos
      • Este artigo foi útil?
      Obrigado!
      Podemos melhorar alguma coisa? Mensagem
      Que pena ouvir isso
      Explique porque este artigo não foi útil para você. Mensagem
      Obrigado pelo seu feedback!
      Avaliaremos sua mensagem e a usaremos para melhorar sua experiência.
      Última atualização: 14 de Agosto de 2024

      Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.

Relatar um problema
Nós sempre avaliamos nossos conteúdos. Seu feedback nos ajuda a melhorá-los.
Forneça um e-mail para que possamos responder
Obrigado pelo seu feedback!