Como criar pop-ups envolventes com Elementor que convertem

Vamos ser sinceros, como proprietário de um site, você odeia amar pop-ups! Por um lado, eles incomodam os clientes. Mas, por outro lado, eles também aumentam os leads em muitas dobras. Até agora, se você decidisse escolher um plugin para implementar o pop-up em seu site WordPress, você teria várias opções. Mas, ironicamente, todos eles careciam de recursos de uma forma ou de outra. Agora a escolha é simples, o construtor de pop-up Elementor.

Elementor pop-up é um construtor de pop-up dinâmico que vem com o construtor de páginas Elementor. É de longe um dos melhores construtores de pop-up por aí.

No entanto, se você considerar a combinação de recursos e facilidade de uso, o construtor pop-up Elementor é de longe o melhor construtor pop-up para sites WordPress.

Você está animado para aprender como criar seu primeiro pop-up usando o Elementor? Nós também!

Os pop-ups de sites realmente funcionam para expandir seus negócios?

Um pop-up é uma pequena janela que 'pop-up' na parte superior das páginas da web em seu navegador de internet. Ele pode ser usado para apresentar informações importantes ou coletar leads. Sim, estamos falando daquele que nos irrita o tempo todo quando tentamos abrir a maioria dos sites.

Então, por que essa coisa chata continua aparecendo, mesmo que a odiemos? A resposta está na própria definição. Ele ajuda a coletar leads.

Todos nós sabemos a importância do crescimento de leads. Quanto mais leads você tiver, mais pessoas poderá enviar um e-mail promocional ou oferecer uma oferta personalizada. Seja você proprietário de um site de comércio eletrônico, empresa de desenvolvimento de software ou até mesmo um blogueiro, ganhar uma liderança significa ter a chance de interagir com mais um cliente em potencial.

A taxa de conversão média para pop-ups é de 3,09%, enquanto os 10% de pop-ups com melhor desempenho tiveram uma taxa de conversão de 9,28%.

– Sumô

Dadas as estatísticas acima, é seguro dizer que os pop-ups são de longe um dos métodos mais eficazes para obter leads.

Como criar seus pop-ups dinâmicos com o Elementor Popup Builder

Você tem experiência anterior no uso do Elementor? Se não, não se preocupe, é fácil como uma torta. Se você tiver experiência em trabalhar com o Elementor antes, construir ou criar um pop-up é como usar ou criar qualquer outro modelo no Elementor.

Então, vamos começar com os pré-requisitos antes de começarmos a construir nosso primeiro pop-up usando o Elementor.

1. Um site WordPress funcional (óbvio, certo?)
2. Elementor
3. Elementor Pro

Blog relacionado: Como criar um site GRATUITAMENTE em 5 etapas fáceis

Isso é tudo o que precisávamos para criar nosso incrível pop-up.

Use pop-ups Elementor prontos

Se você estiver familiarizado com o Elementor, talvez já saiba como usar ou criar modelos. Como o pop-up também funciona como um modelo para o Elementor, primeiro você precisa ir para WP Admin Dashboard > Modelos > Pop-up

Depois de clicar em Pop Up, um botão ADICIONAR NOVO POPUP aparecerá. Clique no botão e dê um nome ao seu pop-up, assim como nomeamos o nosso “ Homepage Main ”. Depois de nomear o pop-up, é hora de clicar no botão CRIAR POPUP !

Assim que você tocar no botão Criar pop-up, você encontrará muitos modelos de pop-up bonitos prontos para você escolher. No entanto, se você não quiser usar o modelo pré-projetado, também poderá criar seu pop-up do zero. Para isso, basta sair da biblioteca de modelos.

Personalize seu design pop-up Elementor

Assim que fechar a Biblioteca de modelos , você verá uma tela como a abaixo. Clique no ícone de engrenagem, assim como fizemos, e você estará na página de configurações de pop -up em pouco tempo.

A configuração do pop-up terá 3 guias - Configurações, Estilo e Avançado. Vamos saber para que serve cada uma das abas.

