Ir para o conteúdo principal

JetPopup ou Elementor Popup Builder: Qual você escolhe?

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Os primeiros pop-ups foram criados a partir do cenário imaginado por Ethan Zukerman para a hospedagem de sua página na Internet sobre o Tripod nos primeiros anos da 90. Seus usuários reclamaram do número de anúncios que ele colocou no site, então ele decidiu colocar os banners em uma página separada que abriu quando um usuário acessou a página.

Este pequeno pedaço de código ainda não era um popup real, como vemos atualmente em todos os sites, mas foi aí que tudo começou. Em páginas da web modernas, os pop-ups são usados ​​para finalidades diferentes, não apenas para anúncios. Formulários de contato, avisos de política de privacidade e sugestões de assinatura também são frequentemente apresentados como janelas pop-up.

Há duas coisas que incomodam os usuários quando se trata de pop-ups: quando eles pulam em você quando você não os quer; e quando sua aparência difere completamente do estilo do site. Esses dois problemas aparecem quando você usa plugins que não parecem ser da mais alta qualidade.

O maior problema da maioria dos plugins que os desenvolvedores novatos usam para criando pop-ups é a falta de controle sobre a mensagem resultante. No entanto, você pode evitar todos esses problemas se usar o Elementor para criar um site.

Dois plugins incríveis, criados especificamente para o Elementor Page Builder, ajudam a criar pop-ups de todos os tipos, formas e estilos de que você precisa - Construtor Popup Elementor et JetPopup. Como ambos são feitos da mesma carne que era Elementor, a única pergunta a fazer é qual desses plugins escolher. Para ajudá-lo a tomar essa decisão, farei uma revisão completa de ambos e você poderá comparar suas vantagens e desvantagens. Então vamos lá!

Download e instalação

Esse não é o critério mais importante ao escolher o plug-in a ser usado, mas, para testá-lo, você deve primeiro obtê-lo. É por isso que vou começar do começo e descrever o processo para obtê-lo - o preço, o esforço e a simplicidade do processo de instalação.

Construtor de pop-ups

Elementor

Este plugin foi criado pela equipe Elementor. Então poderíamos chamá-lo de seu verdadeiro "filho". Esta é a última atualização da Elementor, lançada em janeiro 2019 para atender as necessidades dos clientes. No entanto, não está disponível para usuários da versão gratuita do Elementor.

O Popup Builder está incluído no plano de assinatura profissional. Então, para ter a capacidade de criar pop-ups, você deve primeiro ter o Elementor Pro. O plano de tarifas mais simples que permite usar toda a variedade de recursos do Elementor para um único site custa US $ 49 por ano. Assim, a partir dos primeiros passos (compra do Elementor Pro), aqui está o algoritmo para obter o Popup Builder:

  • Compre o Pro Elementor Page Builder.
  • Vá para sua conta pessoal e faça o download do plugin.
  • Vá até o painel do seu site, Plugins> Adicionar novo, clique no botão "Carregar plug-in" e escolha o arquivo .zip apropriado.
  • Quando a instalação estiver concluída, ative o plug-in com sua chave de licença.
  • Aqui está o Popup Builder na guia Modelos> Pop-ups.

É um longo caminho, mas com o Popup Builder, você também obtém uma enorme coleção de diferentes elementos do Elementor, como widgets, modelos e outras ferramentas adicionais.

Construtor de pop-ups

JetPopup

A "família" de plugins Jet já tem mais de artigos 10 e JetPopup é um deles. Foi cuidadosamente criado especificamente para Elementor e aumenta o número de suas ferramentas disponíveis. Este plugin é tJetPopupsTotalmente compatível com versões gratuitas e pagas. Você não precisa fazer compras adicionais. O JetPopup custa 15 $ e, uma vez obtido, você pode usá-lo para um único site. Se você precisar de mais de um projeto, poderá comprar o plug-in sob a licença do desenvolvedor (ele custará 45 $) e usá-lo em cinco sites. O algoritmo para obter o plugin é um pouco mais simples:

  • Compre o plugin no Marketplace TemplateMonster. Ele será baixado para o seu computador.
  • Vá até o painel do seu site, Plugins> Adicionar novo, clique no botão "Carregar plug-in" e escolha o arquivo .zip apropriado.
  • Quando a instalação estiver concluída, ative o plug-in.
  • Voila! Quando você abre o menu de personalização Elementor (clicando no botão "Editar com Elementor"), você encontrará a seção JetPopup no menu à esquerda do widget.

JetPopup

Criação de pop-up

