# Criar popup no Elementor: O guia em 5 passos

<strong>Criar popup no Elementor</strong> leva cinco passos: novo template em Popups, design, gatilho, regra de exibição e publicação. O Popup Builder é recurso exclusivo do Elementor Pro 3.x e oferece seis gatilhos de disparo, do On Page Load ao Exit Intent. O gatilho errado em mobile derruba o LCP acima de 2,5 s. Comece pelo disparo, não pelo visual.

Criar popup no Elementor é montar um template de overlay no Popup Builder e controlar quando, onde e para quem ele aparece. A parte visual é a mais simples; o que separa um popup que converte de um que irrita o visitante é a configuração de gatilho e de regra de exibição. Neste guia, a gente mostra o passo a passo no Elementor Pro 3.x e, no fim, conecta o tema do momento: por que o conteúdo da sua <a href="https://full.services/glossario/landing-page-wordpress/">landing page no WordPress</a> precisa ser citável por IA, e não só o popup. Para o básico do editor antes de avançar, veja o <a href="https://full.services/elementor-tutorial-iniciantes/">tutorial de Elementor para iniciantes</a> e os demais conteúdos no hub de <a href="https://full.services/elementor/">todos os artigos de Elementor da FULL</a>.

---

## Primeiros passos: Visão geral do popup builder

Criar popup no Elementor exige o plano Pro: o Popup Builder é um recurso exclusivo da versão paga, ausente no Elementor gratuito. Em mais de cinco anos vendo tickets de suporte da FULL, a confusão número um é o usuário procurar a função no editor gratuito. O fluxo tem cinco etapas previsíveis até o overlay ir ao ar.

A ordem importa: design vem depois do gatilho, nunca antes. A tabela abaixo resume o que cada etapa entrega e o check de validação que você deve conferir antes de publicar o popup no site.

<table id="etapas-criar-popup-no-elementor">
  <caption>Criar popup no Elementor: etapas, objetivo e validação</caption>
  <thead>
    <tr>
      <th scope="col">Etapa</th>
      <th scope="col">Objetivo</th>
      <th scope="col">Check de validação</th>
    </tr>
  </thead>
  <tbody>
    <tr><th scope="row">Criar template</th><td>Abrir um novo popup em Templates &gt; Popups</td><td>Popup aparece na biblioteca</td></tr>
    <tr><th scope="row">Desenhar</th><td>Montar o conteúdo com widgets nativos</td><td>Layout responsivo em mobile</td></tr>
    <tr><th scope="row">Definir gatilho</th><td>Escolher o evento de disparo</td><td>Não dispara a 0s em mobile</td></tr>
    <tr><th scope="row">Regra de exibição</th><td>Definir onde e para quem mostrar</td><td>Checkout e carrinho excluídos</td></tr>
    <tr><th scope="row">Publicar</th><td>Salvar condições e ativar</td><td>Popup vivo no front-end</td></tr>
  </tbody>
</table>

---

## Passo a passo: Criar popup no Elementor do zero

Criar popup no Elementor do zero leva cerca de 15 minutos quando você já tem o conteúdo pronto. O Popup Builder fica em Templates, não dentro de uma página específica, e isso confunde quem espera achá-lo no editor de uma página. As quatro etapas abaixo seguem a ordem oficial documentada pela <a href="https://elementor.com/academy/guides-and-tutorials/" rel="noopener" target="_blank">Elementor Academy</a>, cuja própria trilha traz a aula "Popup: Conditions, Triggers, and Advanced Rules" como referência de configuração.

### Passo 1: Crie o template em templates > popups

Acesse o painel do WordPress e vá em Templates &gt; Popups &gt; Add New. Dê um nome descritivo ao popup, como "oferta-newsletter", e o Elementor abre a biblioteca de modelos. Você pode partir de um layout pronto ou de uma tela em branco. O popup é um template independente da página: ele existe uma vez e pode ser exibido em qualquer parte do site conforme as regras que você definir depois.

### Passo 2: Desenhe o conteúdo com widgets nativos

