Blocos

Blocos são as seções logicamente divididas no site builder que combinam componentes com finalidades semelhantes.

Para encontrar todos os blocos, no seu projeto na Conta de Distribuidor, acesse a seção Storefronts > Websites e selecione Open Site Builder no painel do seu site.

Cabeçalho

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.

Recursos principais:

• Adição de botões para a navegação, compra ou redirecionamento a outras páginas.
• Adição de uma troca de idioma para o site.
• Configuração de um botão de autenticação no site.
• Exibição de informações sobre o usuário autenticado.

Barra Lateral

Menu de navegação para transições de páginas do site. Apresenta uma barra lateral alinhada à esquerda no desktop, e troca para uma barra inferior fixa em dispositivos móveis.

Barra Lateral na versão desktop do site:

Barra Lateral na versão móvel do site:

Recursos principais:

• Configuração do menu de navegação
• Adição de botões para navegar à Google Play, App Store ou outra loja de aplicativos.
• Adição de botões para navegar à sua página de mídia social.

Bloco principal no modelo Game Sales

Bloco com informações sobre o jogo vendido no site.

Recursos principais:

• Personalização da disposição de texto.
  • Exibição da informação de jogo: título, desenvolvedor.
  • Exibição das plataformas de distribuição de jogo.
  • Adição de tags com conteúdos personalizados.
  • Configuração das funções de botões:
  • Reprodução de vídeos
  • Foco em um bloco
  • Redirecionamento a um link
  • Compra de um item
• Personalização do estilo dos botões.

Bloco principal no modelo Web Shop

O bloco com informações sobre sua Web Shop e os principais detalhes sobre o jogo.

Recursos principais:

• Personalização de informações de jogo: ícone, título, desenvolvedor.
• Personalização de cartões com descrições dos recursos do site.

Se necessário, personalize o bloco:

1. Adicione imagens ou vídeo como plano de fundo personalizado.
2. Para configurar os cartões de informações, ative as opções correspondentes:
   • Exibir ícone
   • Exibir títulos
   • Exibir descrições

Chamada para ação

O bloco para chamar a atenção do usuário a ações importantes no site.

Recursos principais:

• Adição de um campo para o usuário inserir seu e-mail e assinar boletins dos jogos.
• Adição de um botão para a compra de um item, links às plataformas Google Play/App Store, ou outro site.
• Exibição de logotipos da plataforma, que podem levar o usuário à sua página na respectiva plataforma ao clicar neles.
• Lightbox com um vimeo do YouTube/Vimeo.

Fast Login

O bloco Login Rápido torna a etapa de autenticação obrigatória mais proeminente e simplifica o caminho do usuário à compra.

A aparência do bloco e seus recursos dependem do método de autenticação selecionado.

Se a autenticação via ID de usuário for configurada no site, o bloco Login Rápido exibirá um campo para inserir o ID e um botão de login.

Recursos principais:

• Autenticação de usuários sem transições adicionais à janela modal.
  • Configuração do conteúdo do bloco. Você pode habilitar e configurar as seguintes seções:
  • Título
  • Descrição
  • Instruções sobre como encontrar o ID de usuário
  • Plano de fundo personalizado

Se a autenticação via Xsolla Login for configurada no site, um botão adicional chamando por autorização é exibido no bloco Login Rápido. Quando você clicar no botão no bloco, uma janela modal aparecerá para a autorização usando um dos métodos Xsolla Login.

Recursos principais:

• Configuração do texto do botão chamando a autorização
• Configuração do plano de fundo

O bloco Login Rápido é adicionado automaticamente a sites criados usando o modelo Web Shop. Se esse bloco estiver faltando no seu site, você pode adicioná-lo manualmente no construtor de sites.

Galeria

Bloco com imagens, capturas de tela e materiais de vídeo para aprimorar o interesse do usuário no jogo.

Recursos principais:

• Adição de imagens e vídeos aos slides.
• Reproduzir vídeos na página de aterrissagem através de um link do YouTube.
• Trocar entre slides com conteúdos.
• Prévia do vídeo ou imagem próximo ou anterior no controle deslizante.
• Exibição de setas para navegar pelo conteúdo.

Notícias

Bloco para publicar artigos no seu site.

Principais recursos:

• publicação de artigos, notícias, anúncios, notas de atualização do jogo
• agrupe artigos por categorias e exiba as categorias como abas

Cartões

