Crie um site e personalize os blocos principais

Visão geral

Essa seção descreve a configuração manual de uma Web Shop no construtor de sites. Se você está criando a Web Shop pela primeira vez, recomendamos começar com o cenário expresso — ele permite que você automaticamente gere uma configuração inicial de site com base nos dados da página do seu jogo na App Store, que você pode então personalizar como desejar no construtor de sites.

Usando o modelo da Web Shop, você pode criar:

• Loja de página única — um formato da Web Shop simplificado. Todos os conteúdos são posicionados em uma única página. Adequado se você precisar minimizar a jornada dos usuários para comprar e publicar a loja o mais rápido possível. O modelo Web Shop inclui os blocos principais para uma loja de página única. Você pode personalizar e excluir esses blocos, bem como adicionar novos.

• Portal da web multipáginas — um formato da Web Shop avançado que permite que você construa uma plataforma cheia de recursos para engajar os jogadores. Adequada para trabalhar com conteúdos (notícias, recompensas), bem como cenários de aquisição de tráfego de jogo. Você pode direcionar usuários a páginas de conteúdos sem a venda de itens diretos, em conformidade com os requisitos de plataformas, e então encorajar compras dentro da Web Shop. Se você não está usando o cenário expresso, cada página deve ser adicionada manualmente. Um elemento necessário de um site multipáginas é a barra lateral. Ela permite a navegação entre as páginas e é adicionada automaticamente quando um site multipáginas é criado.

Antes de começar, configure:

• o projeto na Conta de Distribuidor
• a autenticação de usuários
• o catálogo de itens
• as ferramentas LiveOps e de promoção
• o gerenciamento de webhooks

1. Crie um site.
2. Configure os blocos principais.

Uma vez configurada, teste e publique o site.

Criar site

1. Abra seu projeto na Conta de Distribuidor e acesse a seção Vitrines > Websites.
2. Selecione Criar site.
3. Selecione o modelo Web Shop.
4. Adicione um URL a uma plataforma externa onde seu jogo está disponível. Isso permite que você rapidamente crie uma página no estilo do seu jogo: imagens e o título do jogo, informações do desenvolvedor e um esquema de cores são adicionados automaticamente na página. Se você não quiser usar os dados do jogo, desative a opção Copiar informações do jogo via URL da App Store ou Google Play.

5. Selecione Criar Web Shop.

Como resultado, você será redirecionado ao construtor com um site pré-configurado para seu jogo. Você pode fazer os ajustes necessários:

• Personalize o tema do site:

  • cores dos principais elementos
  • raio de borda dos elementos
  • fontes para texto de cabeçalhos e corpo

• Edite o conteúdo:

  • envie imagens e vídeos aos blocos
  • altere o texto visível aos usuários

Se você criar um portal da web multipáginas, adicione páginas:

1. Selecione o nome da página no topo do construtor de sites e então selecione Criar página na lista suspensa.

2. Selecione um modelo de página na aba Recomendados ou Outros modelos.

Para mais informações sobre o gerenciamento de páginas do site, consulte a documentação.

Configure os principais blocos

Todos os blocos contém configurações padrões. Você pode ativar ou desativar certas funções dos blocos e personalizar eles como desejado. Ao usar o modelo Web Shop, os seguintes blocos são automaticamente adicionados ao site:

• Cabeçalho — o bloco no cabeçalho do site. Exibe informações do usuário e contém os elementos de navegação do site. Para informações mais detalhadas, consulte a seção Blocos.

• Bloco principal — bloco com informações básicas sobre sua Web Shop: o jogo para o qual o site é criado e quem é o desenvolvedor. Para informações mais detalhadas, consulte os Blocos.

• Login Rápido — bloco que permite que você destaque a etapa de autorização e simplifique o caminho do usuário à compra. Requer que a autenticação de usuário seja configurada de antemão. Para informações mais detalhadas, consulte a seção Blocos.

• Loja — bloco para vender itens virtuais, conjuntos e pacotes de moedas virtuais. Para informações mais detalhadas, consulte a seção Blocos.

• Rodapé — o bloco no rodapé do site com links de mídias sociais, botões de compartilhamento e informações adicionais. Para informações mais detalhadas, consulte a seção Blocos.

• Carrinho de compras — permite que usuários adicionem itens ao carrinho antes de fazerem compras e que apliquem códigos promocionais ou cupons na interface do carrinho de compras. Para informações mais detalhadas, consulte a seção Blocos.

Visão geral

Esta seção descreve uma configuração manual da Web Shop no site builder. Se você está criando uma Web Shop pela primeira vez, recomendamos começar com o cenário expresso, que permite gerar automaticamente uma configuração inicial do site com base nos dados da página do seu jogo na App Store ou Google Play, que você pode personalizar ainda mais no site builder.

