Como Criar e Configurar um Popup no WordPress com PopupAlly



Como Criar e Configurar um Popup no WordPress com PopupAlly

Os popups são ferramentas comuns e que fazem parte da estratégia de sites, lojas e blogs para ganhar a atenção de seus visitantes. Muitas vezes informando sobre promoções, posts destacados e ainda – um dos usos mais recomendados – para capturar assinantes e assim, e-mails.

Se você está precisando trabalhar com popups para aumentar a sua lista de contatos, quer algo prático, rápido e de qualidade, o CanalWP trouxe a solução certa para você. Neste post você vai aprender a criar e configurar um popup no WordPress com PopupAlly.

PopupAlly

Como Criar e Configurar um Popup no WordPress com PopupAlly - Plugin PopupAlly

O plugin PopupAlly soma hoje um número de mais de 10 mil usuários ativos e oferece uma forma bastante rápida de trabalhar com popups para capturar contatos. Ele possui 2 versões, sendo uma Free e outra PRO. A versão gratuita (Free) permite criar e configurar até 2 popups – vamos trabalhar com essa versão neste tutorial.

As vantagens do PopupAlly são muitas. Ele é Mobile friendly, Responsivo, compatível com qualquer tema e ainda, compatível com a maioria dos serviços de e-mail marketing – como: MailChimp, AWeber, ConvertKit, Infusionsoft, Ontraport, ActiveCampaign, GetResponse, ConstantContact, CampaignMonitor, TotalSend, Emma, iContact, MailerLite, MadMimi, MailPoet, FeedBlitz e com qualquer outro sistema que forneçam o código de ativação HTML.

Veja Como Instalar e Ativar um Plugin no WordPress para não ter dúvidas de como adicionar o PopupAlly ao seu WordPress.

Baixar | Hospedagem

Criando e Configurando Popups

Assim que o plugin PopupAlly for instalado e ativado em seu WordPress, um novo item de menu será adicionado à sua Dashboard. Clique em PopupAlly para acessar as configurações.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Item de Menu do PopupAlly

Para quem seja possível criar popups com o PopupAlly é necessário que primeiramente o plugin esteja integrado com uma plataforma ou serviço de e-mail marketing. Como muitas pessoas começam com MailChimp, irei demonstrar a integração com esse sistema. É muito simples!

O que o PopupAlly faz é integrar o formulário do MailChimp – permitindo customizá-lo diretamente em seu site WordPress -, dentro dos seus popups. Então, é preciso que tenha ou crie uma lista contatos no MailChimp para receber os dados dos visitantes que irão preencher o formulário de captura. Para isso, recomendo que você confira o nosso Guia Completo de Como Usar MailChimp no WordPress, onde você vai encontrar um guia de como pode criar suas listas de contato dentro da plataforma.

Recomendo que você mantenha 2 abas abertas em seu navegador, uma com Dashboard do seu site aberta na página de configurações do PopupAlly e outra, para acessar o MailChimp e realizar os passos que mostro a seguir.

Integração com MailChimp

Faça login em sua conta MailChimp e acesse as suas listas de contato (menu Lists).

Nas opções da lista que deseja integrar ao PopupAlly, escolha Signup forms.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Integracao MailChimp

Depois, selecione a opção General Forms clicando no botão Select.

Como Criar e Configurar um Popup no WordPress com PopupAlly - MailChimp Configurando Campos do Formulario

Aqui você deve adicionar ou deletar campos do formulário de captura que irá utilizar no popup que vamos criar com o PopupAlly. Para esse tutorial vou utilizar apenas 2 campos no meu formulário: nome e e-mail.

Como Criar e Configurar um Popup no WordPress com PopupAlly - MailChimp Adicionando e Deletando Campos do Formulario

Com os campos básicos do formulário devidamente adicionados, volte para o menu Lists. Acesse novamente Signup forms nas opções da lista que será integrada ao PopupAlly. Então, na página que será exibida, escolha a opção Embedded forms.

Na página de Embedded forms você terá uma pré-visualização do formulário de contato, com os campos que acabou de configurar.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Codigo para Integracao do Formulario MailChimp com o PopupAlly

Então Copie o código exibido e volte para a Dashboard do seu site WordPress.

Na página de configuração do plugin PopupAlly que acessamos antes, clique na opção Style Settings. Escolha um popup para adicionar o código e clique na aba para que o local de inserção do código se expanda.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Pagina de Configuracao do Popup Style Settings

Cole o código que você acabou de copiar no MailChimp para a área Sign Up HTML.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Area para Colar o Codigo HTML do MailChimp

