Se você tem um Blog e quer capturar e-mails dos seus visitantes, um Popup vai ser bem útil, pois irá aumentar as suas conversões.
No artigo de hoje vamos ver como criar uma janela Popup com MailChimp.
Então se você está precisando de um Popup para aumentar sua lista de contatos, de forma rápida e simples, nesse artigo eu trago a solução.
Caso você, assim como eu utilize o Tema Wolf WP para seu Blog saiba que ele já vem com essa função nativa!
Ou seja, você não vai precisar de tudo isso pra criar seu Popup, basta ir em “Opções do Tema > Capturas Secundárias”
Caso não tenha o Tema Wolf WP, pode visualizar a demo no botão abaixo:
Índice de Conteúdo
Como criar um Popup com MailChimp
Caso você não conheça a MailChimp, saiba que ela é uma plataforma muito usada por iniciantes, pois possui um plano grátis que oferece recursos como:
- Automação de Email;
- Criação de Landing Pages;
- Criação de Popups;
- Criação de Anúncios e muito mais.
#1 Criando conta no MailChimp
Caso já tenha uma conta no MailChimp pule para o próximo passo.
Logo para seguir esse tutorial você vai precisar de uma conta nessa plataforma. Para isso basta, Clicar Aqui.
Para criar sua conta é muito simples, basta acessar o link acima e clicar em “Sign Up Free”
OBS.: Infelizmente até o momento, essa plataforma é toda em inglês.
Depois é só informar um e-mail, nome de usuário e senha.
Em seguida você vai receber um e-mail, para poder ativar sua conta. Localize o e-mail e clique em “Activate Account”
Logo após clicar em ativar conta, você será redirecionado para um página, onde vai confirmar que não é um robô.
Se tudo der certo, o MailChimp vai pedir mais algumas informações, como:
- Nome;
- Sobrenome;
- Seu site;
- Endereço e etc.
Pode parecer muita coisa, mas todas essas informações são importantes para a ferramenta e você poderá alterar depois.
Depois que preencher tudo o que é solicitado, você vai ser redirecionado para a tela a seguir:
#2 Como Criar Popup com MailChimp
Com a página acima aberta clique na opção “Lists” no menu superior. A seguinte tela irá carregar:
Neste caso basta clicar em “Add a pop-up form” e a página de criação do Popup irá carrregar.
Caso, ao clicar em “lists” a tela aberta não for igual a imagem acima, e sim igual a imagem a seguir:
Basta selecionar a lista de contatos (no meu caso Escolhi Ser Meu Chefe), e a página seguinte irá abrir:
Clique em “Signup forms”
Selecione a opção “Subscriber pop-up”
E Pronto! O editor de Popup vai abrir conforme a imagem abaixo, e você vai poder criar seu Popup como quiser.
Aqui você pode escolher imagem, editar o texto, selecionar o tipo de Popup, e o mais importante quando ele vai aparecer.
Eu particularmente gosto da opção quando o usuário for fechar a página 😉
Após terminar de criar o seu Popup, você vai precisar gerar o código dele, para inserir no seu blog.
Para isso cliquem em “Generate Code” no canto inferior direito.
Copie o código que vai ser gerado e depois feche a janela e clique em “Publish”
Finalmente vamos ao próximo passo, colocar o Popup no seu Blog WordPress.
#3 Como colocar Popup no WordPress
Agora que você já tem o código do seu Popup do Mailchimp em mãos, vamos colocá-lo no WordPress.
Para isso você vai precisar do Plugin Header Footer Code Manager.
Sua função é inserir códigos no cabeçalho (HEAD) e no rodapé (FOOTER) do nosso site.
Após ter feito a instalação clique em “HFCM > Add New”
Feito isso, a seguinte página vai ser carregada:
Agora basta colar o código que copiou no campo “Snippet/Code” e Clicar em “Save“.
OBS.: No campo “Location” selecione “Header”, e não esqueça de dar um nome para esse código, pois futuramente você poderá não lembrar do que se trata.
Feito isso o seu Popup já estará funcionando de acordo com suas configurações!