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 700 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:
- Crie um projeto na Conta de Distribuidor.
- Crie um site.
- Configure os principais blocos.
- Configure o carrinho de compras.
Criar site
- Abra seu projeto na Publisher Account.
- Clique em Site Builder no menu lateral.
- Clique em Create site.
- Selecione o modelo Web Shop.
- 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.
- Clique em Create.
- Escolher:
- tema global do site
- cores dos elementos principais
- arredondamento do botão
- fontes de cabeçalho e corpo de textos
- Na parte principal do construtor:
- Envie imagens e vídeos para blocos
- Edite os textos que ficarão visíveis para os usuários
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/create-site/builder.png)
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.- 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.
- Configure os botões no bloco.
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/web-shop-create-site-2.png)
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:- Adicione o ícone do jogo.
- Especifique o nome do jogo.
- Especifique o desenvolvedor do jogo.
- Adicionando uma imagem de plano de fundo.
- 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
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/lead_block.png)
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.- Alterne a opção Instructions para On.
- Clique na linha que aparece na parte inferior do bloco.
- Substitua o texto da instrução para usuários.
Se necessário, personalize o bloco:
- Ajustando a exibição do cabeçalho e descrição do bloco.
- Substituir os textos padrões com o seu próprio.
Para configurar o bloco ao usar a autenticação de ID de usuário:
- 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.
- 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.
- 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"
- Na seção da loja, selecione o tipo de item que você deseja vender no site e seus grupos da lista de menu suspenso.
- 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
- 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.
- 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
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/create-site/vertical.png)
- 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
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/create-site/large.png)
- Se necessário, personalize o layout do cartão configurando as opções correspondentes para On nas configurações de layout do cartão.
- Você pode ocultar seções caso vazias alternando a opção correspondente à posição On.
Configure o bloco Footer
- Selecione o estilo do layout.
- Personalize o plano de fundo.
- Adicione os botões Share options e configure os ícones de mídias sociais.
- Adicione links às redes sociais.
- Adicione restrições etárias.
Configure o carrinho de compras
Você pode usar o carrinho de compras no site. Para fazer isso:- Na seção principal do construtor, vá para o bloco Cart Settings.
- Defina a opção Use shopping cart como On.
- С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.
![](https://cdn.xsolla.net/developers/v-20240906-v01/images//solutions/web-shop/create-site/cart.png)
Links úteis
- Guia de Integração da Web Shop
- Todos os blocos do Site Builder
Este artigo foi útil?
Avalie esta página
Não quero responder
Obrigado pelo seu feedback!
Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.