Landing pages · GUIA PRÁTICO

Como criar um popup no Elementor Pro

Monte uma janela contextual com propósito claro, conteúdo breve e forma fácil de fechar.

Defina por que o popup aparece e ofereça acesso equivalente ao conteúdo sem depender da janela.

Antes de começar

O recurso Popup Builder e as regras de publicação exigem um plano do Elementor que inclua o Elementor Pro. No painel do WordPress, abra Elementor → Editor → Templates → Popups (em algumas versões, Templates → Popups), crie um popup e edite-o com Elementor. Dê um nome que identifique propósito e página, como Convite newsletter — artigos.

Passo a passo

  1. Monte conteúdo conciso, um único objetivo e um botão de fechar visível. Não esconda informação essencial atrás do popup; use texto associado aos campos e um rótulo acessível para fechar.
  2. Clique em Publicar. Na janela de condições, escolha onde deve aparecer: por exemplo, Incluir → Singular → Páginas → página específica. Evite incluir o site inteiro sem necessidade. Se estiver editando um popup publicado, use a seta ao lado de Atualizar/Publicar → Condições de exibição.
  3. Clique em Próximo para configurar Gatilhos. Escolha somente o evento desejado, como rolagem ou clique; não ative vários gatilhos sem uma razão. Depois, em Regras avançadas, limite repetição, dispositivo ou origem quando essas opções forem adequadas à versão/plano. As condições definem onde, gatilhos quando e regras avançadas sob quais circunstâncias.
  4. Salve/feche, abra uma janela anônima sem sessão administrativa e teste a URL incluída e uma URL que deveria ficar de fora. Confira desktop e celular, foco inicial e retorno do foco, Tab, Escape, botão de fechar, leitor de tela e comportamento com JavaScript bloqueado. Se não aparecer, revise condições, cache e gatilhos separadamente.

Limites e cuidados

O nome dos menus pode mudar entre versões. Se o item Popups ou as condições não aparecerem, confira se a licença/versão ativa oferece o recurso. Evite intersticiais intrusivos em telas pequenas, bloquear a página, repetir a janela em toda visita ou coletar dados sem explicar finalidade e consentimento. Antes de ativar, teste que o conteúdo principal segue acessível sem o popup.

Próxima leitura

Explore o núcleo de landing pages para ver orientações relacionadas.

Fonte oficial: Criar um popup — Elementor.

Continue por aqui