Monte o popup arrastando widgets do mesmo editor que você já usa nas páginas: título, texto, botão e o widget Form do Elementor Pro para capturar leads. Mantenha o peso baixo: imagens acima de 200 KB dentro de um popup On Page Load atrasam o render. Defina o CTA com verbo de ação claro e use o widget Form com no máximo três campos, porque cada campo extra reduz a <a href="https://full.services/glossario/taxa-de-conversao-wordpress/">taxa de conversão no WordPress</a>.

### Passo 3: Configure o gatilho de disparo

Abra as configurações do popup (ícone de engrenagem) e vá na aba Triggers. O Elementor Pro oferece seis gatilhos: On Page Load, On Scroll, On Scroll to Element, On Click, After Inactivity e On Page Exit Intent. Para a maioria dos casos, On Scroll a 50% ou After Inactivity de 3 segundos performa melhor que o disparo imediato, que prejudica os <a href="https://full.services/elementor-lento/">tempos de carregamento do Elementor</a> e a experiência em mobile.

### Passo 4: Defina as regras de exibição e publique

Na aba Conditions, escolha onde o popup aparece: Entire Site, uma página específica ou um arquivo. Use Advanced Rules para refinar por dispositivo, origem de tráfego ou número de visitas. Sempre exclua checkout e carrinho em lojas WooCommerce. Clique em Save & Close, depois em Publish. O popup entra no ar imediatamente, respeitando as condições salvas.

---

## Qual gatilho de popup converte mais no Elementor

O gatilho que mais converte ao criar popup no Elementor costuma ser o On Page Exit Intent em desktop e o After Inactivity em mobile, porque ambos respeitam o momento do visitante. O Exit Intent dispara quando o cursor se move para fechar a aba, capturando quem ia abandonar a página antes de sair.

Em smartphones, onde não existe cursor, o After Inactivity de 3 a 5 segundos é a alternativa direta. A escolha do gatilho importa mais que o design: um popup bonito com On Page Load a 0s tende a ter taxa de fechamento alta e penaliza o ranqueamento. Ferramentas como o Crocoblock JetPopup e o Happy Addons estendem essas opções, mas o Popup Builder nativo já cobre os seis gatilhos essenciais. Para aprofundar a captura, veja os <a href="https://full.services/plugins-elementor-para-gerar-mais-leads-e-conversoes/">plugins de Elementor focados em gerar leads e conversões</a>.

---

## Por que o popup no Elementor pode derrubar o Core Web Vitals

O popup no Elementor derruba o Core Web Vitals quando o gatilho On Page Load dispara a 0 segundo em mobile: o navegador prioriza o render do overlay antes do conteúdo principal, e o LCP estoura os 2,5 s recomendados. Esse é um padrão recorrente que a gente vê no suporte da FULL com sites Elementor Pro 3.x.

O efeito combina dois problemas: o overlay pesado adia a pintura do maior elemento (LCP) e o salto de layout quando o popup aparece gera CLS visível. A correção é barata: mova o disparo para After Inactivity de 3 segundos ou On Scroll de 50%, comprima as imagens abaixo de 200 KB e evite vídeos no overlay. Em servidores sem cache de página ativo, o problema piora porque cada visita reprocessa o HTML. Essa relação entre gatilho, ambiente e métrica só fica clara com operação real em escala.

---

## Frequência e segmentação: Como evitar que o popup irrite

Criar popup no Elementor resolve a captura de lead, mas mostrar o mesmo overlay em toda visita queima a confiança do visitante e derruba a conversão. O Popup Builder traz controles de frequência na aba Advanced Rules: você define a cada quantos dias o popup reaparece, depois de quantas páginas vistas ele dispara e quantas vezes por sessão pode surgir. Configurar "Show up to 1 time" por sessão é o ajuste mais subestimado do builder.

Na prática, a gente vê no suporte da FULL que o erro recorrente é deixar a frequência no padrão, fazendo o popup reaparecer a cada carregamento. Use o controle "Don't show again for X days" para quem já converteu e combine com Advanced Rules por origem de tráfego, para não interromper quem chegou de uma campanha paga logo no primeiro segundo. Ao criar popup no Elementor, trate o overlay como camada de conversão e a frequência como camada de respeito ao visitante. Um <a href="https://full.services/glossario/cta-call-to-action/">CTA (call to action)</a> fecha o ciclo, mas só quando aparece na hora certa. Para alinhar a captura e o ranqueamento da página, veja como usar o <a href="https://full.services/rank-math-para-paginas-de-venda-como-aumentar-conversoes/">Rank Math em páginas de venda para aumentar conversões</a>.

