Como adicionar um pop-up do Mailchimp ao WordPress [duas maneiras fáceis!]

Publicados: 2023-01-26

Quer adicionar um pop-up do Mailchimp ao WordPress? Este guia mostrará como usar o WordPress para adicionar um pop-up Mailchimp hoje com dois métodos fáceis!

Tempo aproximado de leitura : 5 minutos

Usar o Mailchimp para incorporar formulários pop-up é uma maneira fácil de adicionar assinantes à sua lista de emails de newsletter.

Mas, colocar o pop-up do Mailchimp no seu site? Não parece tão fácil.

Na verdade, é muito mais simples do que parece. E este guia fornecerá a você um formulário pop-up Mailchimp em seu site WordPress hoje de duas maneiras: com Mailchimp e com Formidable Forms .

Formidable Forms é o melhor plugin do WordPress Form Builder. Obtenha gratuitamente!

Vamos começar.

Como adicionar um pop-up Mailchimp ao WordPress com Mailchimp
Como remover um formulário pop-up do Mailchimp no WordPress
Uma maneira mais fácil de adicionar um formulário pop-up do Mailchimp ao WordPress

Como adicionar um pop-up Mailchimp ao WordPress com Mailchimp

Primeiro, mostraremos como fazer isso com um tutorial do Mailchimp.

Dessa forma, você pode ter todas as opções e usar o que for melhor para você.

Primeiro, acesse sua conta do Mailchimp e clique em Criar → Formulário de inscrição → Formulário pop-up .

Em seguida, escolha a qual público seus assinantes serão atribuídos quando se inscreverem e clique em Iniciar .

Sinta-se à vontade para personalizar seu pop-up de assinante para corresponder ao que seu público do Mailchimp e os assinantes do Mailchimp esperariam.

Quando terminar, clique no botão Conectar site na parte superior da página.

Clique em Conectar site na parte superior da página

Em seguida, insira o URL do seu site e o Mailchimp gerará um código. Copie isso e adicione o código pop-up do Mailchimp ao WordPress no <head> do seu site.

Em seguida, vá para o painel do WordPress para incorporar seu pop-up do Mailchimp no WordPress.

Para fazer isso, você tem algumas opções, dependendo da sua configuração:

Edite os arquivos do seu site manualmente
Use o editor do seu tema
Instalar e usar um plug-in de terceiros

1. Edite os arquivos do seu site manualmente

No painel do WordPress, vá para Aparência → Editor e encontre o arquivo header.php .

Você deve ver sua tag <head> localizada próximo ao topo do seu arquivo, entre as tags <html> e <body>.

Cole o código do Mailchimp entre as tags de abertura e fechamento <head>.

Salve suas alterações e volte ao Mailchimp para verificar sua conexão clicando no botão Verificar conexão .

Se tudo estiver bem, agora você sabe como incorporar um formulário pop-up do Mailchimp no WordPress!

2. Use o editor do seu tema

A maioria dos temas tem um editor embutido para ajustar os arquivos do seu site facilmente.

Dependendo do seu tema, variará a localização do editor. No entanto, usar seu editor seguirá etapas semelhantes às que mostramos acima.

Portanto, encontre seu <head> e insira seu código Mailchimp entre as tags e verifique a conexão com o Mailchimp.

3. Instale e use um plug-in de terceiros

Se editar os arquivos do seu site deixa você nervoso, um plugin pode fazer o truque.

Há muitos para escolher na biblioteca de plug-ins do WordPress, mas uma opção popular é o WPCode, que torna muito mais simples editar seu código.

Depois de instalá-lo e ativá-lo em seu site WordPress, basta acessar a seção Cabeçalho e Rodapé , colar seu código e salvar.

O WPCode oferece uma maneira fácil de adicionar seu código

E é isso!

Volte para o Mailchimp e verifique a conexão, e você estará pronto! E é assim que você adiciona um formulário pop-up no Mailchimp.

Mas que tal removê-lo?

Como remover um formulário pop-up do Mailchimp no WordPress

