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 da web no 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 era aberta quando um usuário acessava a página.

Esse pequeno pedaço de código ainda não era um pop-up real, como vemos atualmente em todos os sites, mas foi quando tudo começou. Nas páginas da web modernas, os pop-ups são usados ​​para diferentes propósitos, 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 deseja; e quando sua aparência difere completamente do estilo do site. Esses dois problemas aparecem quando você usa plug-ins que não parecem ser da mais alta qualidade.

O maior problema da maioria dos plugins que desenvolvedores iniciantes 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 plug-ins 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 os dois são feitos da mesma carne que a 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 experimentá-lo, você deve obtê-lo primeiro. É por isso que vou começar do início 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 do Elementor, lançada em janeiro do 2019 para atender às necessidades dos clientes. No entanto, ele 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. Portanto, para poder criar pop-ups, você deve primeiro ter o Elementor Pro. O plano de tarifas mais simples que permite o uso de toda a variedade de recursos da Elementor em um único site custa US $ 49 por ano. Assim, desde os primeiros passos (compra do Elementor Pro), eis o algoritmo para obter o Popup Builder:

  • Compre o Pro Elementor Page Builder.
  • Vá para sua conta pessoal e faça o download do plug-in.
  • Vá para o painel do seu site, Plugins> Adicionar novo, clique no botão "Upload plugin" 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 Criador de pop-ups localizado 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á possui mais de artigos 10 e o JetPopup é um deles. Foi cuidadosamente criado especificamente para a 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 em um único site. Se você precisar dele para mais de um projeto, poderá comprar o plug-in sob a licença do desenvolvedor (custará 45 $) e usá-lo em cinco sites. O algoritmo para obter o plugin é um pouco mais simples:

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

JetPopup

Criação de pop-up

Agora, quando as ferramentas estão prontas, posso tentar criar um pop-up com os dois plugins 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 JetPopup.

Construtor de pop-ups

Os pop-ups do Pro Elementor 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 editar) pop-ups, você deve ir em Modelos> Pop-ups e clicar no botão "Adicionar novo pop-up".

Construtor de pop-ups
Experimente o Popup Builder agora

Na janela aberta, você precisa escolher o modelo que 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 Elementor. É mais fácil personalizar um item existente, construindo-o do zero. Portanto, primeiro você será solicitado a escolher um modelo apropriado.

biblioteca pop-ups

Eu escolhi um dos modelos exibidos no topo da lista da biblioteca. 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 guias aqui.

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

configurações de pop-up

Como você pode ver - nada de inesperado, se você já usou o Elementor, 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 plug-in também adiciona uma nova guia ao seu painel de 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 guia chamada "Biblioteca de pop-ups". Para criar um novo pop-up, pressione o botão "Adicionar" no modelo predefinido ou vá para JetPopup> Adicionar novo pop-up, dê uma nome ao 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 esquerdo, 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 definir um efeito de animação, renomear o modelo ou definir as condições. Na guia "Estilo", você pode alterar layouts, cores, imagens, fontes e bordas.

configurações gerais de pop-up

O JetPopup possui 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 pop-up é exibido são chamadas de "gatilhos". Quanto mais detalhadas as condições disponíveis, mais flexível é o plug-in pop-up. A precisão é muito importante se você não deseja que seu usuário saia do site após a janela pop-up do formulário de inscrição aparecer.

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 plug-in ajuda a definir as condições necessárias logo após a personalização da janela pop-up. Quando você pressiona o botão "Publicar", você vê a janela na qual pode definir condições (em quais páginas esse pop-up 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 exibição após um número definido de sessões ou exibição em alguns dispositivos. Disparadores e regras avançadas têm interruptores 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 gatilhos 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 os quais o usuário verá a mensagem.

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

posicionamento

Os usuários certamente não serão capazes de evitar janelas que saltam diretamente para o centro da tela, mas eles distraem os visitantes do site e podem ser muito chatos. Nem todos os pop-ups devem ser colocados no centro, uma fita estreita na parte superior 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 pop-up em qualquer uma delas. O posicionamento é definido nas escalas esquerda-direita e cima-baixo. Não é muito flexível, mas é suficiente para um pop-up.

Efeitos de animação

A maneira como a janela desliza (ou rola ou salta) na página é muito importante. Se a janela se mover muito rápido ou muito lentamente, 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, rejeição e rotação em diferentes direções. Tudo isso, junto 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 desbotamento, inversão vertical, slides diferentes, salto 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 idéia de quais elementos seu pop-up deve conter. É aqui que os modelos são úteis. Mesmo se você não usar nenhuma das amostras pré-configuradas, o processamento delas poderá fornecer uma boa visão geral. E, é claro, personalizar um item pronto é muito mais rápido e fácil do que construí-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á lhe 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 de 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 demorará 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 depois colocada em qualquer ordem; por exemplo, dependendo da data de criação. Não sei dizer o número exato de modelos disponíveis, mas certamente existem mais que o 100.

Tabela de comparação

Construtor Popup ElementorJetPopup
Preço45 $15 $
modelos+100+100
gatilhosGatilhos 6, regras avançadas do 7Eventos abertos 5 com parâmetros adicionais
AnimatioTipos 36Tipos 13
Tutoriaisdocumentaçãodocumentação, tutoriais em vídeo do 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 por conta própria - qual desses dois será o melhor para você? Desejo-lhe boa sorte para adicionar um pop-up impressionante ao seu site!

Este artigo contém comentários 0

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.

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