Gestão de Pop-ups e Janelas Modais

Conteúdo, Visualização, Gatilho, Segmentação, Design, Offcanvas

Descrição: Esta ferramenta permite criar janelas pop-up (popup) ou painéis laterais (offcanvas) altamente personalizáveis, definindo com precisão quando, onde e para quem devem ser exibidos no site.

Para que serve? (Exemplos práticos)

Utilize a gestão de popups para otimizar a conversão e a interação com seus visitantes:

  • Captação de Leads: Mostre um formulário de inscrição para newsletter ou uma oferta especial assim que um usuário demonstrar intenção de sair da página (função "antes do fechamento").
  • Segmentação Avançada: Envie mensagens específicas (ex. códigos de desconto ou notificações) apenas para segmentos precisos do público, como usuários já logados ou aqueles que atendem a determinadas condições de marketing.
  • Mensagens Contextuais: Limite a exibição de avisos importantes (ex. um banner sobre cookies ou um aviso de manutenção) somente em páginas ou seções específicas do seu site.

Funcionalidades principais

  • Criação de Conteúdo Visual: O conteúdo do popup é gerenciado através do Visual Builder, permitindo inserir texto, imagens, formulários e qualquer elemento gráfico.
  • Modo de Exibição: Você pode escolher se o popup deve ser mostrado automaticamente conforme as regras definidas, ou se deve ser acionado manualmente por eventos específicos ou código.
  • Controle do Comportamento: Definição detalhada dos gatilhos de abertura (imediata, scroll, exit intent) e das regras de fechamento.
  • Segmentação do Público: Aplicação de condições avançadas baseadas no estado de acesso (logado/não logado) e em filtros específicos de marketing.
  • Personalização Estética: Controle completo sobre o tipo (popup ou offcanvas), dimensões, cores e animações de entrada e saída.

Como configurar

A configuração de um popup está dividida em quatro seções principais, acessíveis por meio dos passos guiados:

1. Conteúdo

OpçãoDescrição
Título do popupO nome interno para identificar o popup na lista de gerenciamento.
Mostrar automaticamenteSe ativado, o popup será exibido conforme as regras de Condições e Comportamento. Se desativado, o popup nunca aparecerá sozinho, mas poderá ser acionado manualmente.
ConteúdoÁrea onde se cria o corpo do popup utilizando o Visual Builder.
Chamada manualSe o popup não estiver ativo, é fornecido um código JavaScript para utilizar na abertura via eventos externos (ex. clique em um botão).

2. Condições (Visível somente se 'Mostrar automaticamente' estiver ativo)

Esta seção define para quem e onde o popup deve ser exibido.

OpçãoDescrição
Mostrar para todosSe selecionado, ignora todas as condições de segmentação abaixo.
Gerenciar condiçõesPermite definir regras complexas de segmentação (ex. "O usuário visitou a página X" OU "O carrinho contém mais de 50€").
Estado de acessoLimita a visualização para todos, apenas usuários logados ou apenas usuários não logados.
Mostrar SOMENTE nas seguintes páginasLista das URLs onde o popup deve ser exibido.
NÃO mostrar nas seguintes páginasLista das URLs onde o popup deve ser oculto.
Aplicar também às eventuais páginas filhasEstende as regras de inclusão/exclusão também às subpáginas das URLs especificadas.

3. Comportamento (Visível somente se 'Mostrar automaticamente' estiver ativo)

Esta seção define quando e como o popup deve aparecer e desaparecer.

OpçãoDescrição
Gatilho de aberturaDefine o evento que faz aparecer o popup: Ao abrir a página, Antes do fechamento da página (Exit Intent) ou Ao rolar a página (com percentual configurável).
Gatilho de fechamentoDefine como o usuário pode fechar o popup: Clique no botão, Clique externo, ambos ou Nenhum fechamento (popup forçado).
Mostrar insistentementeSe ativado, o popup será mostrado a cada visita, ignorando a frequência de exibição.
Exibir a cada [X] diasDefine a frequência mínima (em dias) entre uma exibição e outra para o mesmo usuário.
Espera (segundos)(Somente para gatilho "Ao abrir a página" ou "Antes do fechamento") O atraso em segundos antes que o popup apareça.
Ocultar automaticamente após (segundos)(Opcional) O tempo após o qual o popup desaparece sozinho.

4. Aparência

Esta seção gerencia o design visual do popup.

OpçãoDescrição
TipoEscolha entre Popup simples (centralizado) ou Offcanvas (painel lateral à esquerda ou direita).
Largura máxima (px)Define a largura máxima horizontal do popup.
FundoCor do fundo do contêiner do popup.
Botão fecharCor do ícone fechar (visível somente se previsto pelo gatilho de fechamento).
OverlayO efeito no fundo que cobre a página quando o popup está aberto (Escuro, Claro, Personalizado ou Nenhum).
Animação na entrada/saídaSeleciona o efeito visual com que o popup aparece e desaparece (ex.: FadeIn, SlideIn, BounceIn). As animações são desativadas para tipo Offcanvas.
Visualizar préviaPermite testar a aparência e as animações do popup antes da gravação.

Integrações automáticas

Este módulo integra-se com as seguintes áreas do sistema:

  • Visual Builder: O conteúdo do popup é criado diretamente dentro do editor visual, garantindo máxima liberdade no design.
  • Sistema de Condições de Marketing: Utiliza o motor avançado de segmentação do sistema para definir regras de exibição baseadas em dados do usuário, histórico de navegação ou ações rastreadas.
  • Eventos do Site: Se um popup estiver configurado no modo manual, pode ser chamado via eventos configuráveis dentro do Visual Builder ou por código JavaScript, permitindo ativação em resposta a interações específicas do usuário (ex.: clique em um elemento).

Mais informações: