Crie um site e personalize os blocos principais

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 para seu jogo no Google Play ou App Store para usar automaticamente os dados do jogo (logotipo, imagem de fundo, cores, texto no rodapé, links para botões de compra) na Web Shop. 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:
  3. tema global do site
  4. cores dos elementos do email
  5. arredondamento do botão
  6. fontes de cabeçalho e corpo de textos
  7. 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 o bloco Header

Observação
Se você usou informações do seu jogo ao criar a Web Shop, o bloco Header será configurado automaticamente.
  1. Corrija a posição do bloco. A função permite que o cabeçalho permaneça visível ao mover a página.
  2. Adicione o logotipo do jogo.
  3. Adicione uma imagem de fundo.
  4. Edite os botões. Você pode usar modelos de botão pré-criados. Para fazer isso, adicione o URL para o qual o usuário será redirecionado depois de clicar no botão.

Configure o bloco Store

  1. Especifique as configurações visuais do bloco (opcional):
    • cabeçalho
    • títulos de grupos de itens
    • plano de fundo personalizado
  2. Configure a seção criada automaticamente da loja. Para fazer isso, na lista suspensa, selecione o tipo de item que você deseja vender no site e selecione seu grupo.
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. Escolha Item card layout.

    • Destaques. Este layout de cartão permite que você chame a atenção dos usuários para produtos ou ofertas especiais. Recomendamos que você use esse layout para promoções de bônus e descontos, e promoções e itens limitados por tempo e quantidade.
      Nas configurações de layout do cartão, você pode:
      • ocultar ou exibir a imagem e a descrição de um item
      • garantir o tamanho 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 mostrar a imagem e 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 mostrar a imagem e 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 imagem e 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. Para exibir a descrição do produto no cartão do produto no site, defina a opção Item description como On.
    Os usuários podem ver uma descrição detalhada clicando no cartão do produto.
  2. Você pode editar o tamanho da imagem no cartão do item. Para fazer isso na lista suspensa Image size, escolha Ensure fit ou Maximize.
  3. A rolagem horizontal está disponível para dispositivos móveis. Para habilitá-la, defina a opção Horizontal scroll on mobile devices como On.
  4. Para adicionar um plano de fundo personalizado, defina a opção Custom background como On e envie sua imagem.
  5. Adicione mais seções da Store (opcional).
Observação
Se você usou informações do seu jogo ao criar a Web Shop, o bloco Footer será configurado automaticamente.
  1. Selecione o estilo de layout.
  2. Personalize o plano de fundo.
  3. Adicione botões Share, configure um favicon e publique.
  4. Adicione links para as redes sociais.
  5. Adicione restrições de idade.

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.
      Avalie esta página
      Avalie esta página
      Podemos melhorar alguma coisa?

      Não quero responder

      Obrigado pelo seu feedback!
      Última atualização: 5 de Março 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!