Sitemap Alternar menu

Crie pop-ups de alta conversão: Popup Maker e Beaver Builder

Publicados: 2024-03-15

25% de desconto em todos os produtos Beaver Builder... Aproveite! Saber mais

Popup Maker Integration with Beaver Builder
  • Construtor de Castor

Crie pop-ups de alta conversão: Popup Maker e Beaver Builder

Os pop-ups são uma ferramenta poderosa para chamar a atenção dos visitantes do seu site e gerar conversões. Mas criar pop-ups visualmente atraentes e eficazes pode consumir muito tempo. É aí que entra a poderosa dupla Beaver Builder e Popup Maker!

Com o Beaver Builder 2.8, introduzimos uma integração com o Popup Maker, um plugin do WordPress que permite aos usuários criar e gerenciar pop-ups em seus sites sem esforço. Essa integração permite que você use nosso construtor de páginas para projetar o conteúdo de seus pop-ups. Ele também renderiza um pop-up dentro do Beaver Builder durante a edição, além de fornecer a capacidade de selecionar um pop-up no campo do link para acionar um pop-up quando um link for clicado.

Nesta postagem do blog, vamos nos aprofundar na integração do Beaver Builder e do Popup Maker, explorando como essa dupla dinâmica ajuda você a criar pop-ups atraentes e de alta conversão com facilidade e flexibilidade.

  • Criador de pop-ups e construtor de castores
  • Como adiciono um pop-up no Beaver Builder?
    1. Etapa 1: instalar e ativar os plug-ins Beaver Builder e Popup Maker
    2. Etapa 2: crie um novo pop-up no Popup Maker
    3. Etapa 3: crie seu conteúdo pop-up usando o Beaver Builder
    4. Etapa 4: exiba seu pop-up
  • Liberte o potencial dos pop-ups

Criador de pop-ups e construtor de castor

Está lutando para criar pop-ups cativantes que ressoem com seu público? Não procure mais, Popup Maker e Beaver Builder!

Esta poderosa integração abre um mundo de possibilidades criativas. Arraste e solte até pop-ups visualmente impressionantes usando a interface intuitiva do Beaver Builder, tudo dentro do fluxo familiar de criação do seu site:

Os recursos avançados do Popup Maker, como gatilhos e segmentação, permitem que você exiba a mensagem certa para o público certo, no momento certo. Essa integração dinâmica permite aproveitar os pontos fortes desses dois plug-ins populares:

  • Design sem esforço: livre-se das limitações dos modelos pop-up pré-construídos. Com o Beaver Builder, você obtém a liberdade de edição visual que deseja. Arraste, solte e personalize seus pop-ups usando a interface intuitiva do Beaver Builder.
  • Fluxo de trabalho contínuo: crie seus pop-ups diretamente nos layouts do Beaver Builder. Não há necessidade de alternar entre diferentes interfaces. Isso agiliza seu fluxo de trabalho e permite que você veja seus pop-ups no contexto do design geral da página.
  • Flexibilidade incomparável: os módulos do Beaver Builder permitem criar pop-ups envolventes e interativos. Incorpore vídeos, adicione formulários, mostre imagens e crie botões de call to action – tudo dentro do conhecido editor Beaver Builder.

A seguir, orientaremos você na criação de um pop-up no Popup Maker. Em seguida, mostraremos como vincular perfeitamente um módulo do Beaver Builder ao seu pop-up, permitindo projetar visualmente seu conteúdo com a funcionalidade familiar de arrastar e soltar.

Como adiciono um pop-up no Beaver Builder?

Adicionar um pop-up no Beaver Builder é um processo simples que permite envolver os visitantes do seu site de maneira eficaz. Aqui está um guia passo a passo para ajudá-lo no processo:

Etapa 1: instalar e ativar os plug-ins Beaver Builder e Popup Maker

Comece garantindo que os plug-ins Beaver Builder e Popup Maker estejam instalados e ativados em seu site WordPress.

Depois de instalar e ativar o plugin Popup Maker, o tipo de postagem do Popup Maker (pop-ups) será ativado automaticamente nas configurações do Beaver Builder.

Você pode localizar essa configuração no painel de administração do WordPress em Configurações > Beaver Builder > Tipos de postagem :

Etapa 2: crie um novo pop-up no Popup Maker

Para criar um novo pop-up, vá até o painel do WordPress e navegue até Popup Maker > Criar Popup . Dê ao seu pop-up um nome descritivo para facilitar a identificação:

Criador de pop-up: crie um novo pop-up

Role para baixo para definir a aparência do pop-up usando o painel de configurações. Defina gatilhos para determinar quando o pop-up aparece e configure regras de exibição para direcionar páginas, funções de usuário ou dispositivos específicos:

Aqui você pode escolher entre os seguintes tipos de gatilhos:

  • Clique em Abrir : exibe um pop-up com um clique
  • Atraso de tempo/abertura automática : exibe um pop-up após um período de tempo
  • Envio de formulário : exibe um pop-up após o envio de um formulário
  • Intenção de saída (premium): exibe um pop-up quando alguém move o cursor para fora do corpo de uma página
  • Rolagem (premium): exibe um pop-up quando alguém rola para baixo uma porcentagem da página ou quando um elemento aparece

