Como conectar a loja ao seu site

Como funciona

A Store em seu site permite atrair mais jogadores para melhorar a monetização do jogo. Com a Store, você pode vender chaves de jogo (exceto no modelo Web Shop), conjuntos, itens virtuais e pacotes de moedas virtuais.

Demonstração de jogos

Demonstração de itens e moedas

Observação
Essas instruções destinam-se a sites criados com o Site Builder. Se você quiser conectar uma loja em seu próprio site, use as instruções para criar uma loja.

Fluxo do usuário

  1. O usuário acessa o site do jogo e navega até a seção da loja.
  2. O usuário faz login no site.
  3. O usuário clica no cartão de item e vê uma descrição detalhada do item.
  1. O usuário clica no preço.
  2. O usuário paga pela compra na interface de pagamento aberta.

Fluxo de integração

  1. Crie catálogos na Conta de Distribuidor.
  2. Crie um bloco Store.
  3. Personalize o bloco Store.

Criar catálogo

Para criar um catálogo:
  1. Abra seu projeto na Publisher Account.
  2. No menu lateral, clique em Loja > Conectar.
  3. Clique em Conectar ao lado da seção com o tipo de item que você deseja vender no site:
Observação
O modelo Web Shop não oferece suporte à venda de chaves de jogo ou conjuntos que contenham chaves de jogo.

Como criar um bloco Store

Se você criar um site com um modelo de Web Shop ou Store, o bloco Store será adicionado ao site automaticamente.

O modelo Store on Web Shop permite que você mostre informações adicionais nos cartões de itens:

  • Bônus – apenas para promoções de bônus.
  • Temporizador da promoção – para qualquer tipo de promoção. Um temporizador aparece no cartão de itens 30 dias antes do final da promoção que mostra o tempo restante na promoção.
  • Limite a quantidade de vezes que um usuário pode usar uma promoção – para qualquer tipo de promoção, se o número de usos for limitado.
  • Limite a quantidade de vezes que um usuário pode comprar esse item – para itens virtuais se a quantidade de usos for limitada.

Se você criar um site com outros modelos, adicione o bloco Store:

  1. Abra seu projeto na Publisher Account.
  2. No menu lateral, clique em Site Builder.
  3. Clique em Abrir Site Builder.

  1. Clique em Adicionar bloco no modelo de site.

  1. Escolha Store na lista de blocos.
  1. Na lista suspensa, selecione o tipo de item que você deseja vender no site e selecione o grupo.
Observação
Se a lista de itens estiver vazia ou se você quiser criar um novo item, clique no botão de criação ou no link Configurar compras na parte inferior da seção.

  1. Para vender itens em diferentes lugares do site, crie várias seções com a loja. Para fazer isso, clique em Adicionar seção de loja no menu do bloco Store.

O bloco Store não suporta o carrinho de compras e os códigos promocionais. Para conectar um carrinho de compras em seu site, entre em contato com seu Gerente de Sucesso do Cliente ou envie um e-mail para csm@xsolla.com.

Personalizar bloco

  1. Personalize o cabeçalho da seção. Para fazer isso, clique no cabeçalho Store no modelo do site e edite o texto e estilo.

  1. Escolha Layout do cartão do item.

  • 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 Destaques para conjuntos.
  • É usado um layout de cartão de item separado para chaves de jogo por padrão. Você não pode alterá-lo e ele não está disponível para outros produtos.
    Nas configurações de layout do cartão, você pode:
    • ocultar ou mostrar a imagem e a descrição de um item, a data de lançamento e as plataformas de jogo
    • 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
  1. Para verificar como os usuários verão seu site, clique em Pré-visualização no canto superior direito do construtor.
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!

Links úteis

Última atualização: 4 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!