Como criar um formulário de inscrição do Mailchimp no WordPress com campos personalizados

Publicados: 2023-07-17

Você deseja adicionar um formulário de assinatura do Mailchimp ao seu site WordPress?

O Mailchimp é uma ferramenta popular de marketing por e-mail que oferece um construtor de formulários. No entanto, este construtor possui recursos limitados e opções de personalização. Adicionar um formulário de inscrição personalizado oferece mais flexibilidade e ajuda a aumentar sua lista de e-mail.

Neste artigo, mostraremos como criar um formulário de inscrição do Mailchimp no WordPress com campos personalizados.

How to create Mailchimp subscribe form in WordPress

Por que adicionar um formulário de inscrição personalizado do Mailchimp no WordPress?

Adicionar um formulário de inscrição ao seu site WordPress é uma ótima maneira de se comunicar com seus usuários.

Você pode enviar newsletters, lançamentos de novos produtos, anúncios e outras informações enquanto cria uma conexão direta com seu público.

O Mailchimp é um dos serviços de email marketing mais populares. Ele ajuda você a criar uma lista de e-mail, enviar e-mails e configurar campanhas de e-mail automatizadas. Além disso, ele também oferece um construtor de formulários que você pode usar para criar um formulário de inscrição e incorporá-lo ao seu site.

No entanto, o construtor de formulários do Mailchimp é muito básico e não oferece muitas opções de personalização. Você obtém campos de formulário limitados para escolher e não há configurações para alterar cor, fonte e muito mais. Ele também adiciona a marca Mailchimp na parte inferior.

Mailchimp subscribe form preview

Criar um formulário de inscrição personalizado do Mailchimp oferece mais flexibilidade e controle. Você pode adicionar todos os tipos de campos de formulário, editar sua aparência, adicionar lógica condicional para mostrar campos com base nas respostas do usuário e muito mais.

Dito isso, vamos ver como você pode criar um formulário de assinatura do Mailchimp com campos personalizados.

Como criar um formulário de inscrição do Mailchimp no WordPress

A maneira mais fácil de adicionar um formulário de assinatura do Mailchimp no WordPress é usando o WPForms. É o melhor plugin de formulário de contato para WordPress usado por mais de 5 milhões de profissionais.

WPForms é um plug-in amigável para iniciantes que oferece um construtor de formulários de arrastar e soltar, modelos pré-construídos e muitas opções de personalização. A melhor parte é que ele se integra facilmente ao Mailchimp.

Observação: para este tutorial, usaremos a versão WPForms Pro porque inclui o complemento Mailchimp e campos de formulário personalizados. Existe também a versão WPForms Lite que está disponível gratuitamente, mas não oferece integração com o Mailchimp.

Etapa 1: conectar o Mailchimp ao WPForms

Primeiro, você precisará instalar e ativar o plugin WPForms. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, você precisará ir para WPForms »Configurações e adicionar a chave de licença. Você pode encontrar a chave na área da sua conta WPForms.

Depois de inserir a chave de licença, vá em frente e clique no botão 'Verificar chave'.

Adding a license key to the WPForms form builder plugin

Em seguida, você precisará instalar o complemento Mailchimp.

Você pode fazer isso acessando WPForms »Addons no painel de administração do WordPress. A partir daqui, navegue até o complemento do Mailchimp e clique no botão 'Instalar complemento'.

Install Mailchimp addon

O complemento agora deve ser instalado e ativado.

Feito isso, basta ir para WPForms »Configurações no painel do WordPress e mudar para a guia 'Integrações'.

Integrate MailChimp with WPForms

Em seguida, você pode expandir as configurações do Mailchimp e clicar no botão '+ Adicionar nova conta' no Mailchimp.

Assim que fizer isso, você verá mais opções. Para integrar o Mailchimp, você deve inserir a chave da API e o apelido da conta. Isso permitirá que o WPForms se comunique com sua conta do Mailchimp.

See more Mailchimp integration options

Criando chaves de API do Mailchimp para integração com WPForms

Para criar uma chave de API para conectar WPForms, primeiro você precisa fazer login na sua conta do Mailchimp.

Depois de fazer login, basta clicar no seu avatar no canto superior direito e selecionar a opção 'Conta e cobrança'.

Click your Mailchimp avatar

Na próxima página, você verá diferentes configurações de conta.

Basta clicar no menu suspenso 'Extras' e selecionar a opção 'Chaves de API'.

Open API keys page

Em seguida, você pode copiar uma chave de API existente para usar na integração do WPForms.

Se você ainda não gerou uma chave, basta clicar no botão 'Criar uma chave'.

Create a new key

Depois disso, você pode inserir um nome para sua nova chave de API.

Feito isso, basta clicar no botão 'Gerar chave'.

Enter a name for API key

Em seguida, você verá a nova chave de API.

Vá em frente e copie a chave e clique no botão 'Concluído'.

Copy the API key

Agora você pode retornar à guia ou janela do navegador com as configurações de integração do WPFroms.

A partir daqui, basta colar a chave no campo 'API Key'. Você também pode adicionar um apelido de conta do Mailchimp para lembrar a qual conta você está conectado.

Enter your Mailchimp API key

Depois de inserir a chave, vá em frente e clique no botão 'Conectar ao Mailchimp'.

Agora você deve ver um botão verde 'Conectado' ao lado das configurações do Mailchimp, mostrando que a ferramenta de marketing por e-mail foi integrada com sucesso ao WPForms.

See Mailchimp connection

Etapa 2: crie um formulário de assinatura do Mailchimp com campos personalizados

Agora que você integrou o Mailchimp ao WPForms, o próximo passo é criar um formulário de assinatura com campos personalizados.