---

## Popups e plugins: Quando ir além do builder nativo

O Popup Builder nativo resolve a maioria dos casos ao criar popup no Elementor, mas três cenários pedem plugins extras: testes A/B de variações, lógica dinâmica por usuário e analytics granular de conversão. O Crocoblock JetPopup adiciona disparos por ações dinâmicas, o Happy Addons amplia widgets internos e plugins dedicados focam em relatórios.

O Popup Builder do Elementor compete por integração nativa no editor, o JetPopup compete por lógica dinâmica e os plugins dedicados competem por analytics. A regra prática ao criar popup no Elementor: se você precisa de mais de duas variações testadas ao mesmo tempo, o builder nativo fica curto. Quem monta páginas de captura recorrentes ganha tempo com um pacote de extensões, como mostram os <a href="https://full.services/plugins-elementor-para-criar-landing-pages-de-alta-conversao/">plugins de Elementor para criar landing pages de alta conversão</a> e a lista de <a href="https://full.services/como-criar-pop-ups-personalizados-com-plugins-no-elementor/">como criar pop-ups personalizados com plugins no Elementor</a>.

---

<aside aria-label="Metodologia dos Testes">
<h2 id="metodologia-dos-testes">Metodologia dos testes</h2>
<p>As observações deste guia vêm do acompanhamento de instalações Elementor Pro 3.x entre <time datetime="2026-01">janeiro</time> e <time datetime="2026-05">maio de 2026</time>, em sites WordPress 6.x rodando PHP 8.2. A análise de Core Web Vitals usou PageSpeed Insights e dados de campo do Search Console, com foco no impacto do gatilho do popup sobre LCP e CLS em dispositivos móveis.</p>
  <p>Os padrões de configuração de gatilho e de regra de exibição foram cruzados com a documentação oficial da Elementor Academy e com os tickets de suporte recorrentes da base FULL, que conecta cerca de 150 mil sites WordPress. Nenhuma proporção interna foi quantificada: as tendências descritas aqui são qualitativas e dependem do ambiente de cada servidor, do tema ativo e dos demais plugins instalados ao lado do Popup Builder. Os números citados ao longo do guia, como o limite de 2,5 s de LCP e o teto de 200 KB por imagem, são referências públicas de performance, não médias da base.</p>
</aside>

---

## Acelere a entrega com o Elementor pro no plano da FULL

Criar popup no Elementor exige a licença Pro, e comprar o plugin avulso custa caro em escala. No plano PRO da FULL, por R$849, você ativa o <a href="https://full.services/elementor-pro">Elementor Pro</a> junto com Rank Math PRO, WP Rocket e outros 14 plugins premium do bundle, sem renovar cada assinatura separada.

Diluído nos sites que você gerencia, isso sai por cerca de R$85 por site, contra o valor cheio de cada licença individual. Quem precisa criar popup no Elementor em dezenas de projetos sente essa diferença no fim do mês. A gente vê no suporte da FULL que agências que centralizam as licenças no <a href="https://full.services/planos">plano da FULL</a> param de renovar assinaturas soltas e reduzem o custo por projeto. O mesmo bundle que entrega o Popup Builder traz o WP Rocket, que cuida do cache de página e ajuda a manter o LCP dentro dos 2,5 s mesmo com o overlay carregado. Em vez de pagar Elementor Pro, Rank Math PRO e WP Rocket em três faturas separadas, a agência ativa tudo num clique no painel da FULL e libera o time para o trabalho de design.

---

