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 Site Builder e clique em Abrir Site Builder no painel do seu site.

Imagens em blocos

Você pode personalizar um plano de fundo personalizado para alguns blocos. Para fazer isso, acesse a seção Layout, defina a opção Plano de Fundo Personalizado como ativo, clique no campo abaixo da opção e envie a imagem desejada.

O plano de fundo personalizado não tem um comprimento ou altura fixo, pois ele se ajusta dinamicamente às dimensões do bloco. As dimensões do bloco são alteradas dependendo do conteúdo do bloco (ex.: o comprimento do texto, a presença ou ausência de botões) e a resolução da tela do dispositivo.

Você pode escolher uma das seguintes maneiras de posicionar uma imagem de plano de fundo em um bloco:

• Ensure fit – a imagem mantém a proporção e se adequa dentro da altura do bloco.
• Maximize – a imagem preenche o comprimento do bloco e pode ficar cortada na parte superior e inferior caso ela exceda a altura do bloco.
• Fix – a imagem é esticada para encaixar no bloco, sem manter a proporção.

O comprimento recomendado para uma imagem de plano de fundo personalizado é de 1920 px. Determine a proporção da imagem apropriada depois de adicionar o conteúdo necessário ao bloco.

Além do plano de fundo personalizado, você pode adicionar imagens aos blocos do Site Builder. Os tamanhos de imagens recomendados para a versão desktop com uma resolução de 1200 px são fornecidos nas descrições dos blocos, abaixo.

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 exploração de 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.

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 o site.

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.

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 Fast Login fornece aos usuários uma maneira adicional de se autenticarem no site. A aparência do bloco e seus recursos depende 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

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 da Web Shop), itens virtuais, conjuntos e pacotes de moedas virtuais.

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.

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.

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.

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.

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 Share para ajudar a compartilhar o link do site nas redes sociais.
• Exibição de restrições etárias.

Links úteis