Configure uma plataforma de publicação usando CMS headless

Você pode configurar uma plataforma para publicar e promover jogos usando um sistema de gerenciamento de conteúdos (CMS) headless onde a edição da interface é separada da interface do site.

Quando a estrutura e design forem aprovados, a equipe Xsolla implementa o frontend da sua plataforma e configure o CMS.

O CMS permite que você gerencie os conteúdos do site de forma independente (ex.: notícias, cartões de jogos, ofertas especiais) sem alterar a programação. Isso simplifica a gestão do site após a publicação, enquanto mantém a aparência visual e lógica de exibição sob o controle da Xsolla.

Tutorial CMS

Faça login no CMS e altere sua senha

Após a implementação frontend e a configuração inicial do site, a equipe Xsolla fornecerá a você um link ao CMS e as credenciais de acesso.

Por motivos de segurança, recomendamos alterar a senha da sua conta ao fazer o primeiro acesso. Para isso:

1. Clique no ícone do perfil de usuário no canto superior direito da tela.
2. Clique em Change Password.
3. Insira sua nova senha no campo New Password e insira-a novamente no campo Confirm Password.
4. Clique em Save.

Observação

Nessa sseção, você também pode escolher o tema e idioma do CMS.

Painel

A página Dashboard é a tela principal do CMS. Você pode acessá-la de qualquer parte do CMS clicando no ícone da trilha de migalhas no topo da tela.

No painel, você pode:

• Sincronizar os dados do site com dados de lojas de apps e plataformas conectadas, se estiverem configuradas no seu projeto.
• Publicar alterações de configurações do site.
• Ver informações sobre a manutenção programada do site.
• Acesse configurações globais para definir os períodos de manutenção do site.

Coleções

Coleções são seções estruturadas no CMS onde diferentes tipos de conteúdos do site são armazenados e configurados, tais como artigos, slides, Perguntas Frequentes e mais.

Cada objeto em uma coleção tem os seguintes parâmetros:

• ID Exclusivo — na interface do CMS, ele é substituído pelo nome do objeto, se especificado.
• Status do objeto:
  • Draft — atribuído automaticamente sempre que alterações são feitas, mas não é salvo manualmente. Os campos necessários podem estar incompletos neste status. As alterações de rascunho não serão publicadas no site.
  • Published — atribuído quando alterações são feitas e salvas manualmente. As alterações não poderão ser salvas, a menos que todos os campos necessários estejam preenchidos.
• Carimbo de data/hora para criação, último salvamento e última modificação.
• Histórico de alterações.

Versões do objeto de coleção

O CMS suporta o controle de versões para objetos em coleções. Isso significa que toda vez que alterações são feitas, o sistema cria uma nova versão do objeto. Você pode ver o histórico de alterações clicando no número da versão do objeto.

Para ver informações detalhadas sobre as alterações, clique na data na fileira da versão desejada. Na página de detalhes, você também pode comparar versões ou restaurar uma selecionada.

Configurações globais

As configurações globais do site estão disponíveis na seção Globals > Configuration e incluem:

• configurações de períodos de manutenção
• configurações de localização do site
• configurações de favicon do site

Adicionar informações do jogo ao site

Com o CMS, você pode preencher todos os dados necessários a serem exibidos tanto no cartão do jogo quanto na página inicial e a página individual de cada jogo.

Ao adicionar um jogo na seção Collections > Games, dois tipos de visualizações são gerados:

• Um cartão de jogo exibido na página inicial. O cartão inclui o título, uma breve descrição, uma imagem e links ao jogo nas lojas de aplicativos.

1. Exemplo de cartões de jogo na página inicial:

• Uma página de jogo completa, que é aberta quando o cartão do jogo é selecionado na página inicial. Essa página pode incluir uma descrição detalhada, capturas de tela, vídeos links da loja de apps, estatísticas de download, imagens de plano de fundo e outros recursos.

1. Exemplo de uma página de jogo:

Adicionalmente, você pode adicionar um jogo ao cabeçalho do menu. Para fazer isso, contate seu Gerente de Sucesso do Cliente ou envie um e-mail para csm@xsolla.com.

Para adicionar informações de jogo e definir configurações básicas:

1. Acesse a seção Collections > Games.
2. Clique em Create New.
3. Na aba Main, preencha os campos obrigatórios:

1. • Title — o nome do jogo é exibido no site.

1. • Slug — o identificador de URL para a página do jogo. Ela pode conter letras minúsculas latinas, números e hífens (-).

1. 1. Exemplo:
   2. Se o campo Slug contiver cool-action-game, a página do jogo estará disponível em um URL como http://my-awesome-game-store.com/en/game/cool-action-game.