Bloco universal para exibir informações sobre o jogo ou loja. Neste bloco, você pode adicionar cartas com qualquer conteúdo.

Recursos principais:

• Adicionar cartões com textos, imagens e botões.
• Configuração da função dos botões:
  • Ver vídeos
  • Focar em um bloco
  • Redirecionar a um link
  • Comprar um item
• Ajustar os tamanhos dos cartões e posicionamento dos elementos de um cartão.
• Personalizar a disposição dos cartões na grade.
• Alinhar conteúdos dentro dos cartões.

Não há tamanho de imagem recomendado para os blocos Cards, pois você pode ajustar a proporção da imagem do cartão e a imagem por conta própria.

Controle deslizante promocional

O bloco com uma galeria contendo banners de jogo, títulos de jogo e suas descrições.

Recursos principais:

• Habilidade de adicionar um botão para a compra de itens, navegação a links, ou às plataformas Google Play/App Store.
• Navegação cíclica de slides com conteúdos.
• Exibição de setas de navegação para os jogos.
• Adição de um campo para o usuário inserir seu e-mail para se inscrever em boletins dos jogos.
• Exibição de links à sua página em diversas plataformas.

Descrição

Bloco com descrições e imagens de jogo.

Recursos principais:

• Exibição de imagens e descrições de texto.
• Duas opções de disposição para imagens e texto: horizontal e vertical.
• Alargamento das imagens ou navegação a um link clicando na imagem.

Códigos promocionais

O bloco para usar códigos promocionais e cupons no site.

Recursos principais:

• Aplicação de códigos promocionais por parte do usuário para receber bônus e compras.
• Aplicação de cupons para o resgate imediato de recompensas.
• Adição de código JS personalizado para expandir as capacidades do bloco.

Game editions

O bloco permite que você exiba informações detalhadas sobre um jogo e demonstre os recursos de edições diferentes do jogo.

Recursos principais:

• Modelos de estilo para o conjunto e estilo personalizado.
• Ajustar a disposição dos componentes: é possível reorganizar botões, títulos e descrições.
• Configuração da lista de benefícios para cada edição do jogo.
• Destacar o conjunto mais vantajoso: você pode marcar uma edição do jogo como recomendada para compra.

Loja

O bloco para vender chaves de jogo (excluindo o modelo Web Shop), itens virtuais, conjuntos e pacotes de moedas virtuais. O bloco contém seções criadas automaticamente; você pode excluí-las e criar novas.

Recursos principais:

• Venda de itens de jogo e chaves de jogo.
• Exibindo todas as informações sobre itens: preços, promoções, nomes, descrições, imagens, conteúdos de conjunto, limites de compra.
• 4 estilos de carta de itens.
• Navegação pelas seções usando abas de tipo de item.
• Personalização do bloco e títulos de seções.
• Prévia dos itens demonstrativos.
• Navegação horizontal em dispositivos móveis.
• Botão adicional para solicitação de autenticação.

Se necessário, personalize o bloco e adicione:

• título
• exibição de nomes de grupos de itens
• abas de navegação rápida na loja
• plano de fundo personalizado

Para fazer isso, ative as opções correspondentes.

Você também pode configurar o botão do prompt de autenticação na seção Botão de login.

Para configurar a exibição de item na loja:

1. Adicione uma seção de loja e, na lista suspensa, selecione o tipo e grupo de itens que deseja para vender no site.

2. Na seção da loja, selecione o estilo Cartão do item:

• Destaque. Esse layout de cartão permite que você chame a atenção dos usuários a itens ou ofertas especiais.

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

• Recomendamos que você utilize esse layout para:
  • promover bônus e ofertas de desconto
  • destacar itens e ofertas com limitações definidas
  • exibição de conjuntos

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

• 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

• Vertical. Esse layout de cartão permite que você coloque o nome, descrição e preço do item 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 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

• 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.

• 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

3. Se necessário, personalize o layout do cartão ativando as opções correspondentes nas configurações de layout do cartão.
4. Para ocultar a seção quando ela não possui conteúdos, ative a opção Ocultar seção se estiver vazia.

Sistema de recompensa

O bloco para adicionar sistemas de recompensa. Ele concede uma oportunidade de obter pontos de valor ao comprar, armazená-los e coletar cadeias de recompensas. Pontos de valor não são gastos ao se obter uma recompensa.

Recursos principais:

• Escolha de uma cadeia de recompensas configurada na loja do jogo.
• Expansão dos recursos do bloco, por exemplo, adicionando texto, botões ou imagens usando códigos JS.

Cadeia de ofertas

O bloco para adicionar uma cadeia de ofertas configurada na Conta de Distribuidor. O usuário recebe o item de graça ou o compra com moedas reais para desbloquear a próxima oferta na cadeia. As ofertas podem ser gratuitas ou pagas.

Comportamento na página:

• As ofertas são exibidas em uma barra deslizante horizontal com os cartões dos itens.
• Cada oferta pode ter um dos seguintes status:
  • Resgatada – o item foi comprado ou resgatado de graça.
  • Disponível – o item pode ser comprado ou resgatado de graça.
  • Bloqueada – o item ainda não está disponível porque o anterior não foi resgatado ou comprado.
• Cada oferta pode ter um dos seguintes tipos de preço:
  • Grátis – o item pode ser resgatado de graça.
  • $X.XX – o item está disponível para compra.
• A oferta disponível está destacada. O botão exibe Claim para as ofertas gratuitas ou $X.XX para as pagas.
• Quando o usuário clica no botão no cartão da oferta ativa, a ação correspondente é acionada: inicializando a interface de pagamento ou resgatando o item de graça.

Widgets de mídia social

O bloco com acesso às redes sociais do jogo para se formar interações mais eficazes com os usuários.

Recursos principais:

• Adição de widgets para o Facebook, Twitter, Discord e Twitch.
• Dois tipos de exibição de display.
• Escolha de temas claros e escuros no Twitter e Discord.

Perguntas Frequentes

O bloco com respostas às dúvidas frequentes sobre o seu jogo.

Recursos principais:

• Respostas pré-definidas às dúvidas mais comuns, adequadas para a maioria das lojas.
• Você pode adicionar códigos JS personalizados para estender as capacidades do bloco.

Código personalizado

O bloco permite que você use seu código CSS, JS e HTML personalizado no site para implementar funcionalidades especiais que não são fornecidas na interface.

Recursos principais:

• Sincronização de códigos personalizados entre todas as versões de idiomas do site sem ser preciso fazer uma migração individual.
• Abas separadas para CSS, HTML e JS dentro do bloco.
• Destaque de sintaxes embutido.
• Imagem miniatura do código para navegação fácil dentro do bloco.

Configurações do carrinho

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.

Requisitos de sistema

Bloco com informações sobre os requisitos de sistema mínimos e recomendados necessários para executar o jogo em plataformas diferentes.

Recursos principais:

• Duas opções de exibição:
  • Apenas requisitos mínimos.
  • Requisitos mínimos e recomendados.
• Utilização de múltiplas abas para plataformas diferentes.

Subscriptions

Um bloco que permite que os usuarios acessem um pacote de serviços com base nas condições especificadas.

Recursos principais:

• Definição de ícones em cada componente da assinatura.
• Configuração de uma imagem do plano de assinatura.

Social quests

O bloco Social quests permite que você adicione tarefas ao seu site que recompensa os usuários com pontos de fidelidade após a conclusão.

Essas tarefas podem incluir conectar uma conta do YouTube, visitar uma comunidade do Discord, ou assistir a um trailer de jogo. Os pontos de fidelidade são concedidos automaticamente e são refletidos imediatamente no saldo da conta do usuário no site. Os usuários podem resgatar pontos de fidelidade adquiridos na compra para pagar parcialmente pelos itens.

Social quests ajuda você a reforçar o engajamento, fortalecer a fidelidade dos usuários e aumentar sua comunidade transformando ações sociais em recompensas atuais.

Consulte a documentação Social Quests para obter mais detalhes sobre como configurar o bloco.

Rodapé

O bloco se encontra na parte inferior da página. Ele contém informações legais e configurações de privacidade.

Recursos principais:

• Escolha de estilo de bloco: colunas ou fileiras.
• Adição de troca de idioma para o site.
• Adição de um botão para compartilhar o link do site nas redes sociais.
• Exibição de restrições etárias.

Se necessário, personalize o bloco:

• Selecione o estilo do layout.
• Personalize o plano de fundo.
• Adicione a seção Opções de compartilhamento e configure os botões de compartilhamento.
• Adicione uma seção Social media e configure os links de mídias sociais.
• Adicione restrições etárias.

Links úteis