Calendário do Advento

Visão geral

O modelo Advent calendar permite criar uma página dedicada para um evento de fim de ano. A página contém um calendário do Advento: um conjunto de recompensas diárias que são liberadas uma por dia.

Uma página dedicada mantém os usuários focados no evento, incentiva que voltem todos os dias e fornece um link direto para usar em anúncios, posts nas redes sociais, newsletters e banners no jogo.

Recursos principais:

• Advent mode no bloco Daily rewards. Essa configuração oculta as recompensas dos dias bloqueados. O usuário vê todos os dias no calendário, mas os dias bloqueados exibem apenas o número do dia e o rótulo “Not yet available”.
• Advent mode no bloco Lead GS. Essa configuração permite adicionar neve caindo ao plano de fundo do bloco.
• Um cronômetro regressivo no cabeçalho do evento.
• Acesso agendado às recompensas. Você define a data de início, o horário de início e o fuso horário nas configurações de recompensas diárias. O horário é verificado no servidor, então alterar a data no dispositivo do usuário não desbloqueia os dias futuros.
• Configuração sem código. Você pode editar textos, substituir imagens, alterar o layout da página e personalizar cores e fontes. O tema do site é aplicado automaticamente e o design festivo funciona corretamente tanto no tema claro quanto no Tema Escuro.
• Acesso rápido às configurações de recompensas diárias diretamente pelas configurações do bloco no Shop Builder.
• Layout responsivo. A página se adapta a dispositivos de Área de Trabalho e móveis. Todo o texto do modelo oferece suporte aos idiomas disponíveis na Web Shop.

Você também pode ativar o Advent mode no bloco Daily rewards em qualquer outra página do seu site, não apenas em uma página criada a partir do modelo.

Fluxo do usuário

1. O usuário abre a página do evento.
2. O usuário vê o calendário com as recompensas dos dias anteriores, a recompensa do dia atual e cartões bloqueados para datas futuras.
3. O usuário faz login no site.
4. O usuário seleciona Claim e recebe a recompensa do dia.
5. Quando o próximo dia começar, o usuário receberá a próxima recompensa.

Como configurar

Pré-requisitos

1. Crie itens que os usuários receberão como recompensas.
2. Crie e ative uma cadeia de recompensas diárias com o tipo Reward calendar (recomendado). Adicione uma recompensa para cada dia do evento. A quantidade de recompensas determina a duração do evento.
3. Configure a Autenticação do Usuário se ainda não fez isso.

Criar página do Advent calendar

• Criar página dedicada de calendário do advento
• Adicionar calendário do advento a um site existente

1. No seu projeto na Conta de Distribuidor, vá para a seção Storefronts > Websites.

1. No projeto na sua conta, vá para a seção Storefronts > Websites.

1. No projeto na sua conta, vá para a seção Storefronts > Websites.

1. No projeto na sua conta, vá para a seção Storefronts > Websites.

1. No projeto na sua conta para jogos de celular, vá para a seção Web Shop.

2. Selecione o cartão do seu site. O site é aberto no Shop Builder.

Observação

Se você ainda não tem um site, crie um.

3. Selecione o nome da página e, na Lista Suspensa, escolha Create page.
4. Selecione o modelo Advent calendar e selecione Next.

5. Insira o nome da nova página.
6. Se necessário, altere o caminho da página gerado automaticamente.
7. Selecione Create page.

A página é criada com textos e imagens de demonstração, e o Advent mode no bloco Daily rewards vem ativado por padrão.

8. Configure o bloco Daily rewards.
9. Configure o cronômetro regressivo no bloco Lead GS.

1. No seu projeto na Conta de Distribuidor, vá para a seção Storefronts > Websites.

1. No projeto na sua conta, vá para a seção Storefronts > Websites.

1. No projeto na sua conta, vá para a seção Storefronts > Websites.

1. No projeto na sua conta, vá para a seção Storefronts > Websites.

1. No projeto na sua conta para jogos de celular, vá para a seção Web Shop.

2. Selecione o cartão do seu site. O site é aberto no Shop Builder.
3. Na área principal do Shop Builder, escolha onde deseja adicionar um novo bloco e selecione Add block.
4. Selecione o bloco Daily rewards e configure-o.
5. Selecione o bloco Lead GS e configure o cronômetro regressivo.

Configurar o bloco Daily rewards

A quantidade de recompensas na cadeia determina quantos dias o evento dura. Para alterar a duração, edite a cadeia: desative-a, adicione ou remova recompensas e ative a cadeia novamente. Até você selecionar uma cadeia, o bloco exibe um calendário de exemplo.

Para configurar o bloco:

1. No menu lateral do Shop Builder, selecione o bloco Daily rewards.
2. Na seção Settings, na lista Select daily rewards, selecione a cadeia de recompensas diárias.

3. Na seção Block layout, verifique se a opção Advent mode está ativada.
4. Se necessário, personalize a aparência do bloco:
   • Na seção Block layout, mostre ou oculte o Heading e a Description, e selecione o alinhamento do conteúdo e o plano de fundo.
   • Na seção Card layout, mostre ou oculte o Heading, ative ou desative a opção Claim item with button e selecione o tamanho da imagem e o plano de fundo.

Configurar o cronômetro regressivo

O cronômetro regressivo faz parte do bloco Lead GS. Ele mostra aos usuários quanto tempo falta para o término do evento.

Em uma página criada a partir do modelo Advent calendar, o cronômetro é adicionado automaticamente. Em qualquer outra página, adicione-o manualmente. O cronômetro está disponível no bloco Lead GS em todas as páginas, não apenas nas páginas de evento.

Para configurar o cronômetro regressivo:

1. No menu lateral do Shop Builder, selecione o bloco Lead GS.
2. Na seção Event countdown, informe a data de término, o horário e o fuso horário do evento.
3. Configure os textos e a aparência do cronômetro para cada estado. Por exemplo, Ends in para um evento ativo e The event has ended para um que já terminou. Para ocultar o texto acima do contador, desative a opção Heading nas configurações do cronômetro.

Se necessário, adicione um efeito de neve caindo ao plano de fundo do bloco. Para isso, na seção Layout, ative a opção Advent mode e, em seguida, a opção Snow effect.