Mailchimp é uma das melhores ferramentas de automação de e-mail marketing para o seu site. Seus serviços podem organizar eficientemente seus assinantes e enviar-lhes o conteúdo que lhes interessa. No entanto, os formulários de contato do Mailchimp podem não se alinhar com a marca do seu site.

Para resolver este problema, você pode integrar o Elementor e Mailchimp. Com o Elementor, você pode facilmente criar um formulário de assinatura personalizado e incorporá-lo em seu site. Então, você pode gerenciar as informações de registro diretamente do Mailchimp.

Neste post, nós discutiremos porque você pode querer integrar o Elementor e Mailchimp. Então, nós lhe mostraremos como fazer isso em apenas cinco passos. Também incluímos uma lista de complementos para acessar recursos e funcionalidades extras. Vamos começar!

Os Benefícios de Integrating Elementor and Mailchimp

Se você está administrando um negócio online ou um blog, você provavelmente precisará de uma maneira consistente de contatar seu público. Com o Mailchimp, você pode fazer exatamente isso.

Mailchimp é um serviço de e-mail marketing que pode construir listas de assinantes e projetar e-mails:

Mailchimp
Mailchimp.

Usando o Mailchimp, você pode criar listas de e-mail com as informações de contato de seus assinantes. Usando modelos de e-mail pré-fabricados e o Otimizador de Conteúdo, você pode enviar atualizações envolventes e informativas para os membros de sua audiência.

Se você é novo no Mailchimp, você pode criar uma conta de graça. Você pode acessar seus recursos fáceis de usar sem pagar, desde que você tenha menos de 2.000 assinantes.

Quando você estiver tentando aumentar sua lista de e-mails, é uma boa ideia incorporar alguns formulários de inscrição em seu site. Eles podem ajudar você a gerar leads a partir do seu tráfego orgânico. Embora Mailchimp tenha este recurso, seus formulários de inscrição são geralmente genéricos e provavelmente não corresponderão à sua marca.

É aqui que entra o Elementor. o Elementor é um construtor de páginas WordPress fácil de usar que você pode usar para projetar seu site sem codificar. Seu editor de arrastar e soltar torna simples a criação das características e funcionalidades que seu site precisa:

Elementor
Elementor construtor de páginas

Além disso, o Elementor pode se integrar facilmente com o Mailchimp. Em comparação com outros construtores de páginas, o Elementor é uma das melhores opções para criar e gerenciar formulários de opt-in.

Com o Elementor, você pode adicionar um formulário de contato em qualquer lugar do seu site e link Mailchimp em suas configurações. Quando seus visitantes online se cadastrarem, eles serão automaticamente adicionados à sua lista do Mailchimp. Usar ambas as ferramentas permite que você tenha formulários bem desenhados sem perder a análise do assinante.

Como integrar Elementor e Mailchimp (em 5 passos)

Agora que você sabe como o Elementor e Mailchimp podem beneficiar seu site, vamos discutir como iniciar este processo de integração!

Passo 1: Cadastre-se para uma conta Mailchimp

Primeiro, você precisará ir ao site do Mailchimp e se inscrever para obter uma conta. Você pode fazer isso de graça simplesmente digitando seu endereço de e-mail, nome de usuário e senha:

Registre-se para uma conta Mailchimp
Registre-se para uma conta Mailchimp.

Então, Mailchimp enviará a você um e-mail com um link de ativação. Ao clicar nisto, você verá uma página com diferentes opções de planos:

Opções do plano Mailchimp
Opções do plano Mailchimp

Se você não tem certeza de qual plano é o mais adequado para você, selecione Compare Plan Features. Aqui, você pode ver tudo o que vem em cada camada:

Comparar planos Mailchimp
Comparar planos Mailchimp

Neste tutorial, nós estamos escolhendo o Free Plan, que pode suportar 2.000 contatos e 10.000 e-mails enviados. Será o suficiente para um plano básico de e-mail marketing. No entanto, você não será capaz de acessar anúncios de redirecionamento, modelos de e-mail codificados personalizados ou marcas personalizadas.

Para iniciar o processo de inscrição, preencha seu nome e informações comerciais. Embora seja opcional, você também pode inserir a URL do seu site e importar seu conteúdo:

Adicione seu nome e informações comerciais
Adicione seu nome e informações comerciais

A seguir, preencha as informações de seu endereço. Este passo assegura que seus e-mails não estejam contribuindo para o spam:

Adicione seu endereço ao campo
Adicione seu endereço ao campo

Mailchimp perguntará então se você já tem algum assinante. Se sim, selecione Yes e preencha quantos você tem:

Preencha quantos assinantes você tem
Preencha quantos assinantes você tem.

Para ajudar o Mailchimp a entender seu negócio, indique se você vende produtos ou serviços. Para contornar esta pergunta, você pode clicar em Skip:

