Hotsite da campanha

É a aba Hotsite da campanha: onde o operador configura o visual da página que o participante vê — layout, fundo, cores, logo, banners e rodapé — e três grupos de recursos que o hotsite exibe: os perfis da marca, os botões de compartilhar e o card de participação pelo WhatsApp. Ao lado do formulário fica o "Preview ao vivo", que mostra o resultado enquanto o operador edita.

A aba aparece em toda campanha, independentemente das modalidades marcadas.

Layout e fundo

O layout pode ser MonoScreen ou MultiScreen. O MonoScreen usa uma imagem central e exige exatamente um banner. O MultiScreen organiza os banners de dois em dois e aceita apenas dois, quatro ou seis — número ímpar deixaria um espaço vazio no hotsite, e a tela avisa.

O fundo é uma cor sólida ou uma imagem, um ou outro. Fundo em cor sólida exige a cor; fundo em imagem exige a imagem de fundo.

Cores, logo e rodapé

Há a cor do menu e a cor dos botões, em hexadecimal. O logo aparece no menu do hotsite e aceita PNG, JPG ou WEBP.

O logo desta aba é usado também fora do hotsite: nas mensagens de e-mail de aprovação e reprovação, quando o e-mail não tem logo próprio, e na revelação ao vivo do sorteio, acima do nome da campanha. A cor do menu, e na falta dela a dos botões, é a cor padrão do e-mail no modo guiado.

A descrição no rodapé é o texto exibido no pé da página, como certificados de autorização, condições e avisos legais. A tela traz um exemplo do tipo de texto esperado.

Perfis da marca

São os links do Instagram, Facebook, YouTube e TikTok do cliente. Eles aparecem no rodapé do hotsite, com ícone, só quando preenchidos — campo vazio já é o "não mostrar". Os links precisam ser endereços completos, começando por http ou https; fora disso, o servidor recusa e a tela mostra a mensagem.

Botões de compartilhar

São os botões da faixa "Compartilhe:" na home do hotsite, ligados um a um:

• Compartilhar por WhatsApp: abre o WhatsApp com o link da campanha para o participante enviar a quem quiser.
• Compartilhar por Facebook: abre o compartilhamento do Facebook com o link da campanha. Vem ligado por padrão, porque era o botão que o hotsite já exibia.
• Compartilhar por Copiar link: copia o endereço da campanha, com o aviso de link copiado.

Não existe botão de compartilhar pelo Instagram: a plataforma não permite compartilhar link pela web.

Perfil da marca e botão de compartilhar são coisas diferentes. O link do Facebook no rodapé é a página do cliente; o botão de compartilhar pelo Facebook divulga a campanha. Dá para ter um sem o outro, e a tela separa os dois em blocos por isso.

WhatsApp de participação

É o telefone do atendimento que recebe a participação pelo WhatsApp, com DDI e DDD — por exemplo, 5511987654321. Pode ser digitado com máscara. Preenchido, o hotsite mostra o card "Participe pelo WhatsApp"; vazio, esconde o card. Telefone sem DDI e DDD, ou com letras, é recusado pelo servidor.

A prévia segue a configuração

O preview mostra só os botões de compartilhar que estão ligados e só mostra o card de participação quando há telefone. O que aparece na prévia é o que a home vai exibir.

O que não fica nesta aba

O leitor de nota por QR Code não é configuração do hotsite: ele é uma opção da campanha, no formulário da campanha. A visibilidade e o cartão da campanha no portal ficam na aba Portal.

Permissões

Ver a aba segue a permissão de ler o hotsite. Editar e o botão "Salvar hotsite" seguem a permissão de editar o hotsite; sem ela, o formulário aparece só para leitura.

A aba Hotsite é onde o cliente deixa a página da campanha com a cara da marca. O preview ao lado mostra o resultado na hora, então vale ajustar olhando para ele.

Quatro orientações úteis:

No layout MultiScreen os banners vão em pares: dois, quatro ou seis. Com número ímpar sobra um espaço vazio, e a tela não deixa salvar.

Os perfis da marca e os botões de compartilhar são decisões diferentes. Os perfis levam o participante às redes do cliente; os botões ajudam o participante a divulgar a campanha. Instagram só existe como perfil, nunca como botão de compartilhar.

O card "Participe pelo WhatsApp" só aparece com o telefone preenchido, com DDI e DDD.

O logo cadastrado aqui é reaproveitado nos e-mails da apuração e na revelação do sorteio. Trocar o logo nesta aba muda esses lugares também.

• Falha: a tela não deixa salvar e fala da quantidade de banners.
• Possivel causa: o layout MonoScreen exige exatamente um banner, e o MultiScreen exige dois, quatro ou seis.
• Como orientar: ajuste a quantidade de banners ao layout escolhido ou troque o layout.
• Quando escalar: se a quantidade estiver certa e a recusa continuar, abrir issue no Jira (projeto DEV) com as evidências.

• Falha: a tela não deixa salvar e fala do fundo.
• Possivel causa: o fundo em cor sólida está sem cor, ou o fundo em imagem está sem a imagem de fundo.
• Como orientar: preencha a cor ou envie a imagem, conforme o tipo de fundo escolhido.
• Quando escalar: não é falha.

• Falha: o servidor recusa o link de um perfil da marca.
• Possivel causa: o link não é um endereço completo começando por http ou https.
• Como orientar: copie o endereço completo do perfil direto do navegador e cole no campo.
• Quando escalar: se o endereço estiver completo e a recusa continuar, abrir issue no Jira (projeto DEV) com as evidências.

• Falha: o card de participação pelo WhatsApp não aparece no hotsite.
• Possivel causa: o campo WhatsApp de participação está vazio ou foi recusado por estar sem DDI e DDD.
• Como orientar: preencha o telefone com DDI e DDD, por exemplo 5511987654321, e salve.
• Quando escalar: se o telefone estiver salvo e o card continuar ausente no hotsite, abrir issue no Jira (projeto DEV) com as evidências.

• Falha: o cliente quer o botão de compartilhar pelo Instagram.
• Possivel causa: o Instagram não permite compartilhar link pela web, então esse botão não existe.
• Como orientar: explique a limitação e sugira o perfil do Instagram no rodapé e os botões de WhatsApp, Facebook e Copiar link.
• Quando escalar: não é falha.

• Falha: o formulário aparece travado e o botão de salvar não aparece.
• Possivel causa: o papel do usuário não tem a permissão de editar o hotsite.
• Como orientar: confira com o Master do cliente a permissão do papel do usuário.
• Quando escalar: se o papel tiver a permissão e o formulário continuar travado, abrir issue no Jira (projeto DEV) com as evidências.