Construtor de pop-ups do GutenKit é um módulo que permite aos usuários criar e personalizar vários tipos de pop-ups, como janelas modais, lightboxes ou sobreposições, para seus sites.
Vamos ver como o módulo funciona.
GutenKit Construtor de Pop-ups #
É um Módulo profissional. Não se esqueça de obtê-lo de aqui.
- Acesso ao seu painel do WordPress
- Encontre GutenKit e vá para Módulos
- Encontre o Popup Builder e ligue-o

Criar novo pop-up #
Agora, você pode ver o Popup Builder em módulos, você precisa clicar nele e pode criar um pop-up.

- Clique no sinal de mais
- Você verá o Popup Builder, clique nele

Em seguida, no campo pop-up, você verá novamente um sinal de mais e adicione qualquer bloco de sua escolha.

Editando parte do conteúdo #
- Evento aberto: Determina quando o pop-up aparece. As opções aqui são –
- No carregamento da página: aqui você pode ajustar Atraso aberto (s) hora de carregar a página.
- Após inatividade: permite ajustar Tempo de inatividade do usuário (s).
- Página rolada: você tem que definir Progresso de rolagem de página (%) aqui.
- Intenção de saída na página: aciona um pop-up quando um usuário está prestes a sair da página.
- Na data: aqui você pode ajustar Hora e data.
- Seletor personalizado Clique: Possui um Classe seletora opção de adição, que especifica um elemento na página para acionar o pop-up.
- Animação de entrada: Aqui você pode escolher o estilo de entrada do pop-up (por exemplo, esmaecer, ampliar, girar, rolar, etc.).
- Animação de saída: Ele permite que você escolha o estilo de exibição do pop-up (por exemplo, desaparecer, deslizar).
- Duração da animação: Ele permite que você controle a velocidade das animações de entrada e saída.

- Botão Fechar: Este é um botão para fechar manualmente o pop-up.
- Fechar ao clicar fora: Ao habilitar o botão, você permite que os usuários fechem o pop-up clicando fora dele.
- Sobreposição: Este é o plano de fundo por trás do pop-up, cuja aparência pode ser personalizada.

- Botão Fechar: Este é um botão para fechar manualmente o pop-up.
- Fechar ao clicar fora: Ao habilitar o botão, você permite que os usuários fechem o pop-up clicando fora dele.
- Sobreposição: Este é o plano de fundo por trás do pop-up, cuja aparência pode ser personalizada.
Condição de configuração #
Doença: Esta parte permite que você especifique em quais circunstâncias o pop-up deve aparecer ou ficar oculto.
- Incluir –
- Site inteiro: O pop-up será exibido em todas as páginas do seu site.
- Singular: O pop-up será exibido apenas em páginas individuais específicas.
- Arquivo: O pop-up será exibido apenas em páginas de arquivo (por exemplo, arquivos de autores, resultados de pesquisa, categorias de postagens, etc.).
- Excluir –
- Site inteiro: O pop-up ficará oculto em todas as páginas do seu site.
- Singular: O pop-up ficará oculto em páginas individuais específicas.
- Arquivo: O pop-up ficará oculto nas páginas de arquivo.

Estilo de edição #
Como qualquer outro bloco e módulo GutenKit, você também pode estilizar o Popup builder. Aqui, as opções de estilo são – Largura, altura, posição, cor, preenchimento e assim por diante.

Como o pop-up aparece #
Você pode personalizar o popup de acordo com suas escolhas. Veja o exemplo.

Saída #
É assim que o construtor de pop-ups funciona.