Opção de produtos ou serviços
Opção de produtos ou serviços

Após terminar este processo de inscrição, você será capaz de acessar sua conta Mailchimp!

Passo 2: Crie uma audiência e uma chave API

Para começar a organizar seus assinantes no Mailchimp, você precisará criar uma audiência. Tenha em mente que uma conta gratuita suporta apenas um público, mas qualquer plano avançado pode incluir três ou mais.

Embora você possa se sentir tentado a criar várias audiências, Mailchimp recomenda começar com uma. Esta configuração pode ajudar você a entender seus assinantes como um todo. Ela também pode simplificar seu processo de e-mail e manter seus contatos à medida que sua empresa cresce.

Mesmo com apenas um público, você pode criar tags e segmentos para organizar os contatos em diferentes subconjuntos. Entretanto, fazer múltiplas audiências pode ter certos benefícios.

Por exemplo, se você enviar e-mails tanto para vendedores quanto para compradores, você pode precisar enviar mensagens separadas para esses grupos.

Em seu painel do Mailchimp, vá para Audience > Audience Dashboard. Depois, clique em Add Your Contacts:

Adicionar contatos no Mailchimp
Adicionar contatos no Mailchimp.

Isto o levará a uma página para importar as informações de contato de seus assinantes. Basta copiar e colar seus nomes e endereços de e-mail em uma caixa de texto. Alternativamente, você pode importar dados de um serviço de terceiros ou fazer upload de um arquivo CSV ou TXT:

Diferentes opções de upload estão disponíveis
Diferentes opções de upload estão disponíveis

Uma vez que você tenha feito isso, vá até seu Audience Dashboard e encontre Manage Audience Dashboard > Settings. Aqui, você pode mudar o nome e as configurações padrão:

Alterar o nome e as configurações padrão
Alterar o nome e as configurações padrão

Não se esqueça de definir um From name e From email address. Você também pode habilitar um duplo opt-in para enviar aos assinantes um e-mail de confirmação após eles se inscreverem:

Adicionar mais opções de campanha
Adicionar mais opções de campanha

Depois de terminar de criar e configurar uma conta, vá para o seu Profile. Depois clique em Extras > API keys:

Clique na aba
Clique na aba “Extras” para encontrar a opção API

Se você não tiver uma chave API, você precisará clicar em Create A Key. Mailchimp irá automaticamente adicionar uma para você:

Criar uma chave API
Criar uma chave API

Uma vez que sua chave API esteja ativa, copie-a. Como esta informação concede acesso à sua conta Mailchimp, nunca compartilhe este código publicamente.

Passo 3: Crie um formulário de inscrição para o Mailchimp com o Elementor

A seguir, você precisará baixar e instalar o Elementor Pro. Ele inclui um Form Builder do WordPress, que você pode usar para projetar formulários personalizados e coletar feedback do seu público.

Depois de ativar o Elementor Pro, vá para Elementor > Settings > Integrations. Vá até a seção Mailchimp e cole a chave API:

Colar sua chave API do Mailchimp
Colar sua chave API do Mailchimp.

Clique em Validate API Key. Se a integração for bem sucedida, você verá uma marca de verificação verde ao lado deste botão. Depois disso, salve suas alterações.

Agora você pode começar a projetar seu formulário de inscrição. Primeiro, adicione um novo post ou página e selecione Edit with Elementor:

Selecione
Selecione “Edit with Elementor”

No editor do Elementor, vá até os widgets Pro. Aqui, você verá uma opção para Forms. Arraste e solte este widget para a página:

Arraste e solte o widget
Arraste e solte o widget “Form” para a página

o Elementor irá criar automaticamente um formulário básico que inclui nome, endereço de e-mail e campos de mensagem. Entretanto, você pode continuar a personalizar o formulário até que ele atenda às suas necessidades:

Personalize o formulário como você achar adequado
Personalize o formulário como você achar adequado.

Por exemplo, se você quiser adicionar um formulário de inscrição, ele normalmente não precisará de campos de mensagens. Você pode simplesmente clicar no X próximo a este item.

Para gerar leads, você precisará exigir que os visitantes preencham tanto seus nomes quanto seus e-mails. Você pode fazer isso clicando em cada campo e selecionando Yes ao lado de Required:

Clique nos elementos apropriados
Clique nos elementos apropriados

Então, vá para a seção Buttons para editar o botão de ação. Embora o texto padrão seja “Enviar”, considere mudá-lo para “Assinar” ou “Cadastre-se:”

Edite a ação do botão no Elementor.
Edite a ação do botão no Elementor.

Você pode continuar a mudar o tamanho do botão e a largura da coluna, conforme necessário. Se você preferir, você pode adicionar um ícone também.

Passo 4: Conecte o Mailchimp