Para obter mais informações sobre como adicionar um gatilho, consulte este artigo do Popup Maker: Adicionar um gatilho de pop-up.

Etapa 3: crie seu conteúdo pop-up usando o Beaver Builder

É aqui que a mágica acontece! Liberte a sua criatividade usando a interface intuitiva do Beaver Builder:

crie pop-up com o construtor castor e o criador de pop-up

Clique na guia Beaver Builder para iniciar o editor. Aqui você poderá projetar seu layout pop-up. Arraste e solte vários módulos do Beaver Builder para estruturar o conteúdo do seu pop-up. Adicione texto, imagens, formulários e estilize seu pop-up para combinar com a marca do seu site:

  • Módulos de texto: crie títulos atraentes, descrições informativas e frases de chamariz claras.
  • Módulos de imagem: mostre imagens de produtos relevantes, membros da equipe ou adicione interesse visual.
  • Módulos de vídeo: incorpore vídeos cativantes para chamar a atenção e explicar sua mensagem de maneira eficaz.
  • Módulos de formulário: capture leads valiosos incluindo formulários de aceitação ou formulários de contato.
  • Módulos Box: Adicione layouts Flexbox e CSS Grid aos layouts do Beaver Builder Page Builder.
  • Módulos de call to action (CTA): crie botões proeminentes que incentivam os visitantes a realizar a ação desejada, seja assinar seu boletim informativo, baixar um e-book ou fazer uma compra.

Além disso, você pode utilizar o recurso Estilos Globais do Beaver Builder para manter a consistência do design em seus pop-ups e site.

Clique em CONCLUÍDO e PUBLICAR quando o design do pop-up estiver concluído.

Etapa 4: exiba seu pop-up

A última etapa é exibir seu pop-up na página. Basta selecionar um módulo dentro do layout do Beaver Builder que suporte vinculação, como um módulo Button ou Callout.

Em seguida, no painel de configurações do módulo, navegue até a opção “Link”. Clique em “Selecionar”, localize o pop-up que você criou no Popup Maker e escolha-o na lista:

Configurações de link do módulo de botão do Beaver Builder

Salve suas configurações e pronto! Seu pop-up agora está vinculado e pronto para envolver seu público.

Liberte o potencial dos pop-ups

Ao combinar o poder de design do Beaver Builder com a funcionalidade do Popup Maker, você pode criar pop-ups de alta conversão que se integram perfeitamente ao design do seu site. Aqui estão alguns exemplos:

Pop-ups de boas-vindas

Os pop-ups de boas-vindas são uma maneira fantástica de cumprimentar novos visitantes do seu site e incentivá-los a ingressar na sua lista de e-mail. Ofereça um código de desconto atraente, oferta exclusiva ou brinde em troca do endereço de e-mail. Ao fornecer valor imediato, você pode incentivar os visitantes a se envolverem ainda mais com sua marca e permanecerem conectados para atualizações e promoções futuras.

Pop-ups de intenção de saída

Não deixe que potenciais leads escapem! Os pop-ups de intenção de saída são projetados para chamar a atenção dos visitantes que estão prestes a sair do seu site. Esses pop-ups são acionados quando o cursor do mouse do usuário se move em direção ao botão de saída do navegador, sinalizando a intenção de sair. Aproveite este momento oportuno para apresentar uma oferta de última hora, mostrar conteúdo valioso que eles possam ter perdido ou fornecer um incentivo especial para incentivá-los a ficar ou retornar no futuro. Ao aproveitar os pop-ups de intenção de saída de maneira eficaz, você pode transformar visitantes abandonados em clientes e assinantes engajados, aumentando, em última análise, suas conversões e taxas de retenção.

Pop-ups acionados por rolagem

Envolva os visitantes enquanto eles exploram seu site com pop-ups acionados por rolagem. Esses pop-ups aparecem quando um usuário rola até um ponto específico de uma página, capturando sua atenção no momento em que ele está ativamente envolvido com seu conteúdo. Use pop-ups acionados por rolagem para promover ofertas especiais, incentivar inscrições em boletins informativos ou direcionar os visitantes a páginas de produtos relevantes com base em seu comportamento de navegação.

Estes são apenas alguns exemplos dos tipos de pop-ups que você pode criar usando o Popup Maker e o Beaver Builder. Com seus recursos de design flexíveis e recursos poderosos, você pode personalizar seus pop-ups para atender às suas metas e objetivos específicos, seja aumentando sua lista de e-mail, promovendo ofertas especiais ou coletando feedback de seu público.

Pronto para levar seus pop-ups para o próximo nível? Integre o Beaver Builder e o Popup Maker para desbloquear um mundo de possibilidades criativas e ver suas conversões dispararem.

Nosso boletim informativo

Nosso boletim informativo é escrito pessoalmente e enviado uma vez por mês. Não é nem um pouco chato ou spam.
Nós prometemos.

Junte-se ao boletim informativo

Experimente o Beaver Builder hoje

Beaver Builder