Quer abrir um popup lightbox ao clicar em um botão no seu site? Popups lightbox podem ajudar a gerar mais leads direcionados e aumentar sua lista de e-mails.
Se você fizer o popup abrir quando o usuário clicar em um botão, você pode incentivá-lo a se inscrever na sua newsletter, baixar um eBook ou relatório, e obter cupons ou descontos.
Neste tutorial, mostraremos como criar facilmente popups lightbox que abrem ao clicar para aumentar seus assinantes e obter mais leads.
Criando Popups Lightbox do WordPress ao Clicar da Maneira Certa
Popups podem ser uma excelente maneira de gerar conversões e ajudar a crescer negócios mais rápido do que muitos outros métodos.
Uma das maneiras mais eficazes de exibir seu popup é deixar o comportamento do seu usuário acioná-lo. Por exemplo, você pode criar um popup que abre ao clicar em um botão, como no exemplo abaixo:
Desta forma, o usuário não é bombardeado por um popup, mas em vez disso, ele o vê apenas quando demonstra interesse.
Esses popups funcionam bem se usados corretamente. Você pode querer ver como a CodeinWP aumentou as conversões em 1000% usando popups que aparecem ao clicar.
Eles conseguiram fazer isso porque projetaram uma ótima campanha que apareceu onde os usuários tinham maior probabilidade de se interessar pelo popup.
Eles criaram popups personalizados, usaram testes A/B para verificar o que funciona e o que não funciona, e tomaram decisões baseadas em dados. Como resultado, eles alcançaram um sucesso massivo.
A melhor parte é que criar um popup que abre ao clicar é mais fácil do que você imagina. Não requer nenhuma habilidade de codificação ou conhecimento técnico!
A verdade é que qualquer pessoa pode facilmente criar uma campanha de popup de sucesso em poucos minutos usando OptinMonster:
OptinMonster é de longe o melhor plugin de geração de leads do mercado que facilita a criação de campanhas de popup poderosas. E é a maneira mais fácil de criar um popup que aparece ao clicar em um botão.
Em resumo, OptinMonster é sua melhor opção para aumentar sua lista de e-mails, reduzir o abandono de carrinho e melhorar as conversões do site.
Assim como o CodeinWP, existem muitas outras histórias de sucesso do OptinMonster que você pode conferir.
Agora, vamos ver exatamente como você pode criar seu próprio popup lightbox que abre com um clique usando OptinMonster.
Como Abrir um Popup Lightbox ao Clicar
Vamos mostrar como criar um popup visualmente deslumbrante e fazê-lo abrir ao clicar.
A primeira coisa que você precisa fazer é criar uma conta OptinMonster sem risco. Assim que você se inscrever, poderá instalar o plugin OptinMonster em seu site para começar.
Em seguida, você simplesmente precisará seguir os próximos passos.
1. Crie Sua Campanha de Popup
Existem duas maneiras de acessar o painel do OptinMonster para criar campanhas. Você pode fazer login na sua conta no site do OptinMonster e criar uma nova campanha aqui:
Você também pode visitar seu painel de administração do WordPress e selecionar OptinMonster » Dashboard para acessar o mesmo painel.
Ao abrir o painel, você verá opções para criar novos popups, barras flutuantes, slide-ins e mais.
Para criar um popup lightbox, selecione Popup, e o OptinMonster gerará uma lista de modelos prontos para criar sua campanha.
O OptinMonster tem mais de 100 modelos pré-construídos dos quais você pode escolher, todos com ótima aparência em dispositivos móveis, desktops e tablets.
Esses modelos economizam horas de tempo no processo de design. Mas você também tem a opção de construir uma campanha do zero com o modelo Canvas.
Hoje, usaremos o modelo Magnet para este tutorial. Ao selecionar o modelo, um prompt aparecerá onde você pode inserir um nome para sua campanha.
Em seguida, você será direcionado ao editor de campanhas do OptinMonster, onde poderá personalizar o modelo.
2. Projete Sua Campanha de Popup
O OptinMonster possui um editor visual, o que significa que você pode editar o popup como ele apareceria em seu site.
Você pode começar editando o título. Simplesmente selecione o título e as opções de edição de texto aparecerão automaticamente acima.
Agora, você pode substituir o conteúdo pelo seu próprio texto, alterar a cor, o tipo e o tamanho da fonte, e o alinhamento. No painel esquerdo, você também verá um editor de texto que permite alterar o estilo e a cor de fundo, adicionar uma sombra de caixa e mais.
Da mesma forma, você também pode alterar o texto do corpo do popup.
Em seguida, clique na imagem na campanha. O editor de imagens aparece à esquerda, onde você pode substituir a imagem pela sua. Você pode escolher uma imagem da sua biblioteca de mídia ou carregar uma nova do seu computador.
Da mesma forma, você pode escolher o banner roxo e alterar a cor, excluí-lo ou substituí-lo por outra imagem.
No editor de imagens, você verá opções para alterar a opacidade, largura, borda da imagem e muito mais.
Após editar a imagem, você pode editar o botão que diz ‘Baixar meu eBook’. Você pode começar selecionando o botão e o editor de botões será aberto no painel esquerdo. Aqui, você poderá alterar a cor, o texto e o estilo do botão:
Por fim, vá para a aba ‘Sucesso’ para alterar a mensagem a ser exibida aos usuários que se inscreverem. Você poderá substituir o texto e a imagem da mesma forma que fez no editor de pop-up:
Estes são apenas alguns exemplos de como você pode editar suas campanhas OptinMonster, embora existam muitos outros. Para mais ajuda, você pode querer conferir este recurso: Como Criar e Desenhar Sua Primeira Campanha OptinMonster.
Depois de personalizar o popup, é uma boa ideia salvar sua campanha clicando no botão ‘Salvar’ no topo.
3. Definir Regras de Exibição para ‘Ao Clicar’
Agora que sua campanha de popup está pronta, você pode definir uma regra para que ela apareça ao clicar em seu site. Para fazer isso, mude para a aba ‘Regras de Exibição’.
Selecione MonsterLink™ (Ao Clicar) e isso criará uma regra que diz ‘Se o visitante clicou em um MonsterLink™’.
Se você não vir essa opção imediatamente, pode usar a barra de pesquisa no menu de regras de exibição:
Não se esqueça de salvar suas alterações. Essa regra permitirá que você exiba seu popup quando um usuário clicar em um link, botão ou imagem específica em seu site.
4. Adicionar um Provedor de E-mail
A exibição do seu popup ajuda você a coletar endereços de e-mail de seus visitantes para que você possa promover sua marca ou produto, ou se conectar com eles por e-mail.
Por padrão, o OptinMonster usa o Monster Leads para capturar as entradas do formulário do popup. Isso significa que quando alguém insere seu nome e endereço de e-mail em seu popup, ele será automaticamente registrado sob o Monster Leads.
Você poderá visualizar todas essas entradas no seu painel do WordPress e mostraremos como fazer isso assim que sua campanha estiver ativa.
Você também pode integrar a campanha de popup com seu próprio provedor de e-mail, como Constant Contact e SendInBlue.
Ao integrá-lo com seu provedor de e-mail, você pode enviar e-mails automatizados para aqueles que se inscrevem em sua newsletter ou descontos, ou baixam seu eBook, e assim por diante.
Para integrar seu provedor de e-mail, selecione a aba ‘Integrações’ no painel do OptinMonster. Em seguida, clique no botão ‘Adicionar nova integração’:
Em seguida, em ‘Provedor de E-mail’, você pode explorar a lista de integrações de e-mail disponíveis no menu suspenso:
Assim que selecionar seu provedor de e-mail, role para baixo para adicionar notificações e tags às entradas do seu formulário de pop-up para organizar melhor suas campanhas.
Não se esqueça de salvar suas integrações assim que terminar.
5. Publique Sua Campanha
O próximo passo é tornar sua campanha de pop-up ativa em seu site.
Primeiro, certifique-se de salvar sua campanha e, em seguida, clique na aba ‘Publicar’. Aqui, você pode alterar o status da sua campanha de ‘Rascunho’ para ‘Publicado’. Se você ainda não estiver pronto para lançar sua campanha, também pode agendar um horário e data para que a campanha entre em vigor.
Você pode visualizar como a campanha ficará em seu site selecionando o botão ‘Visualizar’. Assim que estiver satisfeito com todas as alterações, salve suas alterações para tornar a campanha ativa.
Para garantir que sua campanha foi publicada, visite a aba OptinMonster » Campanhas no seu painel do WordPress. Se você vir que o status é ‘Pendente’, clique nele para obter um menu suspenso e, em seguida, selecione ‘Publicar’ para tornar sua campanha ativa.
Tudo o que resta é adicionar o URL do seu pop-up a um link clicável em seu site.
6. Adicionar Pop-up On-Click ao Seu Site WordPress
O OptinMonster permite que você adicione o pop-up ao clicar em qualquer texto, botão ou no seu menu principal.
Primeiro, você precisa copiar o MonsterLink™ que criou anteriormente. No painel do OptinMonster, vá para a aba Publicado. Em ‘Plataformas’, você verá uma opção para obter um link compartilhável.
Copie este link e mantenha-o pronto para o próximo passo.
Agora, mostraremos como usar este link para adicionar o pop-up ao clicar em texto, botão ou até mesmo no menu principal do seu site.
1. Adicionar MonsterLink™ a um Botão e Texto
Você pode facilmente adicionar o MonsterLink™ a qualquer texto ou botão no WordPress. Para fazer isso, edite a página ou post onde você deseja adicionar o link.
No editor de blocos, adicione um botão à sua página ou postagem clicando no sinal de (+) e selecionando o bloco de botão. Depois de adicionar um botão, selecione-o para abrir o menu de configurações do bloco. Agora, clique no ícone de link para abrir o campo de link e você pode colar o MonsterLink™ dentro.
Da mesma forma, você pode selecionar qualquer texto em seu site, selecionar o ícone de link e colar o link para incorporar o popup. Quando terminar, Salve ou Publique sua postagem e, em seguida, visualize-a para ver como seu popup funciona.
2. Adicionar MonsterLink™ a um Menu do WordPress
Se você quiser adicionar seu link ao seu menu do WordPress, você pode fazer isso visitando a aba Aparência » Menus no seu painel do WordPress.
Dentro desta página, você pode selecionar 'Links Personalizados' e verá um menu suspenso que permite inserir uma URL e o texto do link.
Cole o MonsterLink™ aqui e adicione o texto do link de acordo com o conteúdo da sua campanha de popup.
Depois de preencher os campos, selecione o botão 'Adicionar ao Menu' e, em seguida, Salve seu menu.
Depois disso, acesse seu site WordPress e você verá que o link para sua campanha de popup ao clicar aparece no seu menu.
Agora, seu popup aparecerá quando um usuário clicar no texto, botão ou item de menu onde você adicionou o MonsterLink™.
Rastreie os Leads da Sua Campanha de Popup e Otimize para o Sucesso
O OptinMonster permite criar popups bonitos para aumentar seus leads e expandir seus negócios, mas isso não é tudo. Ele também ajuda você a rastrear o sucesso de suas campanhas para ver o quão bem elas estão performando.
O OptinMoster usa Monster Leads para registrar todas as entradas do seu formulário de popup. Você pode encontrar a lista de entradas na aba OptinMonster » Assinantes. Você será direcionado para a aba Leads no painel do OptinMonster.
Aqui, você pode ver o nome do assinante, endereço de e-mail e data. Você pode usar o menu de ação para ver mais detalhes, enviar um e-mail para eles ou excluir a entrada deles.
Em seguida, você pode visualizar os dados da sua campanha para ver o quão bem-sucedida ela é. Para isso, você precisa abrir a aba OptinMonster » Campanhas e verá uma lista das campanhas que você criou.
Para visualizar os dados e estatísticas de qualquer campanha, selecione o ícone de análise no menu Ações:
Aqui, você pode ver um gráfico de quantas pessoas visualizaram sua campanha de popup e quantas se inscreveram. Você também pode verificar quais páginas ou links levam às maiores conversões.
Dessa forma, você pode determinar onde o usuário está mais interessado no seu popup.
O OptinMonster também oferece a opção de integrar a campanha com sua conta do Google Analytics.
Com insights acionáveis, você pode fazer alterações na sua campanha para aumentar sua taxa de sucesso de conversões.
É isso! Esperamos que você tenha achado este post útil. Se você gostou deste artigo, talvez também se interesse por:
- Melhores Serviços de E-mail Marketing para Pequenas Empresas
- Melhores Plugins de Geração de Leads para WordPress
- Crie Popups Automatizados de Notificação de Vendas Recentes
Estes artigos estão repletos de informações para ajudar a gerar novos leads, impulsionar mais lucros e expandir seus negócios.
Comentários Deixe uma Resposta