1. • Short Description — uma descrição de jogo breve exibida no cartão do jogo na página inicial.

4. Adicione o jogo a uma franquia (opcional). Na lista suspensa Franchise, selecione uma franquia existente ou clique em + e crie uma nova.
5. Na aba Page, preencha o campo Page description — esse conteúdo aparecerá na página do jogo.
6. Adicione respostas a perguntas frequentes (opcional). No campo FAQs, selecione as respostas existentes ou selecione + e crie uma nova.
7. Na aba Links, adicione links ao jogo nas lojas de aplicativos (Google Play, App Store, Steam, etc.). Para adicionar um link:

1. 1. Selecione Add Store_link.
   2. Na lista suspensa Platform, selecione a loja de aplicativos. Ser você selecionar Other, insira o nome da loja manualmente no campo Custom Platform Name.
   3. No campo Icon, envie ou selecione um ícone de link (opcional). Se nenhum ícone for enviado, o ícone padrão será usado.

1. 4. No campo Link, insira o URL do jogo na loja de aplicativos.
   5. No campo Downloads count, insira a quantidade total de downloads das lojas de aplicativos (opcional). Isso ajuda os usuários a avaliarem a popularidade do jogo.

8. Na aba Images, envie ou selecione imagens para o cartão do jogo e página do jogo:

9. Na aba Gallery, adicione recursos para exibir na página do jogo (opcional):

1. • Para adicionar uma captura de tela, na seção Images, seleicone Add Image, e então envie ou selecione uma imagem.

1. 1. Recomendações:
      • Proporção da imagem: 16:9.
      • Tamanho: 526 × 296 px.

1. • Para adicionar um vídeo, na seção Videos, selecione Add Video, e então envie ou selecione um vídeo.

Observação

Imagens e vídeos na página do jogo aparecem na mesma ordem listada na aba Gallery. Para alterar a ordem deles, selecione o ícone ••• e então Move Up ou Move Down.

10. Para validar os campos necessários e salvar suas alterações, selecione Publish changes.

Criar franquia

Uma franquia é um agrupamento lógico de múltiplos jogos que ajudam a filtrar e organizar conteúdos no site. Cada franquia na lista de jogos exibe uma imagem e um título.

Exemplo de uma franquia exibida na página inicial:

Para criar uma nova franquia:

1. Acesse a seção Collections > Franchises.
2. Clique em Create New.
3. No campo Title, insira o nome da franquia a ser exibida no site.
4. Na seção Image, clique em Add Image, e então envie ou selecione a imagem a ser exibida para a franquia.

1. Recomendações:
   • Proporção da imagem: 1:1.
   • Tamanho: 512 × 512 px.

5. Para validar os campos necessários e salvar suas alterações, clique em Publish changes.

Para adicionar um jogo a uma franquia:

1. Acesse a seção Collections > Games e selecione um jogo existente da lista ou crie uma nova.
2. Na aba Main, na lista suspensa Franchise, selecione uma franquia existente ou clique em + e crie uma nova.
3. Para validar os campos necessários e salvar suas alterações, clique em Publish changes.

Criar artigo

No CMS, você pode criar artigos tais como notícias, anúncios, análises e outros materiais relacionados aos seus jogos ou plataforma.

Ao adicionar um artigo na seção Collections > Articles, dois tipos de visualizações são gerados no site:

• Cartão de prévia de artigo — pode ser exibido na página inicial, na página da lista de artigo completo, ou em uma página de jogo se o artigo estiver vinculado a um jogo.

• Página de artigo — contém o conteúdo completo do artigo e abre quando um cartão de prévia é selecionado.

A aparência e quantidade de cartões de artigo exibidos na página inicial dependem da interface do site.

Para adicionar um artigo ao site:

1. Acesse a seção Collections > Article.
2. Clique em Create New.
3. Preencha os seguintes campos:

1. • Article Title — o título do artigo é exibido no site.

1. • Slug — o identificador de URL para a página do jogo. Ela pode conter letras minúsculas latinas, números e hífens (-).

1. 1. Exemplo:
   2. Se o campo Slug contém game-news, a página do artigo ficará disponível em um URL como http://my-awesome-game-store.com/en/article/game-news.

1. • Game — o jogo associado com o artigo (opcional). Selecione um jogo da lista suspensa ou clique em + e crie um novo. O nome do jogo aparece como um marcador no cartão de prévia do artigo. Artigos vinculados a um jogo específico também aparecem na página do jogo.

1. • Description — Um resumo breve do artigo exibido no cartão de prévia e usado para SEO (opcional).

1. • Header Image — a imagem exibida no cartão de prévia e como um banner na página do artigo.