Agora, quando as ferramentas estão prontas, posso tentar criar um pop-up com plug-ins e ver como o recurso é simples e compreensível. Em seguida, vou criar um pop-up básico e dar uma olhada nas opções de personalização do Popup Builder e do JetPopup.

Construtor de pop-ups

No Pro Elementor, os pop-ups são feitos separadamente das páginas do site. Para alterar a aparência do site, abra a página para personalizar, clique no botão "Editar com Elementor" e faça as alterações. Mas para criar (e depois editar) popups você tem que ir em Templates> Popups e apertar o botão "Add new popup".

Construtor de pop-ups
Experimente o Popup Builder agora

Na janela aberta, você precisa escolher o modelo que você criará (sim, você pode criar modelos não apenas para pop-ups, mas também para páginas e outros itens) e dar um nome a ele.

criação de popup

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Depois de pressionar o botão "Criar modelo", você será redirecionado para o menu de personalização do Elementor. É mais fácil personalizar um item existente construindo-o do zero. Você, portanto, primeiro será solicitado a escolher um modelo apropriado.

biblioteca pop-ups

Eu escolhi um dos modelos exibidos no topo da lista de bibliotecas. Logo após a escolha, você chega ao campo de trabalho Elementor ao qual provavelmente está acostumado. As opções de personalização são colocadas na barra lateral no lado esquerdo da tela. Você tem três abas aqui.

A aba "Configurações" permite alterar o layout do pop-up, alterar o nome do modelo e a visualização. Na guia "Estilo", você pode personalizar o design - alterar cores, fontes, imagens e bordas. A aba "Avançado" também possui um conjunto de controles deslizantes adicionais; por exemplo, eles impedem o popup de fechar com a tecla ESC.

configurações de pop-up

Como você pode ver - nada inesperado, se você já usou o Elementor, você não encontrará nenhum problema com este plugin. Aqui está um vídeo detalhado que explica como criar uma janela pop-up usando o Popup Builder:

JetPopup

Este plugin também adiciona uma nova guia ao seu painel de controle Tema WordPress e com sua ajuda, os pop-ups também são criados separadamente das páginas. Os pop-ups prontos também são armazenados em uma aba chamada "Biblioteca pop-up". Para criar um novo pop-up, você pode pressionar o botão "Adicionar" no modelo predefinido ou ir para JetPopup> Adicionar novo pop-up, dar um nome para o modelo e pressione "Editar com Elementor".

adicionar novo pop-up

O campo de trabalho é um pouco diferente da norma porque agora você está criando uma janela menor. No menu à esquerda, você pode adicionar qualquer tipo de item ao seu pop-up.

elementos pop-up

O plugin JetPopup adiciona um único item ao menu do widget - um botão de ação pop-up. Isso define o tipo de ação que ocorrerá quando o usuário pressionar o botão.

botão de ação pop-up

editar botão de ação pop-up

Não é realmente fácil abrir as configurações da janela pop-up. Você deve clicar no botão de manutenção na parte inferior do menu. O menu de configurações é bastante semelhante ao Popup Builder, mas existem apenas duas guias para personalização. "Configurações gerais" permite que você defina um efeito de animação, renomeie o modelo ou defina as condições. Na guia "Estilo", você pode alterar layouts, cores, imagens, fontes e bordas.

configurações gerais de pop-up

O JetPopup tem uma funcionalidade um pouco menos óbvia, mas compensa com tutoriais em vídeo detalhados e úteis.

gatilhos

Para ser útil e não incomodar os visitantes, os pop-ups devem aparecer no momento certo. As condições sob as quais o popup é exibido são chamadas de "triggers". Quanto mais detalhadas as condições disponíveis, mais flexível é o plugin popup. A precisão é muito importante se você não quiser que seu usuário saia do site depois que a janela pop-up do formulário de inscrição for exibida.

Construtor de pop-ups

edição do construtor de pop-up

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

publicar pop-up

Este plugin ajuda você a definir as condições necessárias logo após personalizar a janela pop-up. Quando você pressiona o botão "Publicar", você vê a janela na qual você pode definir condições (em quais páginas este popup será exibido), gatilhos (quando a janela pop-up será exibida) e regras avançadas.

O Popup Builder possui seis gatilhos, como rolagem e clique, e sete regras avançadas, como visualização após um determinado número de sessões ou visualização em alguns dispositivos. Triggers e regras avançadas possuem controles deslizantes simples e será muito rápido definir todos os parâmetros desejados.

JetPopup

configurações de pop-up

primeira página de um popup

Todos os gatilhos, condições e eventos de abertura são agrupados nos parâmetros. Depois de clicar no botão de manutenção, você abre as guias de parâmetros e pode definir os acionadores imediatamente. Você pode definir a porcentagem da página após a rolagem, o menu pop-up a ser exibido ou o número de segundos após o qual o usuário verá a mensagem.

A janela só pode ser exibida uma vez ou sempre que o usuário executar determinadas ações (eu não o recomendo muito - isso não deixará os usuários satisfeitos). Você também pode escolher com muita precisão as publicações ou páginas em que esse pop-up de concreto será exibido. Em geral, este plugin é flexível o suficiente para exibir popups com grande precisão.

posicionamento

Os usuários certamente não serão capazes de evitar janelas que saltem diretamente para o centro da tela, mas distraem os visitantes do site e podem ser realmente entediantes. Nem todos os pop-ups devem ser colocados no centro, uma faixa estreita no topo será menos visível, mas pode ser muito mais eficaz. Isso significa que você precisa controlar a posição da janela e poder se mover na tela.

posicionamento

Construtor de pop-ups et JetPopup divida a tela em nove áreas e permita que você coloque seu popup em qualquer uma delas. O posicionamento é definido ao longo das escalas esquerda-direita e cima-baixo. Não é muito flexível, mas é suficiente para um popup.

Efeitos de animação

A maneira como a janela desliza (ou rola ou pula) na página é muito importante. Se a janela se mover muito rápido ou muito devagar, ela não será eficaz. Saltos, cócegas e tremores também devem ser usados ​​com grande precisão. Os efeitos de animação tornam o site mais dinâmico, mas também podem estragar toda a impressão.

Efeitos de animação

Construtor de pop-ups O 36 possui tipos de animação de entrada, incluindo diferentes tipos de arrasto, implantação, zoom, ressalto e rotação em diferentes direções. Tudo isso, juntamente com a duração da animação, pode ser encontrado na seção "Layout" da guia Configurações.

configurações de pop-up de jato

Existem tipos de animação 13 no plugin JetPopup, incluindo fades, inversão vertical, slides diferentes, saltando e zoom. Você os encontrará na seção "Configurações" da guia Configurações.

modelos

Em alguns casos, você deseja criar uma janela pop-up com uma estrutura específica e saber exatamente como ela deve ser. Mas esta é uma oportunidade rara; com muito mais frequência, você não tem ideia de quais elementos seu pop-up deve conter. É aqui que os modelos são úteis. Mesmo que você não use nenhuma das amostras pré-configuradas, o processamento delas pode fornecer uma boa visão geral. E, claro, personalizar um item pronto é muito mais rápido e fácil do que criá-lo do zero.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

Biblioteca de modelos Elementor

Construtor de pop-ups adicionou uma categoria à biblioteca de modelos Elementor. Como eu já disse, você pode vê-lo desde o início do novo processo de criação de uma janela pop-up. A variedade de modelos pop-up é grande o suficiente; existem mais que artigos 100. No canto superior esquerdo, uma ferramenta de classificação suspensa permite acelerar sua pesquisa. As categorias são compreensíveis e não levará muito tempo para encontrar o pop-up que você precisa.

biblioteca de predefinições de pop-ups de jato

JetPopup também tem uma enorme biblioteca de modelos. Todos são armazenados na guia Biblioteca contextual e possuem recursos convenientes, como o botão de visualização e o contador de uso. Existem mais opções de classificação, a lista pode ser configurada para exibir um tipo específico de modelos e, em seguida, ser colocada em qualquer ordem; por exemplo, dependendo da data de criação. Eu não posso te dizer o número exato de modelos disponíveis, mas certamente há mais de 100.

Tabela de comparação

Construtor Popup ElementorJetPopup
Preço45 $15 $
modelos100 +100 +
gatilhosGatilhos 6, regras avançadas 75 eventos abertos com parâmetros adicionais
AnimatioTipos 36Tipos 13
Tutoriaisdocumentaçãodocumentação, tutoriais em vídeo 9

JetPopup vs Construtor de pop-ups

Conclusão

Não sei dizer qual desses dois plugins é o melhor; é muito complicado julgá-los. Cada caso e cada pessoa tem seus próprios requisitos para a escolha de plugins. Eu acho que você deve definir você mesmo - qual destes dois será o melhor para você? Desejo-lhe boa sorte para adicionar um pop-up impressionante ao seu site!

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

Cool WordPress temas que eu encontrei em
E há mais temas e modelos 50 000 para você escolher!

De volta ao topo
1 ações
ação1
chilrear
Enregistrer
Whatsapp