Depois de customizar seu formulário ao seu gosto, é hora de conectar sua conta Mailchimp. Para fazer isso, encontre a seção Actions After Submit:

Acesse a opção
Acesse a opção “Actions After Submit”

Então, clique no ícone + e escolha Mailchimp no menu suspenso:

Escolha Mailchimp no menu suspenso
Escolha Mailchimp no menu suspenso

Isto irá criar uma nova seção abaixo intitulada Mailchimp. Quando você clicar nisto, você verá opções para definir uma chave API e o público:

Definir API e opções de audiência, se necessário.
Definir API e opções de audiência, se necessário.

Se você inseriu sua chave API nas configurações de integração, você pode deixar a seção Chave da API como Default. Então, selecione a Audience que você quer linkar para este formulário de assinatura:

Selecione o público apropriado no Mailchimp
Selecione o público apropriado no Mailchimp.

Você também pode escolher quaisquer grupos ou tags que você criou no Mailchimp. Finalmente, personalize as configurações do Field Mapping com base nos campos que você forneceu no formulário. Isto dirá ao Mailchimp quais informações catalogar em seu sistema.

Para este exemplo, nosso formulário de inscrição contém apenas um campo de nome e e-mail. Isto significa que nós incluiremos esta informação apenas na seção de Field Mapping:

Opções de Mapeamento de Campo
Opções de Mapeamento de Campo

Finalmente, navegue para Additional Options e encontre Custom Messages. Ative isto para fornecer uma mensagem de sucesso depois que alguém completar o formulário:

Adicione uma mensagem de sucesso para seus usuários
Adicione uma mensagem de sucesso para seus usuários.

A mensagem padrão será “Este formulário foi enviado com sucesso” Você pode considerar mudar isso para algo como “Obrigado por se inscrever” Você também pode adicionar mensagens personalizadas para erros e campos obrigatórios.

Passo 5: Adicione o formulário ao seu site

Depois de terminar de personalizar o formulário, selecione Publish. Considere usar o formulário de inscrição você mesmo para verificar se ele está funcionando corretamente. Então, você pode ver se o novo endereço de e-mail está registrado em sua conta Mailchimp.

Você também pode querer adicionar este novo formulário a várias áreas do seu site. Você pode salvá-lo como um Widget Global para tornar este processo mais fácil.

Primeiro, encontre o ícone Edit Form no lado direito do formulário. Clique com o botão direito do mouse sobre ele e selecione Save as a Global:

Salvar como Global
Salvar como Global

Isto adicionará o formulário de assinatura às suas Global Settings. Quando você adiciona uma nova página ou post, você pode simplesmente ir ao GLOBAL, encontrar o formulário pré-desenhado, e arrastá-lo e soltá-lo onde você quiser:

Arraste e solte o formulário Global onde você quiser
Arraste e solte o formulário Global onde você quiser.

Ao considerar onde colocar seus formulários de inscrição em seu site, você pode querer pensar em visibilidade. Você pode potencialmente coletar mais pistas em uma página bem desenhada, que os visitantes podem ver quando entrarem em seu site. No entanto, os usuários podem não estar interessados em inscrever-se tão cedo.

Às vezes, uma opção melhor é incluir formulários de contato dentro do seu conteúdo ou uma barra lateral. Embora isto tenha um pouco menos de visibilidade do que uma Landing page , esta colocação pode permitir que os visitantes se inscrevam já que estão interagindo com o seu site.

Adicionar o formulário a um rodapé também pode ser uma opção prática. Os usuários que se deslocam para o rodapé do seu site são frequentemente curiosos sobre o seu conteúdo, o que significa que eles estão mais propensos a se inscrever. No entanto, esta colocação não é tão visível quanto outras opções.

Melhores complementos para sua integração Elementor/Mailchimp

Com os melhores plugins WordPress, você pode criar um site sob medida para o seu público. O Elementor Pro lhe dá muitas opções para projetar formulários e integrar serviços de terceiros como Mailchimp.

Mesmo assim, você pode precisar de recursos mais avançados. Com alguns complementos, você pode ter mais controle sobre a aparência e funcionalidade de seus formulários.

1. Essential Addons

Usar Essential Addons é uma ótima maneira de estender as características essenciais do Elementor. Com esta ferramenta, você pode acessar mais elementos criativos. Estes incluem recursos interativos como uma grade de produtos Woo, contagem regressiva e uma galeria filtrável:

Essential Addons
Essential Addons

Características:

  • Widgets de conteúdo avançado para adicionar calendários de eventos, caixas de informações, testemunhos e muito mais
  • Elementos do WooCommerce como galerias de produtos, grades e carrosséis
  • Integração com plataformas de terceiros como Mailchimp e Ninja Forms