Assim que o código for adicionado ao plugin, você perceberá que os campos de nome e e-mail serão automaticamente reconhecidos.

Estilizando seu Popup

Ainda dentro da aba Style Settings – onde você acaba de colar o código que copiou do MailChimp, você pode escolher entre os 2 temas disponíveis que o PopupAlly oferece na versão gratuita do plugin.

A Tried-and-true é a versão mais utilizada para popups quadrados.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Template do Popup Tried and true

A Express yourself é uma versão mais “fininha” para quem quer trabalhar com o estilo horizontal.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Template do Popup Express yourself

As opções que você encontrará depois em Customization são para que você customize mais detalhadamente seu popup e o formulário de captura dentro dele.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Customizacao do Popup e Formulario de Captura

Você pode escolher cor de background ou uma imagem. Pode também definir as dimensões do popup, textos, fontes, cores e outras várias opções.

Depois de definir a parte visual do seu popup, clique no botão Save Changes para armazenar todas as suas customizações.

Configurações Gerais

Ainda na página de configurações do PopupAlly, podemos definir as Configurações Gerais para o funcionamento do seu popup.

Na aba Display Settings você deve definir qual será o tipo do seu popup.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Configuracao Tipo do Popup

Você pode selecionar as 2 opções ou apenas 1, elas são:

  • Exit-intent popup – Aquele que é exibido quando o visitante tem a intenção de sair do site;
  • – É exibido após alguns segundos que o visitante acessa o site.

Ainda existe a Embedded opt-in, mas essa opção não funciona como um popup. Ela integra o formulário configurado em suas páginas e posts, como parte da página.

 

Como Criar e Configurar um Popup no WordPress com PopupAlly - Configuracao dos Segundos para Time-delayed

Para Time-delayed é necessário informar após quantos segundos o popup deve ser exibido. Se adicionar 0 será exibido imediatamente na abertura do site e se -1 você desativa a exibição do mesmo.

Rolando essa mesma página mais para baixo, você encontra a opção de escolher em quais páginas e posts o popup deve ser exibido, ou se deseja mostrar em todo o site.

Logo abaixo você vai encontrar a área com o título How to stop showing this popup. Aqui você deve definir uma regra de dias para o popup. Isso é imprescindível para que seu popup não comece a chatear seus visitantes, sendo exibido todas as vezes que eles voltam ao seu site.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Configuracao sobre a Frequencia de Exibiçao do Popup

  • Defina um número de dias para controlar a frequência com que o mesmo visitante veja o popup novamente. Exemplo: 7 dias;
  • Defina como 0 para que o popup seja exibido após o navegador ser fechado e aberto novamente;
  • Deixe como -1 apenas quando estiver testando o funcionamento do popup no WordPress, pois essa opção mostrará o popup sempre que a página for carregada.

O PopupAlly permite que você defina também uma página de agradecimento, para a qual seus visitantes, ao preencherem o formulário no popup, podem ser redirecionados.

Basta marcar o checkbox e escolher uma das páginas.

Como Criar e Configurar um Popup no WordPress com PopupAlly - Redirecionar para Pagina de Agradecimento

Se você quiser integrar a página de agradecimentos diretamente com o MailChimp ou com qualquer outro serviço de e-mail, isso também é possível. Você precisa apenas acessar as configurações do formulário de captura e lá definir a página de agradecimento que já existe em seu site!

Como Criar e Configurar um Popup no WordPress com PopupAlly - Redirecionar para Pagina de Agradecimento pelo MailChimp

Observação: o PopupAlly fornece um código no final da área para redirecionar à página de agradecimento. Você deve utilizá-lo apenas se trabalha com a plataforma LeadPages.

Finalizando todas as configurações e customizações para o seu popup com PopupAlly, clique no botão Save Changes para que nada seja perdido.

Agora, acesse seu site e teste as configurações que acabou de realizar.

Conclusão

O plugin PopupAlly é a ferramenta que pequenos e médios sites WordPress necessitam para iniciar o trabalho com popups. Ele tem um customizador para trabalhar layout, bastante amigável e fácil de configurar, bem como traz tipos diferentes de popup – onde você pode escolher quando a exibição do mesmo deve acontecer.

PopupAlly é ótimo para realizar o “casamento” entre popup e formulário de captura, pois traz toda a base que você precisa, para que em poucos minutos tudo esteja configurado e funcionando. Faça seus testes e comece a usufruir da versatilidade e qualidade desse plugin.

Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.

fonte: canalwp.com

Share this post

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *