Precisa saber como criar pop-ups com Elementor ?
Elementor não é apenas um construtor de páginas. É um WordPress Plugin versátil. Existem várias outras coisas que você pode fazer com ele Elementor além de criar páginas da web. Uma delas é a criação de pop-ups.
Neste artigo, mostraremos como criar um pop-up com a ajuda do recurso Popup Builder doElementor.
Criar um pop-up com o Elementor é super fácil. Você pode criar seu pop-up com a interface visual do Elementor, onde tudo é arrastar e soltar. O Elementor também oferece modelos de pop-up que você pode usar para criar seus pop-ups. Você simplesmente terá que selecionar um modelo, publicá-lo e definir o gatilho.
Discover Como instalar o Elementor no WordPress
Antes de prosseguir, é crucial observar que o Popup Builder do Elementor está disponível apenas na versão pro.
Como criar um pop-up com Elementor
Ao criar um pop-up com o Elementor, você pode definir um gatilho (uma ação para exibir o pop-up) e configurar a condição (em quais páginas você deseja que seu pop-up apareça). Além disso, você também pode definir uma regra avançada (abordada mais abaixo).
Leia também: Como criar um botão de gradiente multicolorido no Elementor
Neste guia, criaremos um pop-up de call-to-action com um acionador em cliques de botão. O pop-up será exibido quando um usuário clicar em um botão.
Supondo que você tenha instalado Elementor Pro, faça login no painel do WordPress e vá para Modelos –> Pop-ups e clique no botão adicionar acima.
Dê um nome ao seu pop-up e clique no botão CRIE UM MODELO.
Selecione um modelo pop-up que você deseja usar. Passe o mouse sobre ele e clique no botão inserir para inseri-lo no editor Elementor.
Se você preferir criar o pop-up do zero, basta fechar a biblioteca de modelos para abrir o editor do Elementor.
No editor Elementor, você pode personalizar o pop-up. Você pode substituir o conteúdo padrão (textos em particular) pelo seu próprio conteúdo. Use o navegador para facilitar o salto entre seções e widgets.
Você também pode adicionar animação de entrada/saída, ativar/desativar sobreposição e ativar/desativar o botão Fechar.
Quando terminar, clique no botão PUBLICAR.
Na próxima etapa, você será solicitado a definir as condições de exibição e os acionadores. Há também uma opção para definir regras avançadas:
- Termos de exibição: Determina em quais páginas o pop-up aparece em seu site. Você pode configurar o pop-up para aparecer em todo o site, páginas específicas, postagens específicas, categorias específicas, etc.
- Gatilhos: Um gatilho é uma ação para exibir o pop-up. O Elementor suporta 6 tipos de gatilhos: On Page Load, On Scroll, On Element Scroll, On Click, Após inatividade, Na saída da página
- Regras avançadas: Requisitos que devem ser atendidos para que o pop-up apareça. Por exemplo, você pode configurar o pop-up para aparecer se um visitante acessar seu site por meio de um mecanismo de pesquisa ou de um determinado URL. O próprio Popup Builder do Elementor oferece 7 opções de regras avançadas que você pode definir.
Como queremos mostrar o pop-up quando um usuário clica em um botão, abra a guia gatilhos e ative a opção No Clique. Clique em Salvar e fechar.
Crie uma nova página/post e edite-a com o Elementor (você também pode editar uma página existente).
Adicione o Widget de botão arrastando-o do painel esquerdo para a área de edição. Ou, se você estiver editando uma página existente que já contém um botão, clique no widget Botão para colocá-lo no modo de edição.
Descubra também: Como definir o tamanho personalizado para o ícone do botão Elementor
Na opção Bouton sob a guia Conteúdo, defina o link para Popup. Para fazer isso, você pode clicar na seção Link dinâmico.
Clique no ícone de chave inglesa no campo Popup e selecione o pop-up que você acabou de criar. Digite o nome do pop-up para encontrar seu pop-up.
Clique PUBLICAR / ATUALIZAR depois de editar a página. Antes de clicar no botão PUBLICAR / ATUALIZAR, você pode visualizar sua página primeiro para ver se o pop-up já está funcionando.
Obtenha o Elementor Pro agora !!!
Conclusão
Com o Elementor Pro, você não precisa mais instalar nenhum plug-in pop-up porque os recursos oferecidos pelo Elementor Pro incluem um construtor de pop-ups.
O Popup Builder da Elementor permite criar qualquer tipo de pop-up. De um pop-up de call-to-action como acabamos de criar acima, um pop-up de formulário registro, uma barra de notificação, um botão de compartilhamento social, etc.
Como o pop-up é criado com o editor do Elementor, você pode basicamente adicionar qualquer widget ao seu pop-up. Com o Popup Builder da Elementor, você também pode criar um menu de site criativo como o abaixo:
A Elementor oferece modelos de pop-up para economizar seu tempo na criação de um pop-up. Você também pode usar um modelo se não tiver ideia do design pop-up que deseja criar.
Aqui ! É isso neste artigo que mostra como criar pop-ups com Elementor. Se você tiver alguma dúvida sobre como chegar lá, avise-nos dentro Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