<aside aria-label="Resumo Técnico">
<h2 id="resumo-tecnico">Resumo técnico</h2>
<ul style="margin-bottom:1.5rem">
  <li><strong>Melhor cenário:</strong> popup com gatilho After Inactivity ou Exit Intent, imagens abaixo de 200 KB e regra que exclui checkout.</li>
  <li><strong>Pior cenário:</strong> gatilho On Page Load a 0s em mobile, com overlay pesado derrubando o LCP acima de 2,5 s.</li>
  <li><strong>Principal conflito:</strong> Display Conditions em Entire Site sem exclusão de carrinho em lojas WooCommerce.</li>
  <li><strong>Melhor alternativa gratuita:</strong> nenhuma nativa; o Popup Builder exige Elementor Pro.</li>
  <li><strong>Em uma frase:</strong> o popup do Elementor converte quando o gatilho respeita o momento do visitante, não quando aparece primeiro.</li>
</ul>
</aside>

---

<h2 id="faq">Perguntas frequentes sobre criar popup no Elementor</h2>

<details>
<summary>É possível criar popup no Elementor sem o plano Pro?</summary>
<p>Não, criar popup no Elementor com o Popup Builder é exclusivo do Elementor Pro 3.x e não existe na versão gratuita. No Elementor grátis você consegue montar a seção visual, mas não tem os gatilhos nem as regras de exibição que fazem o overlay funcionar como popup. A alternativa sem o Pro é usar um plugin dedicado de popup de terceiros, que roda em paralelo ao Elementor gratuito e traz seus próprios disparos e condições.</p>
</details>

<details>
<summary>Por que o popup no Elementor derruba o Core Web Vitals?</summary>
<p>Porque o gatilho On Page Load disparado a 0 segundo força o navegador a renderizar o overlay antes do conteúdo principal, empurrando o LCP acima dos 2,5 s recomendados. O salto de layout quando o popup surge ainda gera CLS visível. Ao criar popup no Elementor, a correção é mover o disparo para After Inactivity de 3 segundos ou On Scroll de 50% e comprimir as imagens do popup abaixo de 200 KB, o que estabiliza as métricas sem perder conversão.</p>
</details>

<details>
<summary>Qual gatilho de popup converte mais no Elementor?</summary>
<p>O On Page Exit Intent costuma converter mais em desktop, porque captura quem ia fechar a aba, enquanto o After Inactivity de 3 a 5 segundos é a melhor escolha em mobile, onde não há cursor para detectar a saída. O gatilho On Page Load a 0s tende a ter a maior taxa de fechamento e prejudica o ranqueamento. A regra prática: dispare quando o visitante já demonstrou interesse, nunca antes de a página carregar.</p>
</details>

<details>
<summary>Quanto custa o Elementor Pro por site no bundle da FULL?</summary>
<p>Criar popup no Elementor exige o plano Pro, e no plano PRO da FULL, que custa R$849, o Elementor Pro vem junto com outros 16 plugins premium como Rank Math PRO e WP Rocket. Diluído nos sites gerenciados, o custo fica em torno de R$85 por site, bem abaixo do valor de uma licença avulsa anual. Para agências que mantêm vários projetos, centralizar as licenças no bundle reduz o custo por projeto e elimina a renovação de assinaturas soltas.</p>
</details>

<details>
<summary>O que são Display Conditions no Popup Builder do Elementor?</summary>
<p>Display Conditions são as regras que definem onde o popup aparece no site, configuradas na aba Conditions ao criar popup no Elementor. Você escolhe entre Entire Site, uma página específica, um tipo de post ou um arquivo, e combina com Advanced Rules para filtrar por dispositivo, origem de tráfego ou contagem de visitas. Em lojas WooCommerce, é essencial excluir checkout e carrinho das condições, para o popup não cobrir o botão de finalizar a compra.</p>
</details>

---

## Próximos passos para dominar o popup builder

Criar popup no Elementor é mais decisão de gatilho do que de design: comece pelo disparo, exclua checkout e carrinho nas regras e mantenha o overlay leve para não sacrificar o Core Web Vitals. O popup fecha a conversão de quem já chegou; ajustar a frequência e a regra de exibição é que evita irritar o visitante e preserva a taxa de conversão. Para continuar aprendendo, o <a href="https://full.services/academy/">FULL Academy</a> reúne os tutoriais, guias e reviews de Elementor em um só lugar, com o passo a passo de cada recurso do construtor.

<p class="wp-caption-text">Legenda: o Popup Builder vive em Templates, não dentro da página, o que centraliza o controle de gatilhos e regras.</p>