Primeiro, você precisará ir para WPForms »Adicionar novo no painel do WordPress. Em seguida, você pode inserir um nome na parte superior e selecionar um modelo de formulário.

Select a form template

O WPFomrs oferece muitos modelos de formulário pré-construídos, para que você possa escolher rapidamente um e personalizá-lo.

Ele ainda oferece modelos de formulário para Mailchimp. Por exemplo, você pode criar um formulário de contato de inscrição, formulário de inscrição de boletim informativo ou formulário de marketing por e-mail.

Mailchimp form templates

Para este tutorial, escolheremos o modelo de formulário de inscrição no boletim informativo do Mailchimp.

Na próxima tela, você verá o construtor de formulários de arrastar e soltar WPForms. Aqui, você pode personalizar o formulário e adicionar campos personalizados no menu à esquerda.

Add custom form fields

O modelo de formulário padrão virá com um campo Nome e E-mail.

No entanto, você pode simplesmente arrastar qualquer campo de formulário e soltá-lo no modelo. Existem campos para adicionar texto, opções suspensas, múltipla escolha, número de telefone, endereço, data e hora, site, senha e muito mais.

Por exemplo, se você estiver usando um serviço telefônico comercial, poderá adicionar um campo Telefone. Isso ajudará você a enviar mensagens SMS ou entrar em contato com os assinantes por meio de chamadas telefônicas.

Adding custom form fields

Você pode adicionar um campo de caixa de seleção e permitir que os usuários selecionem seus interesses. Dessa forma, você pode segmentar seus assinantes e enviar e-mails direcionados a eles.

Em seguida, você pode editar ainda mais cada campo de formulário no modelo. Basta escolher um campo e você verá mais opções no painel esquerdo.

Por exemplo, alteramos as opções no campo de formulário Checkboxes.

Customize each form field

Você também pode editar o rótulo do campo do formulário, torná-lo um campo obrigatório, adicionar imagens às opções da caixa de seleção e muito mais.

Depois de terminar de adicionar campos de formulário personalizados, mude para a guia 'Configurações' no menu à esquerda. Nas configurações gerais, você pode alterar o nome e a descrição do formulário, adicionar tags, editar o texto do botão enviar e muito mais.

General form settings Mailchimp

Em seguida, você pode alternar para a guia 'Confirmações' e escolher o que os assinantes verão quando enviarem um formulário.

O WPForms permite que você mostre uma mensagem, uma página específica como uma página de agradecimento ou redirecione os usuários para um URL.

Confirmation settings Mailchimp form

Depois disso, você pode ir para a guia 'Marketing' no painel esquerdo e selecionar Mailchimp.

A partir daqui, basta clicar no botão 'Adicionar nova conexão'.

Add new Mailchimp connection

Em seguida, um pequeno pop-up será aberto, onde você precisará inserir o apelido do Mailchimp.

Depois de inseri-lo, vá em frente e clique no botão 'OK'.

Enter connection nickname

Em seguida, você pode escolher a conta do Mailchimp à qual se conectou anteriormente.

Basta clicar no menu suspenso 'Selecionar conta' e escolher sua conta.

Select your Mailchimp account

Depois disso, mais opções aparecerão.

Você pode ir em frente e selecionar o público no menu suspenso ao qual os novos assinantes serão adicionados.

Select audience and action

Existem diferentes ações para escolher, mas selecionaremos a opção 'Inscrever-se' para este tutorial. Isso adicionará o usuário como um novo contato à sua conta do Mailchimp.

Em seguida, você pode rolar para baixo para ver as configurações adicionais. Por exemplo, existe a opção de escolher o campo WPForms onde os usuários podem inserir seus endereços de e-mail.

Additional Mailchimp settings in WPForms

Você também tem opções para adicionar tags a novos assinantes e uma nota ao perfil do usuário.

Se você rolar mais para baixo, verá mais configurações opcionais. Por exemplo, você pode ativar o double opt-in, marcar o assinante como VIP, atualizar seu perfil se o contato já estiver em uma audiência e muito mais.

More Mailchimp settings in WPForms

Agora, você está pronto para adicionar seu formulário de inscrição do Mailchimp ao seu blog ou site WordPress.

No construtor de formulários WPForms, você verá uma opção 'Incorporar' na parte superior. Vá em frente e clique no botão 'Salvar' para armazenar suas alterações e, em seguida, clique no botão 'Incorporar'.

Save and embed your form

Em seguida, um pop-up será aberto onde você precisará selecionar uma página existente ou criar uma nova página.

Para este tutorial, usaremos a opção 'Criar nova página'.

Embed a form in page

Depois disso, você precisará inserir um nome para sua nova página.

Feito isso, basta clicar no botão 'Vamos lá!' botão.

Enter name for form embed page

Em seguida, você verá uma prévia do seu formulário no editor de conteúdo do WordPress.

Você pode clicar no botão 'Publicar' na parte superior para ativar seu formulário de assinatura do Mailchimp.

View preview of subscribe form

Agora você criou com sucesso um formulário de assinatura do Mailchimp com campos personalizados.

Você pode ir em frente e visitar seu site para ver o formulário em ação.

Mailchimp subscribe form with custom fields preview

Você também pode fazer muito mais com Mailchimp e WordPress. Por exemplo, você pode integrá-lo ao OptinMonster e mostrar seus formulários de inscrição em campanhas pop-up.

Para saber mais, consulte nosso guia definitivo para usar o Mailchimp e o WordPress.

Esperamos que este artigo tenha ajudado você a aprender como criar um formulário de assinatura do Mailchimp no WordPress com campos personalizados. Você também pode querer ver nosso guia sobre maneiras fáceis de aumentar sua lista de e-mail mais rapidamente e nossas escolhas de especialistas para os plug-ins essenciais do WordPress para aumentar seu site.

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.