Quando você instala Addons Essenciais em seu site WordPress, você pode integrar o Mailchimp usando seus Elementos do Form Styler. Aqui, você pode simplesmente digitar sua chave API do Mailchimp, que adicionará um widget EA Mailchimp ao editor do Elementor. Então, você pode arrastar e soltar o widget em uma página e continuar customizando conforme a necessidade.

Preço: Planos de assinatura para Essential Addons começam em $39.97 para um site. Ele inclui mais de 70 widgets e sete extensões.

2. Happy Addons

Com o Happy Addons, você pode escolher entre mais de 400 blocos e widgets pré-desenhados para importar para o editor do Elementor. Para acelerar o processo de criação, você pode definir pré-configurações de design.

Happy Addons também torna possível copiar elementos de um site e colá-los em um site com um domínio diferente:

Happy Addons
Happy Addons

Características:

  • Ninho de seção
  • Copiar-colar de domínio cruzado
  • Mais de 400 séries de design pré-fabricadas

Após digitar sua chave API do Mailchimp em Credentials nas configurações do Happy Addons, você pode usar o Elementor para arrastar e soltar um widget de formulário Mailchimp em uma página.

Então, você pode editar as configurações avançadas da ferramenta para personalizar as margens, cores e tipografia do formulário. Você também pode redesenhar os campos e botões para ter um fundo único, sombra, tamanho da fonte e espaçamento.

Preço: Happy Addons fornece planos de assinatura anual a partir de $39 para um site.

3. ElementsKit

Como as outras opções desta lista, ElementsKit é um pacote plugin tudo-em-um com widgets e extensões extras para o Elementor. Ele pode oferecer mais customização ao editar recursos funcionais como cabeçalhos, rodapés ou menus.

Além disso, ElementsKit inclui um construtor de widgets personalizado se você não conseguir encontrar uma opção que funcione para você:

ElementsKit
ElementsKit.

Características:

  • Controles personalizados como Multi Widgets, AjaxSELECT2 e Image-Picker
  • 85+ widgets e extensões
  • mais de 500 blocos web pré-desenhados

Você pode usar o ElementsKit para integrar o Elementor e Mailchimp inteiramente através do editor do Elementor. Você só precisa arrastar e soltar o widget Mailchimp em uma página e definir a chave API. Então, você pode adicionar campos e ícones personalizados ao seu formulário.

Preço: Os planos anuais para o ElementsKit começam em $39 por um local.

4. The Plus Addons

O Plus Addons se anuncia como uma ferramenta do Elementor construída para todos. Com modelos prontos e tutoriais aprofundados no YouTube, até mesmo os iniciantes podem aprender rapidamente como projetar um site funcional.

Além disso, The Plus Addons também está repleto de widgets extensivos que oferecem recursos personalizáveis para designers:

The Plus Addons
The Plus Addons.

Características:

  • Mais de 96 widgets avançados do Elementor
  • Opções de listagem para exibir produtos, artigos em blogs e galerias de imagens
  • Construtor fácil de usar, projetado para tipos de artigos personalizados

A ferramenta Plus Addons oferece uma das maneiras mais fáceis de integrar o Elementor e Mailchimp. A partir da sua conta Mailchimp, copie a chave API e o ID da lista do seu público. Então, vá para as Configurações de Conexão da API e cole esta informação. Depois disso, você pode arrastar e soltar um widget de assinatura do Mailchimp e editar seu layout e estrutura.

Preço: The Plus Addons tem uma versão gratuita. No entanto, sua seleção de planos contém mais widgets e extensões. Estes pacotes começam em $31 por ano.

Resumo

Embora a combinação do Mailchimp e Elementor possa parecer assustadora, qualquer um pode integrar estas duas ferramentas. Ao fazer isso, você pode criar formulários de assinatura personalizados que atendam às suas expectativas de aparência e funcionalidade.

Para revisar, aqui estão os cinco passos simples para integrar o Elementor e Mailchimp em seu site:

  1. Cadastre-se para uma conta Mailchimp.
  2. Crie uma audiência e uma chave API.
  3. Crie um formulário de inscrição para o Mailchimp com o Elementor.
  4. Conecte o Mailchimp.
  5. Adicione seu formulário ao seu site.

E-mail marketing e design são essenciais para o sucesso de seu site. Você também vai querer fazer parceria com um provedor de hospedagem WordPress dedicado.

Na Kinsta, nossos planos de hospedagem (hospedagem de aplicativos, hospedagem de banco de dados e hospedagem gerenciada de WordPress) podem levar o desempenho do seu site para o próximo nível. Entre em contato conosco para saber mais!

Você tem alguma pergunta sobre como integrar o Elementor e Mailchimp? Pergunte-nos na seção de comentários abaixo!

Matteo Duò Kinsta

Editor-chefe da Kinsta e consultor de marketing de conteúdo para desenvolvedores de plugins do WordPress. Conecte-se com Matteo no Twitter.