1. • Start Date — a data de publicação do artigo exibida no site.

1. • Finish Date — a data na qual o artigo não será mais exibido (opcional).

1. • Text — o conteúdo completo do artigo.

4. Para exibir o cartão de prévia na página inicial, marque a caixa Main Article (opcional).

5. Adicione respostas a perguntas frequentes (opcional). No campo FAQs, selecione as respostas existentes ou pressione o + e crie uma nova.
6. Para marcar o artigo como ativo, marque a caixa Active article. Se ela não estiver marcada, o artigo não será exibido no site.
7. Para validar os campos necessários e salvar suas alterações, clique em Publish changes.

Adicionar slide ao carrossel da página inicial

A página inicial pode incluir um carrossel abaixo do cabeçalho — um bloco de slides em rotação usados para destacar jogos importantes, promoções, notícias e mais.

Cada slide é um banner individual. Os slides giram automaticamente ou podem ser trocados manualmente.

Exemplo de um carrossel de página inicial com slides:

Para adicionar um novo slide ao carrossel da página inicial:

1. Acesse a seção Collections > Sliders.
2. Selecione Create New.
3. Preencha os seguintes campos:

1. • Slider Name — nome interno do slide (não exibido no site).

1. • Slider Title — o título do slide exibido no site.

1. • State — o status do slide. Para exibir o slide no carrossel da página inicial depois de publicar o site, selecione Active.

1. • Slider Description — texto do slide (opcional).

4. No campo Image, envie ou selecione uma imagem para o slide.

1. Recomendações:
   • Proporção da imagem: ~2:1.
   • Tamanho: 1920 × 980 px.

5. Adicione links a recursos externos ou outras páginas do site (opcional). Para adicionar um link:
   1. Na seção Links, clique em Add Link.
   2. No campo Text, insira o texto do link a ser exibido no slide.
   3. No campo Link, insira o URL.
   4. No campo Icon, selecione ou envie um ícone ao link.
6. Para validar os campos necessários e salvar suas alterações, selecione Save.

Criar análise do jogo

Análises do jogo (feedback sobre um jogo) aparecem na página de jogo correspondente e ajudam os visitantes a entenderem o que os outros jogadores pensam. As análises são um elemento-chave para criar confiança e engajamento com os usuários.

Exemplo de análises em uma página de jogo:

Você pode adicionar uma análise manualmente através do CMS ou configurar importações de análise automáticas da loja de aplicativos aonde o jogo foi publicado. Para configurar a importação automática de análises, contate seu Gerente de Sucesso do Cliente ou envie um e-mail para csm@xsolla.com.

Para adicionar uma análise de jogo manualmente:

1. Acesse a seção Collections > Reviews.
2. Selecione Create New.
3. Preencha os seguintes campos:

1. • User name — o nome ou apelido do usuário que escreveu a análise.

1. • Game — o jogo ao qual a análise se refere. Selecione na lista suspensa ou selecione + e crie um novo jogo.

1. • Rating — a classificação do usuário para o jogo.

1. • Date — a data na qual a análise foi criada.

1. • Likes — a quantidade de likes que a análise recebeu (opcional).

1. • Dislikes — a quantidade de dislikes que a análise recebeu (opcional).

1. • Locale — o idioma da análise.

1. • Text — o conteúdo da análise.

4. Para publicar a análise anonimamente (sem exibir o User name), marque a caixa Anonymous.
5. Para validar os campos necessários e salvar suas alterações, selecione Save.

Criar Perguntas Frequentes

Perguntas Frequentes (Frequently Asked Questions, em inglês, ou FAQ) ajudam os usuários a acessarem informações importantes rapidamente e reduzem a quantidade de solicitações de suporte. No CMS, você pode adicionar um bloco FAQ nas seguintes páginas do site:

• página do jogo
• artigo
• página dinâmica

Para adicionar um FAQ no CMS:

1. Acesse a seção Collections > FAQs.
2. Selecione Create New.
3. Preencha os seguintes campos:
   • Title — nome interno do FAQ, não exibido no site.
   • Question — o texto da pergunta.
   • Answer — o texto da resposta.
4. Para validar os campos necessários e salvar suas alterações, selecione Save.

Criar página dinâmica

Páginas dinâmicas são usadas para exibir conteúdos visuais e de texto no site que não sejam diretamente vinculados a um jogo específico.

• Política de Privacidade
• Termos de Uso
• Seções de informações ou ajuda

Páginas dinâmicas não são conectadas a cartões de jogo ou notícias, mas podem ser adicionadas ao menu do site ou acessadas via links em outras seções.