Para remover seu formulário incorporado do Mailchimp, você precisará remover o trecho de código que colou em sua tag <head>.

Portanto, usando um dos três métodos listados acima, acesse o painel do WordPress e remova o código.

Depois de removido, seu site estará livre do Mailchimp.

Uma maneira mais fácil de adicionar um formulário pop-up do Mailchimp ao WordPress

Vamos abordar o elefante na sala aqui.

Editar o código do seu site pode ser intimidador . Especialmente se você não tem experiência com isso, nunca vai querer bagunçar seu site. E como não há plug-in do Mailchimp para seus formulários de inscrição do Mailchimp, você deve fazer isso.

Mas existe uma solução mais simples: use Formidable Forms e OptinMonster .

Obtenha formulários formidáveis agora!

O Formidable Forms possui integração com o Mailchimp, facilitando a criação de formulários do Mailchimp. E o OptinMonster é o plugin líder para criar pop-ups. Assim, com os dois combinados, você obtém tudo o que o Mailchimp oferece e (muito) mais!

É tão simples. São apenas três passos fáceis:

Crie seu formulário
Crie seu pop-up usando o OptinMonster
Publique o pop-up em seu site

Então, vamos aprender como adicionar um pop-up de assinante do Mailchimp ao WordPress.

Passo 1: Crie seu formulário

Depois de instalar e ativar Formidable Forms e OptinMonster em seu site, você só precisa instalar o add-on Mailchimp.

Em seguida, vá para Formidável → Formulários → Adicionar novo no painel do WordPress.

Em seguida, escolha um dos modelos pré-fabricados do Formidable ou um formulário em branco . Em seguida, dê um nome ao seu formulário e clique em Criar .

Você pode personalizar seu formulário em seu site da maneira que quiser usando o criador de formulários de arrastar e soltar do Formidable. Por exemplo, você pode adicionar campos de formulário Texto, E-mail e Parágrafo para criar um formulário de contato simples.

Construtor de arrastar e soltar do Formidable

Clique em Atualizar para salvar suas alterações assim que terminar de criar seu formulário.

Por último, clique em Incorporar → Inserir manualmente e copie o shortcode do WordPress . Você precisará disso na próxima etapa.

Etapa 2: crie seu pop-up usando o OptinMonster

Vá para OptinMonster em seu painel e crie uma nova campanha.

Escolha Pop -up e clique em Criar novo .

Dentro do construtor de pop-up do OptinMonster, procure o pop-up Canvas . Em seguida, clique em Usar modelo e dê um nome à sua campanha.

Exclua todos os elementos da tela . Encontre a lixeira no canto superior direito do bloco e clique nela.
Clique no bloco Colunas e arraste-o para a tela.
Na guia Blocos , adicione um bloco HTML .
Cole o shortcode da etapa anterior no bloco HTML .
Salve seu formulário.

Em seguida, só precisamos configurar quando o pop-up é exibido.

Configurar regras de exibição pop-up

Clique em Exibir Regras no topo da página do OptinMonster.

Você tem algumas opções para exibir seu pop-up, mas mostraremos como com o Time on Page .

Então, clique na guia Popular e encontre Time on Page . Você pode personalizar o período de tempo até que seja exibido, junto com outras configurações, na configuração.

Por último, clique em Salvar no canto superior direito.

Passo 3: Publique o pop-up em seu site

Tudo o que você precisa fazer é alterar o status do pop-up para Publicar .

Seu formulário Formidable será exibido dentro de um pop-up OptinMonster onde você quiser em seu site!

Fale sobre uma grande parceria!

Como você colocará um pop-up do Mailchimp no WordPress?

Adicionar um pop-up do Mailchimp ao WordPress não precisa ser complicado.

E, com esta postagem, você aprendeu como instalar um pop-up Mailchimp no WordPress usando Mailchimp e Formidable Forms x OptinMonster para começar a aumentar sua lista de e-mails hoje.

Se você quiser mais informações sobre como criar um pop-up no WordPress, confira este guia mais detalhado sobre como criar um pop-up.