Personalizando seu Push on Site.

Personalize sua notificação On Site em formato de Contagem Regressiva aqui na Inngage.
Written by Inngage
Updated 1 month ago

🟪 Contagem Regressiva

Funciona no mesmo formato do pôster, mas com um grande diferencial: um contador de tempo real, que cria senso de urgência e estimula a tomada de decisão.

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. Card Action:

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

Interface gráfica do usuário, Texto, Aplicativo, chat ou mensagem de texto

O conteúdo gerado por IA pode estar incorreto.

4. 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.
Ex.: product → será exibida em /product, /categoria/product/123, etc.
  • Não contém – A On Site aparece em todas as páginas, exceto as que contêm o termo.
Ex.: product → não aparece em /product e similares.
  • Termina com (Ends with) – A On Site aparece apenas em URLs que terminam exatamente como definido.
Ex.: product → apenas em /product.
  • Igual a – A URL deve ser exatamente a mesma.

5. 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).

 Atenção: Se houver conflito entre Whitelist e Blacklist, a regra da Blacklist sempre tem prioridade. Ou seja, se uma página estiver nas duas listas, a On Site não será exibida.

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

:pino: 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.

6. 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.

6.1 Botão 2:

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

7. 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.).

8. Contagem Regressiva

  • Configuração de uma data e horário final para o contador.

  • O relógio mostra exatamente o tempo restante para o fim da campanha (dias, horas, minutos).

  • Personalização da cor de fundo e elementos visuais do contador.

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]

Did this answer your question?