Os melhores exemplos de Elementor popup compartilham três características: uma oferta clara, um gatilho que corresponde ao que o visitante está fazendo e segmentação que mostra o popup apenas onde ele pertence Obtenha esses três direitos e um popup converte em torno de 5% dos visitantes; obtenha o posicionamento e o gatilho à direita e os dados do Wisepops mostram alguns formatos atingindo 12% e acima.
Cada exemplo abaixo é executado no Elementor livre A ferramenta pop-up do próprio Elementor está bloqueada atrás do Pro, mas o livre Construtor de pop-ups Master Addons oferece a mesma edição de arrastar e soltar, cinco gatilhos, segmentação em nível de página e uma biblioteca de mais de 100 modelos pop-up que importam com um clique. Se você nunca construiu um antes, nosso passo a passo como adicionar um pop-up no Elementor gratuitamente cobre a configuração em cerca de dez minutos.
Os 25 exemplos são agrupados por meta Cada um mostra uma construção real, nomeia o gatilho que lhe convém e explica a razão específica pela qual converte Não “popups aumentam o engajamento,” mas qual alavanca psicológica cada um puxa.
Índice
O que faz um Elementor popup converter
Um pop-up de conversão responde a três perguntas antes que o visitante conscientemente pergunte a eles O que EU recebo? por que agora? por que isso está me interrompendo?
- Uma oferta, uma ação. Um pop-up com um campo de e-mail e um botão supera um que também vincula suas redes sociais, sua venda e sua página sobre Toda escolha extra sangra conversões.
- Gatilho combinado com comportamento. Um desconto pode disparar no carregamento da página Uma atualização de conteúdo não pode, porque o leitor ainda não leu nada A maioria dos “popups não funciona queixas de” rastreiam até a oferta certa no gatilho errado.
- Direcionamento que respeita o contexto. Um pop-up de recuperação de carrinho no blog é ruído Mostrado apenas na página do carrinho, o mesmo pop-up resgata a receita real As condições de exibição no nível da página são o que separam uma ferramenta de conversão de um aborrecimento.
Os números respaldam isso A conversão média de popups fica em torno de 4,65%, mas as colocações no centro inferior convertem 12,88% nos testes do Wisepops, os popups de intenção de saída normalmente recuperam 101% dos visitantes que estavam prestes a sair e os popups de dois passos superam os de um único passo porque iniciar uma ação faz as pessoas quererem terminá-la (o efeito Zeigarnik).Cada exemplo abaixo aplica pelo menos uma dessas alavancas.
Exemplos de pop-ups de geração de leads
A captura de leads é o trabalho pop-up clássico Esses sete transformam os leitores em assinantes sem bloquear o conteúdo que eles vieram.
1. Ebook ou lista de verificação baixar pop-up
Um recurso gratuito em troca de um e-mail Isso converte melhor do que um simples “subscribe” ask porque o visitante se afasta com algo concreto, e qualifica sua lista Alguém que baixa sua lista de verificação de otimização de velocidade se preocupa com a otimização de velocidade Dispare-a em rolagem em 50% para que ele aterra depois que o leitor é investido, e direcioná-lo para posts de blog apenas A biblioteca de modelos Master Addons tem vários opt-ins estilo download que você pode importar em um clique e reformular.
2. opt-in do boletim de campo único
Um campo de e-mail, uma frase sobre o que os assinantes recebem Cada campo que você adicionar cortes conclusões, então peça o nome mais tarde o e-mail de boas-vindas Acione o scroll em 40%, apenas páginas do blog e suprima por alguns dias depois que alguém descartar o emparelhe o pop-up com um dos melhores plugins de newsletter WordPress para realmente entregar os e-mails O popup captura, o ESP envia.
Atualização de conteúdo pós-específico
O popup de lead de maior conversão na maioria dos blogs, porque a oferta corresponde ao artigo exato: um arquivo de deslize no post de copywriting, um modelo no post de instruções A relevância faz a persuasão Segmente um único post com condições de exibição e acione-o em 80% de rolagem, quando o leitor quase terminou e confia mais em você Sim, significa fazer um ativo por post-chave Também é por isso que funciona: ninguém mais se incomoda.
4. pop-up de webinar ou registro de evento
Os eventos carregam um prazo embutido, e os prazos convertem Mantenha o formulário para nome e e-mail, mostre a data e hora com destaque e faça o botão dizer “Salve meu assento” em vez de “Enviar.” Carga de página com um atraso de dois a três segundos funciona aqui porque o evento é o principal apelo à ação do site naquela semana, o que torna este o único caso em que interromper antecipadamente é justificado.
5. pop-up gratuito de teste ou solicitação de demonstração
Não aperte um formulário de demonstração em todos Coloque um botão “Book a demo” no cabeçalho e abra o formulário em clique. Popups acionados por clique convertem na taxa mais alta de qualquer gatilho porque o visitante pediu por eles Toda pessoa que vê o formulário queria vê-lo, então ninguém fica irritado e os leads ficam quentes.
6. desbloqueio da biblioteca de recursos
Portar uma coleção de guias, modelos ou listas de verificação por trás de uma inscrição O valor percebido de “a biblioteca inteira” bate qualquer download único, então isso ganha e-mails um opt-in simples nunca faria Usar um gatilho de clique no botão “Get access” da página da biblioteca para que o fluxo permaneça intencional, e entregar o link de desbloqueio por e-mail para manter os endereços honestos.
Ímã principal da saída-intenção
A rede de segurança Quando o cursor se move em direção à barra de guias, o gatilho de intenção de saída dispara uma última oferta, e porque o visitante estava saindo de qualquer maneira, não pode prejudicar a sessão que interrompe Os popups de saída normalmente recuperam 101% dos visitantes abandonados, e testes de designs de saída em tela cheia produziram até 50% mais inscrições do que pequenos modais de chumbo com seu ímã mais forte aqui, não seu boletim informativo.
Exemplos de pop-ups de comércio eletrônico e WooCommerce
Os popups de lojas ganham seu lugar quando elevam o valor médio do pedido ou resgatam uma venda Esses sete se encaixam em qualquer compilação do WooCommerce Se você estiver montando a própria loja, nosso resumo do melhores complementos Elementor para WooCommerce cobre os widgets ao seu redor.
8. pop-up de desconto de primeira ordem
O carro-chefe da construção de listas de comércio eletrônico: uma porcentagem fora da primeira ordem em troca de um e-mail Ele converte porque ambos os lados ganham imediatamente: o comprador economiza dinheiro em uma compra que eles estavam considerando, você obtém um assinante que vale muito mais do que o desconto de carga de página em páginas de casa e categoria, sempre excluído do carrinho e checkout para que você nunca descontar alguém que estava pagando o preço total A biblioteca pop-up MA envia modelos de desconto prontos; importar um, alterar a porcentagem, publicar.
9. Limite de envio gratuito
“You're $12 longe do frete grátis” é uma máquina de valor médio de pedido: ele reformula a adição de outro item como economia de dinheiro Mostre-o como um pop-up fino ou barra em páginas de produtos com um gatilho de rolagem, e vincule o botão direto a uma coleção de best-sellers com preço próximo ao gap Nenhum e-mail pergunte (o trabalho deste é um carrinho maior, não uma lista maior.
10. oferta de saída de abandono de carrinho
Cerca de sete em cada dez carrinhos são abandonados, o que torna a página do carrinho o imóvel de maior risco em sua loja Um pop-up de intenção de saída lá (frete grátis, 5% de desconto ou apenas “seu carrinho é salvo em garantia de”) intercepta o momento exato de hesitação Direcione apenas a página do carrinho Disparado em todo o site, o mesmo pop-up treina regulares para abandonar de propósito e esperar pelo desconto.
pop-up de contagem regressiva de vendas 11. Flash
A urgência funciona quando é real Um pop-up de carregamento de página com um live temporizador contagem regressiva e a data de término da venda comprime “Vou pensar sobre ele” em “decide now.” A regra que o mantém convertendo a longo prazo: o cronômetro deve dizer a verdade Aposente o pop-up no minuto em que a venda termina Um “ending evergreen em breve” que nunca termina ensina os visitantes a ignorar cada prazo futuro que você definir.
12. Inscrição de volta ao estoque
Uma página fora de estoque geralmente significa uma venda perdida Um popup “Notify me” acionado por clique converte esse beco sem saída em demanda que você pode medir e uma lista de e-mail com juros garantidos Esses assinantes convertem a taxas excepcionalmente altas quando o e-mail de reabastecimento cai, porque eles pediram exatamente esse produto Adicione a classe de gatilho a um botão colocado onde Adicionar ao carrinho normalmente fica.
13. Cupom revela pop-up
Duas etapas: o visitante opta por entrar, então aparece o código Curiosidade mais compromisso: uma vez que alguém clica em “Revelar meu código,” o efeito Zeigarnik empurra-os para terminar a inscrição e, em seguida, justificá-lo usando o código Uma nota honesta: uma roda spin-to-win precisa de uma ferramenta de gamificação separada; a revelação simples é a rota livre, e converte-se respeitável sem a estética do cassino.
14. Pop-up de recomendação específica da categoria
Sugira seu best-seller de café-engrenagem apenas na categoria de café Relevância é todo o truque: um genérico “confira nossos best-sellers” popup é um anúncio, enquanto um de categoria-combinado se sente como ajuda de um assistente de loja As condições de exibição do Construtor de Popup lidar com a segmentação por categoria, e o mesmo Exibição Extensão das condições traz regras de página e função idênticas para qualquer outro elemento do site.
Exemplos de engajamento e pop-up na página
Nem todo popup pede um e-mail Estes seis ajudam os visitantes a fazer algo na página, ou aprender mais sem sair Conversão aqui significa engajamento, um vídeo reproduzido ou uma pergunta respondida.
pop-up de caixa de luz de vídeo 15
Incorpore um vídeo de demonstração diretamente na página e ele arrasta seu tempo de carregamento para baixo, quer alguém assista ou não Uma lightbox acionada por clique inverte que: a página permanece rápida e o vídeo abre em uma sobreposição limpa para os visitantes que a escolhem Uma miniatura de botão de reprodução converte cliques melhor do que um link de texto porque define a expectativa exatamente do que acontece a seguir A biblioteca MA inclui modelos de lightbox de vídeo prontos para importar; troque a URL do vídeo e pronto.
16. caixa de luz da galeria de imagens
Miniaturas abrem imagens em tamanho real em um modal Para portfólios e close-ups de produtos esta é a diferença entre um visitante apertando os olhos em uma grade e realmente inspecionando o trabalho O tempo gasto inspecionando correlaciona-se com consultas Clique em acionar em cada miniatura, e mantenha o cromo modal mínimo para que a imagem faça a venda.
Barra de anúncio de novo recurso 17
Uma barra de carregamento de página fina na parte superior da tela aponta para uma atualização, uma nova página ou um lançamento sem cobrir o conteúdo Porque não exige uma decisão, as taxas de demissão permanecem baixas e a mensagem é vista através das sessões Lançando algo maior Emparelhar a barra com um apropriado Elementor em breve página para a janela de pré-lançamento, deixe a barra anunciar o lançamento.
18. Pop-up de micropesquisa de feedback
Uma pergunta, duas a cinco respostas clicáveis, disparada após inatividade. O momento é o insight: um visitante que fez uma pausa está processando algo, talvez confusão, talvez hesitação, e uma pesquisa de pergunta única o captura enquanto está acontecendo Mantenha-o em um toque sem formulário de acompanhamento ou taxas de resposta de colapso.
19. idade ou portão de conteúdo
Um pop-up de carregamento de página em tela cheia que bloqueia o conteúdo até que o visitante confirme sua idade Necessário para álcool, vaporização, alguns nichos de saúde e certos conteúdos regulamentados Conversão aqui significa conformidade sem perder o visitante: dois botões claros, estilo de marca para que não pareça uma emboscada legal e um redirecionamento para o caminho de menores de idade Coloque-o em fogo uma vez por sessão, não em todas as visualizações de página.
Modal de detalhes de clique para abrir
Notas de preços, folhas de especificações, termos de envio, guias de tamanho: conteúdo que importa para 10% dos visitantes e agarra a página para os outros 90% Coloque-o atrás de um link “View details” que abre um modal O layout permanece limpo, os buscadores de detalhes obtêm suas respostas sem recarregar a página e seu principal apelo à ação mantém seu foco.
Exemplos de pop-up de utilidade e conformidade
Esses cinco lidam com os trabalhos práticos que todo site eventualmente precisa Eles raramente vendem qualquer coisa, mas mal feitos eles custam visitantes, então eles são trabalhos de conversão também.
21. Aviso de consentimento de cookies
Uma pequena barra de carregamento de página que registra o consentimento e fica fora do caminho Parte inferior da tela, dois botões, sem aquisição de tela inteira Paredes de consentimento que bloqueiam as taxas de rejeição de push da página antes que um visitante leia uma palavra Estilo-a para combinar com o site para que ele seja lido como parte do design, em vez de um widget legal aparafusado.
22. Login ou modal de registro
Abra o login ao clicar em um modal em vez de rotear para uma página de login separada Menos cargas de página significam menos drop-offs no meio do fluxo, o que é mais importante em sites de associação e lojas onde o login fica entre o visitante e o checkout Os modelos de login da biblioteca vêm pré-estilizados; importe, conecte seu formulário, pronto.
23. Seletor de localização ou moeda
Peça aos visitantes de primeira viagem para escolher uma região ou moeda no carregamento da página, em seguida, lembre-se da escolha Mostrando os preços certos e os termos de envio na frente impede o assassino de conversão mais desagradável no comércio eletrônico internacional: a surpresa no checkout Incêndio uma vez apenas para novos visitantes; visitantes repetidos já respondidos.
24. pop-up do formulário de agendamento ou reserva
Para clínicas, salões, consultores e qualquer pessoa que venda tempo: um pop-up acionado por clique segurando o formulário de reserva significa que cada botão “Book now” em todo o site abre o mesmo formulário, sem manter uma página de reserva separada por serviço Menos etapas entre a intenção e a nomeação, e um formulário para atualizar quando sua disponibilidade mudar.
25. Empurrão de reengajamento
Uma mensagem pós-inatividade que traz de volta um visitante distraído antes que a guia seja fechada Trabalho diferente da intenção de saída: saída pega uma decisão ativa de sair, inatividade chama a atenção que derivou para outra janela Um suave “Ainda decidindo? aqui está nossa opção mais popular” reinicia a sessão com mais frequência do que você esperaria, e isso não custa nada ao visitante engajado porque ele nunca a vê.
Combine cada pop-up com o gatilho direito
A oferta decide o gatilho Master Addons envia cinco, e escolher o errado é a razão mais comum de um bom pop-up com baixo desempenho Esta tabela mapeia os gatilhos para os exemplos acima.
| Acionador | Incêndios quando | Melhor exemplo ajuste | Cuidado com |
|---|---|---|---|
| Em Clique | Um visitante clica em um elemento definido | Pedido de demonstração (5), caixa de luz de vídeo (15), formulário de reserva (24) | Precisa de um botão ou link para anexar |
| Em Rolo | A página é rolada em uma porcentagem definida | Atualizações de conteúdo (3), aceitação de boletins informativos (2) | Defina-o muito baixo e ele dispara antes que o interesse exista |
| Carregamento de página | Após um atraso que você definiu | Banners de venda (11), aviso de cookies (21), portão de idade (19) | Menos de dois segundos tende a irritar |
| Sair Intenção | O cursor move-se para fechar a aba | Recuperação do carrinho (10), ímã de chumbo de última chance (7) | Sinal de desktop, mais fraco no celular |
| Após Inatividade | Parada de rolagem e movimento | Pesquisa de feedback (18), cutucada de reengajamento (25) | Mantenha a espera o tempo suficiente para se sentir natural |
Como construir qualquer um desses pop-ups gratuitamente
A compilação é a mesma para todos os 25 exemplos Instale o plugin gratuito Master Addons em cima do Elementor gratuito, abra Master Addons → Popup Builder e adicione um novo pop-up.
- Comece na biblioteca, não em uma tela em branco. O biblioteca modelo detém 100 + pop-up designs: opt-ins, ofertas de desconto, caixas de luz de vídeo, avisos de cookies, formulários de login Encontre o que corresponde ao seu exemplo e importa em um clique, totalmente editável.
- Edite com widgets Elementor normais. Texto, forma, imagem, contagem regressiva: a tela pop-up funciona exatamente como uma página.
- Escolha o gatilho na tabela acima. Uma alternância por gatilho, com atraso, porcentagem de rolagem ou configuração de classe CSS.
- Definir condições de exibição. Site inteiro, páginas específicas ou postagens específicas Esta é a etapa de segmentação que a maioria das pessoas pula e depois se pergunta por que o pop-up irrita as pessoas ou nunca mostra.
O passo a passo completo com capturas de tela está em nosso guia como adicionar um pop-up no Elementor gratuitamente.
Um limite honesto: um construtor de popup captura leads e mostra ofertas, mas não é uma plataforma de e-mail ou um conjunto de testes A/B. Se você precisar de testes divididos e análises profundas, combine-o com uma ferramenta dedicada; nossa comparação do melhores plugins de construtor de popups para WordPress mapeia aquele território Para inspiração de design além desses 25, o próprio Elementor exemplos pop-up vale a pena rolar e o plugin gratuito está no Diretório WordPress sempre que estiver pronto para construir.
Perguntas frequentes
Como faço para criar pop-ups no Elementor?
O Elementor Livre não tem construtor de popups integrado, então você adiciona um com um plugin Instale o plugin Master Addons for Elementor gratuito, vá para Master Addons, Popup Builder, clique em Adicionar Novo, projete o pop-up com widgets Elementor, escolha um gatilho, defina as condições de exibição e publique O fluxo leva menos de dez minutos.
Como posso criar um pop-up no Elementor gratuitamente?
Use o Master Addons gratuito Construtor de Popup Ele é executado na versão gratuita do Elementor, inclui cinco gatilhos e 100 + modelos, e nunca pede uma licença Pro para construir, acionar ou segmentar um pop-up Elementor Pro só é necessário se você quiser próprio Elementor nativo Popup Builder em vez disso.
Como aciono um pop-up Elementor com um clique de botão?
Defina o gatilho de popup para On Click e insira uma classe CSS, como open-popup Em seguida, adicione essa mesma classe ao widget de botão em Advanced, CSS Classes Cada botão com essa classe abre o pop-up, e o mesmo método funciona para imagens, ícones e links.
Existem modelos pop-up Elementor gratuitos?
Sim. A biblioteca pop-up Master Addons envia mais de 100 modelos dentro do plugin gratuito, cobrindo opt-ins, banners de venda, caixas de luz de vídeo, avisos de cookies e formulários de login. Cada um importa em um clique e permanece totalmente editável no Elementor, sem limite de teste ou marca d'água.
Por que meu pop-up Elementor não está aparecendo?
A causa usual é a falta de condições de exibição Um pop-up sem regra de inclusão nunca aparece no front-end, mesmo quando parece certo no editor Abra as configurações de pop-up, adicione uma condição de exibição, como Site Inteiro ou uma página específica, salve e teste em uma guia normal do navegador, em vez da visualização do editor.
Leitura Relacionada
