Como Integrar Elementor e Mailchimp (Em 5 Passos)

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:

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:

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:

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:

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:

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:

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

Mailchimp perguntará então se você já tem algum assinante. Se sim, selecione Yes e preencha quantos 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:

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:

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:

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:

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:

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

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

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:

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:

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:

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:

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:

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

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:

Então, clique no ícone + e 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:

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:

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:

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:

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:

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:

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:

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:

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

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:

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!