Campos e opções dos 7 modelos do canal On Site Messages da Context Cloud, configurados em Engajamento > Envio rápido > Mensagem > On Site Messages. As regras de onde e quando a mensagem aparece estão em Referência de regras de exibição das On Site Messages — páginas e acionamento.
Modelos disponíveis
| Modelo |
Para que serve |
Elementos exclusivos |
| Banner |
Mensagem estática com imagem e botões |
Link da Imagem, Destino do Link, até 2 Botões de Ação |
| Carrossel de Conteúdo |
Vários slides com navegação |
Até 10 itens, cada um com imagem e até 2 botões |
| Contagem Regressiva |
Cronômetro até uma data e hora |
Link do Card, Data Final, Hora Final |
| Captura de Leads |
Formulário para coletar dados do visitante |
Campos do formulário, botão de envio, mensagem de sucesso |
| Raspadinha |
Jogo de raspar que revela prêmio ou cupom |
Igual ao In App + opção Exigir cadastro |
| Roleta |
Roda de prêmios sorteada por peso |
Igual ao In App + opção Exigir cadastro |
| Carta |
Envelope que revela mensagem e código ao ser aberto |
Envelope, formulário, prêmios por peso |
O On Site é um canal passivo: a mensagem é exibida quando a pessoa visita o site. Por isso ele não participa de orquestração Cross Channel.
Pré-requisitos do canal
| Requisito |
Onde |
| Script da Context Cloud instalado no site |
Configurações > Plataformas > Web Push |
| Ativar On Site Messages ligado |
Configurações > Plataformas > Web Push > Funcionalidades |
| Domínio do site cadastrado |
Configurações > Plataformas > Web Push > URLs do Projeto |
Campos comuns a todos os modelos
Dados da Mensagem
| Campo |
Obrigatório |
Observação |
| Título |
Sim |
Aceita emoji e campos personalizados (botão +) |
| Corpo da Mensagem |
Sim |
Aceita emoji e campos personalizados (botão +) |
Estilização
| Campo |
Descrição |
| Cor de Texto, Cor de Fundo, Cor da Borda |
Cores do card |
| Habilitar Sombra |
Sombra ao redor da mensagem |
| Posição na Tela |
9 posições (Superior / Centro / Inferior × Esquerdo / Centro / Direito) |
| Ocultar "Powered by Inngage" |
Remove o rodapé com a marca Inngage do card |
Botões de Ação
Disponíveis em Banner e Carrossel de Conteúdo (por item). Máximo de 2 botões, com Texto do Botão, Tipo de Destino, URL e Personalização de cores. Mesma estrutura do In App (ver Referência dos modelos de In App Messages).
Banner
| Campo |
Origem / Opções |
Descrição |
| Imagem |
URL, Upload ou Conteúdo Dinâmico |
Imagem do card |
| Link da Imagem |
URL fixa ou Conteúdo Dinâmico |
URL aberta ao clicar na imagem |
| Destino do Link |
Nova Aba (_blank) ou Mesma Aba (_self) |
Onde a URL abre |
| Botões de Ação |
Até 2 |
Ver "Botões de Ação" |
Carrossel de Conteúdo
Até 10 itens, cada um com Título, Corpo da Mensagem, Imagem do Item e até 2 Botões de Ação. Use Adicionar Item e Excluir para gerenciar os itens.
Contagem Regressiva
| Campo |
Obrigatório |
Descrição |
| Link do Card |
Não |
URL aberta ao clicar em qualquer área livre do card |
| Destino do Link |
Não |
Nova Aba ou Mesma Aba |
| Data Final |
Sim |
Dia em que o contador zera |
| Hora Final |
Sim |
Horário em que o contador zera |
| Estilização da Contagem Regressiva |
Não |
Cores do cronômetro |
Captura de Leads
Campos do formulário
Use Adicionar Campo para cada campo.
| Campo |
Obrigatório |
Descrição |
| Label |
Sim |
Nome exibido (ex.: "Nome") |
| Tipo |
Sim |
Texto, E-mail, Telefone, Seleção ou Checkbox |
| Placeholder |
Não |
Texto de exemplo dentro do campo |
| Campo obrigatório |
Não |
Exige o preenchimento |
| Opções |
Só para Seleção |
Valores separados por vírgula (ex.: "Opção 1, Opção 2") |
Botão e confirmação
| Campo |
Padrão |
Descrição |
| Texto do Botão de Envio |
— |
Ex.: "Enviar" |
| Cor do Botão |
#f26522 |
Cor de fundo do botão |
| Cor do Texto do Botão |
#ffffff |
Cor do texto do botão |
| Mensagem de Sucesso |
— |
Ex.: "Obrigado! Entraremos em contato em breve." |
Raspadinha e Roleta
Configuração do jogo, prêmios/fatias por peso e resultado são iguais aos do In App (ver Referência dos modelos de In App Messages). No On Site existe a opção adicional Exigir cadastro: quando ligada, o visitante preenche um formulário para jogar.
| Campo |
Opções / Descrição |
| Momento de captura |
Antes do Jogo ou Depois do Jogo |
| Campos do Formulário |
Mesmos tipos da Captura de Leads |
| Texto do Botão de Envio, cores, Mensagem de Sucesso |
Iguais à Captura de Leads |
| Texto de consentimento |
Ex.: "Ao enviar, você concorda com nossa política de privacidade." |
Carta
Carta / Envelope
| Campo |
Padrão |
Descrição |
| Assinatura (eyebrow) |
— |
Texto pequeno acima da carta (ex.: nome da marca). Vazio = não exibe |
| Modo de abertura |
Hover |
A carta sobe do envelope ao passar o mouse |
| Cor do envelope |
#EBE2CE |
— |
| Cor da aba |
#DFD3B8 |
— |
| Cor do papel |
#FFFDF6 |
— |
| Cor de acento (lacre/código) |
#C9A227 |
— |
| Brasão da empresa |
— |
Imagem por URL |
| Instrução |
— |
Ex.: "Toque para abrir a carta" |
| Saudação |
— |
Ex.: "Prezada cliente," |
| Mensagem da carta |
— |
Texto exibido ao abrir |
Formulário
Campos selecionáveis: Nome, E-mail e Telefone. Texto e cores do botão de envio; texto e cor do consentimento.
Prêmios (sorteio por peso)
| Campo |
Descrição |
| Rótulo |
Texto do prêmio |
| Código |
Código entregue. Vazio = não premiado |
| Peso |
Probabilidade relativa, de 0 a 100 |
| Quantidade máxima |
Limite de estoque. Vazio = ilimitado |
Resultado (após preencher)
| Campo |
Exemplo |
| Título (com código) |
"Com carinho:" |
| Título (sem código) |
"Sua atenção o aguarda na…" |
| Texto do resultado |
"Apresente este código à nossa equipe." |
| Rótulo do código |
"Código pessoal". Vazio = o código aparece sem rótulo |
Pré-visualização, teste e validade
| Recurso |
Onde |
O que faz |
| Pré-visualização |
Ao lado do formulário |
Alterna entre Desktop e Mobile |
| Notificação expira |
Etapa Finalizar |
Data e horário a partir dos quais a mensagem deixa de ser exibida |