Modificar um popup existente

Este guia explica como acessar e modificar as configurações de um popup já criado, incluindo as opções de conteúdo, exibição e aparência.


1. Acessar o Popup a Ser Modificado

1. Acesse a seção de gerenciamento dos Popups.

2. Na tabela principal, localize o popup que deseja modificar. Você pode usar as colunas ID, Título ou Data de Criação para se orientar.

3. Clique no título do popup ou no ícone de edição (se presente) para abrir a tela de edição.

A tela de edição está dividida em quatro seções principais (abas): Conteúdo, Condições, Comportamento e Aparência.

2. Modificar o Conteúdo

Esta seção permite definir o título e o conteúdo visível do popup.

1. Na aba Conteúdo:

  • Modifique o Título do popup.
  • Marque ou desmarque a caixa Mostrar automaticamente.
  • Nota: Se a caixa estiver desmarcada, o popup não aparecerá automaticamente. Para chamá-lo, você deverá usar o código JavaScript fornecido abaixo da etiqueta: Richiama l'apertura del popup tramite gli eventi del Visual Builder oppure utilizza il seguente codice JavaScript.
  • Modifique o Conteúdo do popup utilizando o editor visual.

3. Definir as Condições de Exibição

Esta seção define para quem e onde o popup deve ser mostrado. Esta aba só é visível se a opção Mostrar automaticamente estiver ativa.

1. Vá para a aba Condições.

2. No quadro principal:

  • Selecione a caixa Mostrar para todos se não quiser aplicar condições específicas.
  • Se Mostrar para todos não estiver selecionado, use a seção Gerenciar condições para definir regras específicas (por exemplo, baseadas no comportamento do usuário).

3. No quadro Login:

  • Defina o Estado de acesso através do menu suspenso:
  • Mostrar para todos
  • Apenas usuários logados
  • Apenas usuários não logados

4. No quadro Limitar por link:

  • No campo Mostrar SOMENTE nas seguintes páginas, insira os links das páginas onde o popup deve estar ativo.
  • No campo NÃO mostrar nas seguintes páginas, insira os links das páginas onde o popup deve ser oculto.
  • Marque a caixa Aplicar também às possíveis páginas filhas para estender as regras de inclusão/exclusão.

4. Definir o Comportamento

Esta seção controla quando e como o popup aparece e desaparece. Esta aba só é visível se a opção Mostrar automaticamente estiver ativa.

1. Vá para a aba Comportamento.

2. Configure o Trigger abertura (quando o popup deve abrir):

  • Selecione uma opção entre: Ao abrir a página, Antes de fechar a página, ou Ao rolar a página.

3. Configure o Trigger fechamento (como o popup pode ser fechado):

  • Escolha entre as opções disponíveis, por exemplo: Clique no botão de fechamento e clique externo, ou Não permitir fechamento.

4. Marque a caixa Mostrar insistentemente se desejar que o popup apareça em cada visita.

  • Se não marcar Mostrar insistentemente, defina o intervalo em Exibir a cada (em dias).

5. No quadro Preferências, as opções mudam conforme o Trigger abertura escolhido no ponto 2:

  • Se escolheu "Ao abrir a página": Defina a Espera (em segundos) e/ou Ocultar automaticamente após (em segundos).
  • Se escolheu "Antes de fechar a página": Defina a Permanência mínima (em segundos) e/ou Ocultar automaticamente após (em segundos).
  • Se escolheu "Ao rolar a página": Defina o Rolagem mínima da página (em %).

5. Personalizar a Aparência

Esta seção gerencia a aparência visual do popup.

1. Vá para a aba Aparência.

2. Defina o tipo: Popup simples ou um tipo Offcanvas (Esquerda ou Direita).

  • Nota: Se escolher um tipo Offcanvas, as opções de Animação serão ocultas.

3. Configure a Largura máxima (em px).

4. Escolha o Fundo do popup e a cor do Botão de fechamento usando os seletores de cor.

5. No quadro Overlay:

  • Selecione o tipo de Overlay (o fundo que cobre a página atrás do popup): Escuro, Claro, Personalizado, ou Nenhum.
  • Se escolher Personalizado, defina a cor e a opacidade (em %).

6. No quadro Animações (não visível para Offcanvas):

  • Escolha a animação de entrada e saída nos menus suspensos.

7. Para visualizar as alterações antes de salvar, clique no botão Visualizar prévia.

6. Salvar as Alterações

Após completar todas as modificações:

1. Clique no botão de salvar (geralmente chamado de Salvar ou Concluir, no contexto de um formulário com abas/wizard) para aplicar as alterações ao popup.