Popups
Crie janelas de oferta, captura ou aviso com elementos ordenáveis, gatilhos (carregamento, tempo, rolagem, clique, intenção de saída), frequência e agendamento.
O popup abre uma janela sobre a página com o conteúdo que você montar. É indicado para ofertas, captura de e-mail, avisos importantes e cupons.
A lista de popups mostra, para cada um, o Estado, a Exibição (onde aparece), a Ativação (o gatilho) e o Agendamento.
Criando um popup
- Abra Conversores → Popups e clique em + (ou em Adicionar novo) e dê um título interno.
- Monte o conteúdo na aba Elementos.
- Defina quando e onde aparece na aba Exibição.
- Ajuste cores na aba Aparência.
- Publique. Deixe Exibir ligado para o popup valer.
Aba Elementos
O conteúdo é uma lista ordenável de elementos, exibidos na ordem em que você os coloca. Cada linha tem o Tipo de elemento e os campos do tipo (no exemplo, um Cabeçalho com tamanho e alinhamento); o botão Adicionar linha acrescenta outro elemento.
| Elemento | O que faz |
|---|---|
| Cabeçalho | Título (H1, H2 ou H3; alinhamento à esquerda, centro ou direita). |
| Texto | Parágrafo, com alinhamento. |
| Formulário | Incorpora um formulário já criado. |
| Botão | Rótulo e URL. |
| Cupom | Exibe um código de cupom. |
| Contador | Contagem regressiva por período (início e fim) ou por acesso (tempo em horas, de 1 a 720, a partir do primeiro acesso do visitante). |
| Rótulo | Selo curto (por exemplo, "Oferta"). |
| Imagem | Imagem da biblioteca. |
| Vídeo | Vídeo incorporado por URL. |
| Separador | Linha sólida, pontilhada ou tracejada. |
| Código | HTML, JS ou CSS próprio; o JS pode rodar ao abrir ou ao fechar o popup. |
| Espaçamento | Espaço vertical em pixels (1 a 500); em celular, o espaçamento é ajustado automaticamente. |
Aba Exibição
| Campo | Opções |
|---|---|
| Exibir | Liga/desliga o popup sem apagá-lo. |
| Onde exibir | Em todas as páginas ou Em páginas específicas (lista de páginas). |
| Agendar | Data inicial e final de exibição. |
| Gatilho | Quando a página carregar · Quando passar um tempo · Quando rolar a página · Quando clicar em um elemento · Quando o usuário quiser sair da página. |
| Frequência | Exibir sempre ou Exibir apenas uma vez. |
Detalhes dos gatilhos:
| Gatilho | Comportamento |
|---|---|
| Quando a página carregar | Abre cerca de 1,5 segundo depois do carregamento. |
| Quando passar um tempo | Exibir após 1 a N segundos. |
| Quando rolar a página | Após rolar 30% a 100% da página. |
| Quando clicar em um elemento | Informe o ID (ou o seletor com #/.) do elemento; se digitar só o nome, o Converto assume um ID. |
| Quando o usuário quiser sair | Abre quando o mouse sai pela borda superior da janela (intenção de saída em computador). |
Exibir apenas uma vez grava um registro no navegador do visitante; ao abrir o popup pela primeira vez, ele não volta a aparecer naquele navegador.
Aba Aparência
Cores do fundo, textos, links, títulos, botões, campos e rótulos de formulário, seções de formulário, cupom, contador, rótulo e separadores. Os padrões partem de um fundo escuro (#363d4d) com texto branco; ajuste para a sua marca.
Boas práticas
- Um popup por objetivo; evite empilhar vários na mesma página.
- Não abra no carregamento imediato em páginas de venda longas; prefira rolagem ou intenção de saída.
- Em campanhas com data, use Agendar para ligar e desligar automaticamente.
- Teste com Exibir apenas uma vez em uma janela anônima, porque o registro fica no navegador.
Problemas comuns
| Sintoma | Solução |
|---|---|
| Não aparece mais para mim | Com frequência "apenas uma vez", limpe os dados do site ou use janela anônima. |
| Aparece em páginas indesejadas | Troque Onde exibir para páginas específicas e confira a coluna Conversores. |
| Formulário do popup sem estilo | Revise as cores de campos em Aparência; o popup usa as cores definidas ali. |