Para adicionar uma página dinâmica ao site:

1. Acesse a seção Collections > Dynamic Pages.
2. Selecione Create New.
3. Preencha os seguintes campos:

1. • Title — o título da página é exibido no site.

1. • Slug — o identificador de URL para a página. Ela pode conter letras minúsculas latinas, números e hifens (-).

1. 1. Exemplo:
   2. Se o campo Slug contém game-news, a página ficará disponível em um URL como http://my-awesome-game-store.com/en/article/game-news.

1. • Publish Date — a data em que a página foi publicada (não é exibido no site).

1. • Expiry Date — a data na qual a página não é mais exibida (opcional).

1. • Content — o conteúdo da página.

4. Adicione respostas a perguntas frequentes (opcional). No campo FAQs, selecione as respostas existentes ou pressione o + e crie uma nova.
5. Para validar os campos necessários e salvar suas alterações, clique em Publish changes.

Configure as traduções

Os idiomas disponíveis no site são definidos por um conjunto de idiomas nas configurações globais.

O conteúdo deve ser fornecido separadamente para cada idioma.

Se nenhum conteúdo for especificado para um idioma específico, o conteúdo padrão (Inglês) é utilizado. Para alterar o idioma padrão, contate seu Gerente de Sucesso do Cliente ou envie um e-mail para csm@xsolla.com.

Exemplo:

O site suporta dois idiomas — inglês (padrão) e alemão.

Se as configurações de um jogo específico não forem fornecidas para o idioma alemão, os usuários visualizando o site em alemão verão o conteúdo em inglês, fornecido como idioma padrão.

Configure os idiomas do site

1. Acesse a seção Globals > Configuration.
2. Na lista suspensa Languages, selecione os idiomas necessários.
3. Selecione Save.

Traduza o conteúdo manualmente

1. No campo Locale no canto superior direito da tela, selecione o idioma desejado.
2. Acesse a seção relevante sob Collections. Por exemplo, para traduzir um artigo, acesse a seção Collections > Articles.
3. Selecione um dos items na tabela.
4. Preencha os campos de texto no idioma selecionado e salve suas alterações.

Você também pode adicionar descrições de jogo, artigos, franquias ou outros objetos em um idioma específico. Esses objetos ficarão visíveis no site somente quando o usuário selecionar o idioma correspondente.

Tradução automática do conteúdo

A tradução automática de conteúdo está disponível somente para as seguintes coleções:

• Games
• Articles
• Dynamic Pages

Para traduzir seu conteúdo automaticamente:

1. Acesse a seção Collections > Games, Articles ou Dynamic Pages.
2. Selecione o item desejado na tabela.
3. Selecione Translate.
4. Na janela modal Languages, selecione os idiomas aos que deseja traduzir seu conteúdo. Para selecionar todos os idiomas do site, selecione Choose All.
5. Selecione Translate e espere até a tradução do conteúdo ser concluída.
6. Edite as traduções, se necessário.
7. Para validar os campos necessários e salvar suas alterações, clique em Publish changes.

Publicar alterações

Quaisquer alterações feitas nas configurações do site ou coleções não aparecerão no site publicado até elas também serem publicadas.

Para publicar as alterações no site, selecione o botão Build Site no canto superior direito da tela ou o botão Build na página Dashboard.

Configuração de domínio para a plataforma de publicação

Todos os sites são hospedados na infraestrutura Amazon Web Services (AWS) e providenciados via Amazon CloudFront — um serviço CDN que entrega conteúdos rapidamente e em segurança a usuários ao redor do mundo.

Quando a configuração e publicação forem concluídos, a equipa Xsolla fornecerá a você um URL do site no seguinte formato: https://your-cloudfront-id.cloudfront.net.

Você pode conectar um domínio personalizado (ou subdomínio) para sua plataforma de distribuição — por exemplo, games.example.com. Isso permite que você use sua empresa ou nome do projeto no endereço do site, tornando-o mais reconhecível aos usuários.

Para configurar um domínio personalizado para sua plataforma de publicação:

1. Escolha o domínio ou subdomínio aonde sua plataforma será hospedada.

2. Crie um registro CNAME:
   1. Faça login no painel de administrador do seu provedor DNS.
   2. Acesse a seção de registros DNS.
   3. Crie um novo registro com os seguintes parâmetros:

3. Envie uma solicitação de conexão de domínio ao seu Gerente de Sucesso do Cliente ou envie um e-mail para csm@xsolla.com. Inclua os seguintes dados na sua solicitação:
   • domínio ou subdomínio desejado
   • quaisquer requisitos adicionais (como idioma padrão, regras de redirecionamento, configurações de tradução, etc.)