Como criar Popup no Elementor Pro

Popup é um método muito eficiente de chamar a atenção para algo especifico em um site, como uma promoção, um formulário de newsletter ou até mesmo algum aviso.

Se você veio até aqui, você está precisando criar uma popup em seu site e saiba que é muito fácil e rápido, você só vai precisar do Elementor Pro instalado em seu site WordPress.

Saiba a diferença entre o Elementor Pro e o Elementor Gratuito!

Criando a sua Popup personalizada

O primeiro passo é ir até o dashboard do seu site e no menu lateral vai ter “Modelos” você vai clicar nele e clicar em “Adicionar novo”

Logo em seguida você pode clicar em criar modelo, e vai ser redirecionado para a página onde você vai criar e visualizar sua popup, o Elementor já vai te sugerir alguns templates que você pode utilizar ou usar como base (caso queira fazer o seu do zero, é só fechar e começar a construir).

Personalizando a sua Popup

Escolhendo um template ou não, você já vai começar a vizualizar como essa popup vai se comportar em seu site. E aí é só você criar do jeito que você achar melhor, da mesma forma como se cria uma página no Elementor.

Criamos essa popup de exemplo, utilizando um template já do elementor apenas para ilustrar. Você pode editar livremente e adcionar o elemento que quiser dentro dela.

Finalizando e criando regra de exibição

Construída sua popup você deve clicar em publicar e logo em seguida vai abrir uma aba onde você vai definir as regras de exibição.

Primeiro você deve escolher onde essa popup vai aparecer? No site todo, só em uma página especifica, apenas no blog… Você é livre para criar suas regras.

Segundo passo é escolher quando será exibida essa popup, quando a pessoa clicar em algo, quando ela rolar uma porcentagem da página ou após alguns segundos que ela está na página, também pode criar uma popup caso a pessoa vá sair da sua página.

E por fim você podecriar algumas regras mais especificas, mais complexas, como apresentar a popup apenas para quem não está logado ou apenas para quem vem de alguma página especifica…

Nós esperamos que você tenha gostado deste artigo, se gostou comente aqui embaixo o que achou dele e se quiser ficar por dentro de mais novidades, se inscreva no nosso canal no YouTube e nos siga nas redes sociais.

Quer aprender a fazer sites sem programação, com wordpress na prática? Conheça o Curso de WordPress mais completo do mercado, atualizado mensalmente e com aulas ao vivo para os alunos.