🟪 Banner

O Banner é uma notificação discreta que aparece fixa no topo ou na base do site, sem interromper a navegação do usuário.

1. Dados da Mensagem:

Essa é a parte onde você define o conteúdo principal da notificação.

• Título: Campo obrigatório. É o título que será exibido no topo da notificação. Ex: “Venha conhecer a nossa nova funcionalidade!”
• Mensagem: O corpo da mensagem. Deve ser breve e objetiva. Ex: “Olá, |*primeiro_nome*|, você já está sabendo da nossa nova novidade?"

📝 Prévia ao lado direito:

• Mostra como sua mensagem vai aparecer para o usuário no site.
• Exibe o título e o corpo da mensagem.
• Mostra também o ícone da marca (exemplo da Inngage).

2.  Estilização do Push On Site:

🖋️ Cor do Texto:

• Define a cor do texto da notificação.
• Exemplo: #000000.

🔲 Cor da Borda:

• Cor da borda externa da notificação.
• Exemplo: #96408F.

🧱 Cor de Fundo:

• Cor de fundo do corpo da notificação.
• Exemplo: #E7DADA.

📍 Posição:

• Define onde a notificação será exibida na tela do site.
• Exemplo: "Topo centro" (canto superior esquerdo).
• 

3. Carrousel de Imagem:

Cada imagem do carroussel pode ter:

• Uma URL específica, que direciona o usuário ao clicar.

Escolha de onde abrir o link:

✔️ Nova janela: mantém o site aberto enquanto leva o usuário para outra página.

✔️ Mesma janela: substitui a página atual pelo link definido. 

4. Card Action:

• Permite definir uma URL principal que será aberta ao clicar na notificação.

5. Páginas Permitidas (Whitelist): 

Define em quais páginas as On Site devem ser exibidas. Ao adicionar uma página na whitelist, você escolhe como a regra de comparação será feita com a URL atual do seu site:

• Contém – A On Site aparece em qualquer URL que contenha o termo definido.

• Não contém – A On Site aparece em todas as páginas, exceto as que contêm o termo.

• Termina com (Ends with) – A On Site aparece apenas em URLs que terminam exatamente como definido.

• Igual a – A URL deve ser exatamente a mesma.

6. Páginas Não Permitidas:

Defina em quais páginas as On Site nunca devem ser exibidas. As regras de configuração são as mesmas da whitelist (Contém, Não Contém, Termina com, Igual a).

Você pode adicionar quantas regras quiser tanto na whitelist quanto na blacklist.

 Por que essa feature é importante?

Esse controle oferece uma experiência muito mais personalizada para seus usuários. Permite que você:

• Exiba mensagens apenas no contexto certo.
• Evite interrupções desnecessárias em páginas sensíveis (como checkout, login ou atendimento).
• Crie jornadas mais inteligentes, alinhadas com o comportamento do usuário e os objetivos de cada página.

Mais controle, mais conversão e uma experiência de navegação muito mais fluida.

7. Botão:

Texto do botão: Define o que aparecerá no botão.

• Cores:
  • Cor do texto: #FFFFFF 
  • Cor do botão: #5B22C3
• URL Externa: Quando o botão for clicado, redireciona para um link específico.

7.1 Botão 2:

• Funciona como o botão 1: você pode definir texto, cores e link.

8. Acionamento:

Dispositivo:  primeiro você irá definir onde quer que a sua notificação seja exibida:

Logo em seguida você definirá quando quer que ela seja exibida:

•  Primeiro acesso: A notificação pode ser configurada para aparecer apenas na primeira visita do usuário. 
• Saída de tela: Mostra a notificação quando o usuário move o mouse para fora da tela, sugerindo que ele vai sair do site (também chamado de exit intent).
• Páginas Visualizadas: Define quais páginas visitadas a notificação será exibida.
• Regra de Página: Permite mostrar a notificação somente em páginas específicas do site (ex: página de produto, carrinho etc.).

9. Notificação Expira

Define quando a notificação deixa de ser válida. Após esse tempo, se o dispositivo estiver offline, por exemplo, a notificação não será mais enviada.

✅ No Dia

• Permite definir uma data e um horário exato para a notificação expirar.

• Exemplo: você pode programar para que a campanha seja exibida até o dia 30/06/2025, às 18h00.

• Após essa data e horário, a notificação deixa de ser exibida automaticamente.

✅ Após (X dias)

• A notificação ficará ativa por uma quantidade específica de dias.

• Exemplo: se você definir “Após 3 dias”, a notificação ficará visível por até 3 dias contados.

🆘 Suporte

Em caso de dúvidas, fale com nosso time:
📧 [email protected]