Você pode criar Web Shop dos seguintes tipos:

• Single-page Web Shop — um formato simplificado de Web Shop. Todo o conteúdo é colocado em uma única página. Adequado se você precisar minimizar a jornada do usuário para compra e lançar a loja o mais rápido possível. O modelo inclui os blocos principais para uma loja de página única. Você pode personalizar e excluir esses blocos, bem como adicionar novos.

• Multi-page web portal — um formato avançado de Web Shop que permite construir uma plataforma completa para engajamento dos jogadores. Adequado para trabalhar com conteúdo (notícias, recompensas), bem como cenários de aquisição de tráfego no jogo. Você pode direcionar usuários para páginas de conteúdo sem vendas diretas de itens, cumprindo os requisitos da plataforma, e depois incentivar compras dentro da Web Shop.

  Um elemento obrigatório para sites de múltiplas páginas é a barra lateral, para oferecer navegação entre as páginas, além de ser adicionada automaticamente quando o site de múltiplas páginas é criado. O modelo inclui um conjunto de páginas que você pode personalizar e excluir, bem como adicionar novas.

Antes de começar, configure:

• projeto na sua conta
• autenticação do usuário
• catálogo de itens
• ferramentas de LiveOps e promoção
• manuseio de webhook

Para criar a Web Shop:

1. Crie um site.
2. Configure os blocos principais.
3. Configure as páginas (opcional).

Após a configuração, teste e publique o site.

Criar site

1. Abra o projeto na sua conta e vá para a seção Web Shop.

2. Clique em Create Web Shop.

3. Selecione o modelo — Single-page Web Shop ou Multi-page web portal — e clique em Use this template.

4. Selecione o estilo visual — um dos temas de site predefinidos para diferentes gêneros de jogos (opcional).

   Adicione uma URL para uma plataforma externa onde seu jogo está disponível. Isso permite criar rapidamente uma página no estilo do seu jogo: imagens e título do jogo, informações do desenvolvedor e esquema de cores são adicionados à página automaticamente.

   Para configurar o site manualmente sem usar dados do jogo, clique em Skip this step.

5. Clique em Continue.

Após a criação do seu site pré-configurado, você pode continuar a configuração do projeto ou ir para o builder para fazer os ajustes necessários na sua Web Shop:

• Personalize o tema do site:
  • cores dos elementos principais
  • raio da borda dos elementos
  • fontes dos cabeçalhos e do texto do corpo
• Edite o conteúdo:
  • faça upload de imagens e vídeos para os blocos
  • altere os textos visíveis para os usuários

Configure os blocos principais

Todos os blocos contêm configurações padrão. Você pode habilitar ou desabilitar certas funções de bloco e personalizá-las conforme desejado. Ao usar o modelo Web Shop de página única, os blocos a seguir serão adicionados automaticamente ao site:

• Header — o bloco no cabeçalho do site. Exibe informações do usuário e contém elementos de navegação do site.

• Lead block — bloco com informações básicas sobre sua Web Shop: o jogo para o qual o site foi criado e quem é o desenvolvedor.

• Fast Login — bloco que permite destacar a etapa de autorização e simplificar o caminho do usuário até a compra. Requer que a autenticação do usuário seja configurada previamente.

• Store — bloco para venda de itens virtuais, pacotes e pacotes de moedas virtuais.

• Footer — o bloco no rodapé do site com links para redes sociais, botões de opções de compartilhamento e informações adicionais.

• Shopping cart — permite que os usuários adicionem itens ao carrinho antes de comprar e apliquem códigos promocionais ou cupons na interface do carrinho.

Para informações detalhadas sobre todos os blocos disponíveis, consulte a seção Blocos.

Configure as páginas

Ao usar o modelo de portal web de múltiplas páginas, as páginas a seguir serão adicionadas automaticamente ao site:

• Store — adequado para vender itens no seu jogo móvel.

• Rewards — contém blocos para exibir recompensas diárias e o sistema de recompensas.

• News — adequado para publicar atualizações, anúncios de jogos e outras informações relacionadas ao seu jogo.

• Loyalty shop — adequado para exibir itens usados no programa de fidelidade.

• Promocodes — contém blocos para usar códigos promocionais no site. Códigos promocionais permitem que os usuários recebam um desconto ou um item bônus. Códigos promocionais também podem ser usados para conceder itens exclusivos aos usuários.

Cada modelo de página contém blocos predefinidos, mas você pode modificá-los se necessário.

Para mais informações sobre modelos de página e gerenciamento de páginas, consulte a seção Como gerenciar páginas do site.