As pop-ups são janelas em modo de apelo à ação que surgem e cobrem uma página num momento específico ou sob condições e factores de desencadeamento específicos. As pop-ups captam principalmente a atenção dos utilizadores depois de estes terem realizado uma ação.

Primeiro, vá paraModelos > Janela pop-up. Controle o esquema, as condições, as regras e os estilos dos pop-ups e, em seguida, conceba o conteúdo dos pop-ups.

tomar nota deClique em Ejetar na barra de ferramentas na parte inferior do painel.Configurar as engrenagenspara editar as definições da janela pop-up.

Conceber janelas pop-up

preparar

abertura (jargão do xadrez)

1. amplitudeUtilize px ou vh para definir a largura exacta da janela pop-up
2. grau elevadoAltura da janela popup: Utilize px ou vh para definir a altura exacta da janela popup. Utilize 100vh tanto para a largura como para a altura para criar popups de ecrã completo.
3. nível (de realização, etc.)Selecione a posição horizontal da janela pop-up, à esquerda, ao centro ou à direita
4. perpendicularSelecione a posição vertical da janela pop-up, de cima, ao centro ou de baixo
5. sobrescreverMostrar ou ocultar a sobreposição de fundo
6. botão de fecharEscolha mostrar ou ocultar o botão de fechar
7. Botão de visualização após x segundos(se a opção Mostrar botão Desligar estiver selecionada): selecione o número de segundos a aguardar antes de apresentar o botão Desligar
8. Ir para a animaçãoSelecione a animação de entrada para a janela pop-up a partir das opções do menu pendente, tais como esbatimento e zoom. Selecione qualquer efeito de animação para pré-visualizar o efeito.
9. Animação de saídaSelecione a animação de saída para a janela pop-up a partir das opções do menu pendente, como Fade e Zoom. Selecione qualquer efeito de animação para pré-visualizar o efeito.
10. Duração da animação: define a duração da animação em milissegundos

Definições gerais

1. legendaTítulo da janela pop-up: Introduza um título para a janela pop-up. Este título só é apresentado no backend e não será mostrado ao utilizador.
2. situação atual: Rascunho, Revisão pendente, Privado ou Publicado

Definições de pré-visualização

As dinâmicas de pré-visualização sãoEscolha a partir de qualquer arquivo, página, publicação, media ou página 404.

tomar nota dePara visualizar a seleção, a página deve ser recarregada após a seleção do conteúdo dinâmico.

penteado

janela pop-up

1. Tipo de fundoSelecione a cor de fundo, a imagem ou o gradiente
2. Tipo de fronteiraSelecione o tipo de margem, escolha entre sem margem, margem de linha sólida, margem de linha dupla, margem de linha pontilhada, margem de linha tracejada ou margem entalhada.
3. Raio da fronteiraRaio do limite: defina o raio do limite para controlar o arredondamento dos cantos de cada lado da janela pop-up
4. sombra da molduraOpções de sombreamento da caixa de ajuste

sobrescrever

Tipo de fundoSelecione a cor de fundo, a imagem ou o gradiente

botão de fechar

1. colocaçãoEscolha se o botão "Fechar" deve ser apresentado dentro ou fora da janela pop-up.
2. posição verticalUtilize o cursor para selecionar a posição vertical do botão "Fechar".
3. posição horizontalUtilize o cursor para selecionar a posição horizontal do botão "Fechar".

Normal | Hover

1. corSeleção da cor do botão "Fechar" no estado normal e no estado de flutuação.
2. cor de fundoEscolha a cor de fundo do botão Fechar nos estados Normal e Hover.
3. TamanhoAjuste o tamanho do botão de fechar

Avançado

Avançado

1. Apresenta o botão de desligar após (em segundos)Introduza o número de segundos. O botão Desligar só é apresentado depois de decorrido este tempo.
2. Tempo de desativação automática (ms)Introduza o número de milissegundos a aguardar antes de fechar automaticamente a janela pop-up. Deixe-o em branco para desativar o fecho automático.
3. Evitar a anulação do fechoSelecione Sim para evitar que o utilizador feche a janela pop-up clicando em Substituir.
4. Evita o encerramento por pressão da tecla ESCSe selecionar "Sim", impede o utilizador de premir a tecla ESC para fechar a janela de contexto.
5. Desativar a deslocação da páginaSe selecionar "Sim" impede o utilizador de percorrer a página apresentada por detrás da janela pop-up.
6. Evite vários pop-upsSe o utilizador vir outra janela de pop-up na página visitada, selecione "Sim" para ocultar esta janela de pop-up.
7. Prima o seletor para abrirIntroduza a lista de selectores (IDs CSS, classes ou elementos de dados) que activarão manualmente o popup.
8. margemAjustamento das margens
9. acolchoamentoAjuste o preenchimento da janela pop-up
10. Classe CSS: adicione classes personalizadas sem pontos (por exemplo, my-class)

CSS personalizado

CSS personalizadoIntroduza o seu próprio CSS

Controlar pop-ups através das definições de publicação

Definição das condições

pré-requisitoPermite definir em que páginas do sítio Web o pop-up aparecerá.

