Conteúdo VIP

Insira o seu e-mail abaixo para receber gratuitamente as atualizações do blog!

Não enviamos spam. Seu e-mail está 100% seguro!

Como criar um Popup para seu Blog com MailChimp

Como criar um Popup para seu Blog com MailChimp

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:

 

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

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Como criar um popup com mailchimp

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”

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - confirmação de conta mailchimp

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:

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Como criar um Popup MailChimp

#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:

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Criando popup com Mailchimp

 

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:

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Lista de contato Mailchimp

Basta selecionar a lista de contatos (no meu caso Escolhi Ser Meu Chefe), e a página seguinte irá abrir:

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - contatos MailChimp

Clique em “Signup forms

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Criando pop up com Mailchimp

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.

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Criador de Popup Mailchimp

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.

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Codigo de popup Mailchimp

Copie o código que vai ser gerado e depois feche a janela e clique em “Publish

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Publicar popup Mailchimp

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.

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Plugin WordPress para Inserir codigo no site

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”

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - HFCM

Feito isso, a seguinte página vai ser carregada:

Escolhi ser meu chefe - Como criar um Popup para seu Blog com MailChimp - Inserindo Popup no Wordpress

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!

Tags: |

Conteúdo VIP

Insira o seu e-mail abaixo para receber gratuitamente as atualizações do blog!

Não enviamos spam. Seu e-mail está 100% seguro!

Sobre o Autor

Igor Thierry
Igor Thierry

Desenvolvedor Web FullStack, atualmento trabalhando com desenvolvimento de aplicativos Mobile. Investidor de longo prazo e Trader nas horas vagas.

0 Comentários

Deixe um comentário

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

Este site utiliza Cookies e Tecnologias semelhantes para melhorar a sua experiência. Ao utilizar nosso site você concorda que está de acordo com a nossa Política de Privacidade.