Criar um novo popup

Este guia explica como configurar um novo popup, definindo seu conteúdo, condições de exibição e aparência gráfica.

Procedimento

1. Conteúdo

Nesta seção, defina o título e o conteúdo efetivo do seu popup.

1. Insira o Título do popup.

2. Decida a forma de exibição:

  • Marque a caixa Mostrar automaticamente se desejar que o popup seja exibido automaticamente com base nas condições que você configurará nos passos seguintes.
  • Se não selecionar esta opção, o popup estará no modo "Manual". Você deverá chamar a abertura do popup por meio dos eventos do Visual Builder ou utilizando o código JavaScript fornecido.

3. Use o editor para definir o Conteúdo do popup.

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

Nesta seção, defina para quais usuários e em quais páginas o popup deve ser mostrado.

4. Marque a caixa Mostrar para todos se não quiser aplicar filtros (o popup será mostrado a todos os visitantes que respeitam as configurações de comportamento).

5. Se não marcar Mostrar para todos, na caixa Gerenciar condições poderá definir regras específicas (por exemplo, mostrar o popup somente para usuários que realizaram determinadas ações).

6. Na caixa Login, configure o Estado de acesso para limitar a visualização a:

  • Mostrar para todos
  • Apenas usuários logados
  • Apenas usuários não logados

7. Na caixa Limitar via link, você pode especificar as páginas onde o popup deve aparecer ou não aparecer:

  • Insira os URLs em Mostrar SOMENTE nas seguintes páginas.
  • Insira os URLs em NÃO mostrar nas seguintes páginas.
  • Selecione Aplicar também às eventuais páginas filhas, se necessário.

3. Comportamento (Visível apenas se "Mostrar automaticamente" estiver ativo)

Nesta seção, defina quando o popup será aberto e sua frequência de exibição.

8. Escolha o Trigger de abertura (o momento em que o popup aparece):

  • Ao abrir a página (imediatamente)
  • Antes de fechar a página (on exit)
  • Ao rolar a página

9. Escolha o Trigger de fechamento (como o usuário pode fechar o popup).

10. Selecione Mostrar insistentemente se quiser que o popup seja exibido a cada carregamento da página, ignorando a frequência.

11. Se não selecionou "Mostrar insistentemente", defina a frequência de exibição em Exibir a cada [X] dias.

12. Na caixa Preferências, configure as opções adicionais conforme o Trigger de abertura selecionado (por exemplo: Espera em segundos, ou Scroll mínimo da página em %).

4. Aparência

Nesta seção, defina o estilo e animação do popup.

13. Configure a Tipologia:

  • Popup simples
  • Offcanvas - Esquerda
  • Offcanvas - Direita

14. Defina a Largura máxima em pixels.

15. Escolha a cor do Fundo do popup e a cor do Botão de fechamento.

16. Na caixa Overlay, escolha uma opção para o fundo atrás do popup (Escuro, Claro, Personalizado ou Nenhum).

17. Na caixa Animações (visível apenas para Tipologia "Popup simples"), selecione a Animação de entrada e a Animação de saída desejadas.

18. Para visualizar uma prévia do resultado, clique em Visualizar prévia.

19. Após concluir a configuração, clique no botão de salvar para confirmar a criação do popup.