Na guia Configurações , você pode personalizar principalmente o layout. Como Largura , Altura , Posição Horizontal/Vertical , Animação de Entrada/Saída e Botão Fechar .

Vamos em frente com as configurações abaixo. Você também pode personalizar como quiser.

Na guia Estilo , você pode personalizar as cores do botão pop-up, sobreposição e fechar.

A guia Avançado permite ajustar o tempo do botão Fechar e algumas outras configurações menores.

Assim como qualquer outro modelo do Elementor, você também pode adicionar widgets para deixar seu pop-up com boa aparência. Aqui está o pop-up mínimo que projetamos.

Sim, criamos com sucesso um pop-up para nosso site usando o pop-up Elementor! Agora vamos conhecer como podemos direcionar o pop-up dependendo da atividade do usuário.

Controle seu pop-up com as configurações de publicação

Depois de criar seu pop-up, a próxima coisa que você precisa fazer é definir quando ele aparecerá. Com o pop-up Elementor, você pode ajustá-lo para acionar com base em muitas ações. Depois de terminar o design e clicar em publicar, as configurações de publicação serão exibidas. A partir daqui você controla e ajusta a segmentação.

Como você pode ver na imagem acima, você verá três opções diferentes chamadas Condições , Gatilhos e Regras Avançadas .

Então vamos conhecer como eles funcionam.

Definir condições para seu pop-up

A guia Condições permite gerenciar onde seu pop-up aparece. Por exemplo, você pode permitir que o pop-up seja exibido em uma única página, várias páginas ou até mesmo em todo o site.

Como você pode ver, aqui incluímos uma única página, que é a página inicial, para exibir nosso pop-up.

Configurar regras de gatilhos de pop-up

Os gatilhos permitem controlar exatamente quando seu pop-up aparece. Com o Elementor, você tem todos os tipos de gatilhos necessários. Você pode definir seu pop-up para mostrar -

1. Carregamento na página
2. Na rolagem
3. Na rolagem para o elemento
4. Ao clicar
5. Após inatividade
6. Intenção de saída na página

Configuramos nosso pop-up para ser exibido no 1º clique do usuário em nossa página.

Definir regras avançadas

Como o nome sugere, as Regras Avançadas permitem definir as condições avançadas para exatamente quando ou para quem seu pop-up será exibido.

Existem muitas regras diferentes e você também pode selecionar várias regras.

Agora estamos prontos para publicar nosso pop-up. Então vá em frente e clique no botão SAVE & CLOSE .

Além disso, vamos ver nosso pop-up em ação. Eba!

Grande coleção de modelos pop-up da biblioteca pop-up Elementor

Como já mostramos, o Elementor possui uma enorme coleção de pop-ups pré-projetados em sua biblioteca de modelos.

Você terá acesso a centenas de pop-ups, portanto, mesmo que não tenha um ótimo senso de design, o pop-up Elementor o protege. Na biblioteca de modelos do Elementor, você encontrará diferentes tipos de modelos pop-up, como lightbox, flutuante, tela cheia, isca digital e muito mais!

Além dos pop-ups, o Elementor também possui muitos outros modelos e widgets pré-projetados. Você pode estender ainda mais os recursos do Elementor usando diferentes complementos. Que estão ficando muito populares hoje em dia.

Se você quiser ver como os complementos facilitam o design do seu site, não se esqueça de experimentar o HappyAddons. Agora é um dos principais Elementor Addons, com mais de 80.000 instalações ativas. Existe uma versão premium do mesmo, juntamente com uma versão gratuita.

Elementor Pop Up - O melhor construtor de pop-ups

O Elementor é considerado um dos melhores construtores de páginas para WordPress. Junto com muitos outros recursos, você também pode criar belos pop-ups com segmentação específica.

O processo de criação de pop-ups é muito fácil, e esperamos que agora você consiga criar um pop-up que seus visitantes gostem (pelo menos não odeiem!). Você também pode criar pop-up modal com o construtor de pop-up Elementor.

Vamos terminar o blog com provavelmente o anúncio de produto mais extravagante de uma empresa WordPress? Ok, aqui vai!