Defina condições para determinar onde o popup é utilizado (excluindo accionadores manuais). Por exemplo, adicione uma condição de inclusão e selecione
Singular > Início.para que a janela pop-up seja apresentada apenas na página inicial do sítio.

Definir accionadores

flip-flop (eletrónica)é a ação do utilizador que provoca o aparecimento da campanha. Para cada opção que irá causar o pop-up, selecione "ser"ou"entupido".

1. Quando a página carregaSe estiver definido para "Sim", define o número de segundos a aguardar antes de ativar o popup após o carregamento da página.
2. rolanteSe estiver definido para Sim, seleciona a direção (para cima ou para baixo) e a quantidade de deslocação antes de ativar o popup. A deslocação para baixo baseia-se na deslocação para baixo da páginapor cento; deslocação para cima com base na deslocação para cimacontagem de píxeis.
3. Ao deslocar-se para um elementoSe definido como Sim, introduza o nome do seletor (ID CSS) que accionará uma janela pop-up quando o utilizador se deslocar sobre o elemento. O ID CSS também deve ser adicionado ao separador Avançado do elemento.
4. clicando emSe estiver definido para "Sim", introduza o número de cliques que accionaram a janela pop-up.
5. pós-inatividadeSe estiver definido para "Sim", introduza o número de segundos de inatividade do utilizador que desencadeou a janela de pop-up.
6. Intenção de saída da páginaJanela pop-up: Defina como "Sim" para acionar uma janela pop-up quando a atividade do rato do utilizador indicar a intenção de sair da página

Regras avançadas

Regras avançadasEspecifica os requisitos adicionais que devem ser cumpridos para gerar o popup.

1. Apresentado após a visualização de X páginasSe definido para "Sim", define o número de visualizações de página antes de o popup ser acionado.
2. Apresentado após X sessõesSe definido como "Sim", define o número de sessões do utilizador antes de a janela de pop-up ser acionada (a sessão começa quando o utilizador visita o site e termina quando o utilizador fecha o browser).
3. Apresentado até X vezesNúmero máximo de vezes que a janela pop-up pode ser apresentada. Se a contagem estiver definida para Abrir, a janela pop-up só pode ser aberta o número de vezes definido. Se a contagem estiver definida para Desligado, a janela pop-up só estará aberta até o utilizador a fechar pela Xª vez, após o que não voltará a abrir. Esta definição é definida no armazenamento local e permanecerá lá até ser eliminada.
4. Quando chega a partir de um URL específicoSe estiver definido para Sim, mostra ou oculta a janela pop-up quando um utilizador chega a partir de um URL específico (introduza um URL específico). Regex é uma opção para utilizadores avançados definirem regras avançadas para corresponder a padrões de URL.
5. Apresentação à chegadaSe estiver definido para Sim, mostra se o utilizador vem de um motor de busca, de uma ligação externa (introduza o URL de uma ligação específica) e/ou de uma ligação interna (introduza o URL de uma ligação específica).
6. Ocultar utilizadores com sessão iniciadaFunção de ocultar popups: Defina como Sim para ocultar popups para todos os utilizadores com sessão iniciada ou funções personalizadas selecionadas. Esta funcionalidade pode não funcionar corretamente em sites em cache
7. Apresentado no dispositivoDefina como "Sim" para optar por apresentar em computadores de secretária, tablets e/ou dispositivos móveis

Nota: A janela pop-up não pode ser apresentada mais do que uma vez sem recarregar ou voltar a entrar na página.

Controle os pop-ups através de acionamento manual

Os popups podem ser acionados manualmente. As ligações dinâmicas podem utilizar acções pop-up para abrir ou fechar janelas pop-up. Os formulários podem utilizar uma opção de ação pós-envio para abrir ou fechar uma janela pop-up. Qualquer elemento pode acionar manualmente um popup quando clicado utilizando um seletor único (classe, ID ou elemento de dados).

• A partir de qualquer elemento ligado, selecioneDinâmico > Funcionamento > Janela pop-upClicar no Clique no botãojanela pop-upescolha porAbra a janela pop-uptalvezFeche a janela pop-up. Se optar por fechar a janela pop-up, o ícone "já não é apresentado" ficará disponível.
• No formulário do Elementor, selecione"Acções após a submissão" > "Adicionar ação" > "Abrir pop-up" ou "Fechar pop-up"
• A partir de selectores personalizados: qualquer elemento pode ter um seletor definido que pode ser utilizado como acionador de pop-up manual. Edite o elemento e vá paraAvançado > Classes CSS(ouID CSS) e atribua ao elemento um nome de classe (sem o ponto inicial) ou um nome de ID (sem o # inicial). Na janela pop-up da funçãopré-requisitoem que a página que contém o elemento com o seletor único é selecionada (por exemplo, oCondições > Contém > Singular > Páginas > Título da sua página). O popup será acionado quando o utilizador visitar a página e clicar no elemento. Isto é útil para abrir popups a partir dos itens do menu de navegação do tema, conteúdo em widgets do editor de texto, elementos ou scripts não-Elementor, etc.