{"id":50982,"date":"2022-07-05T04:42:29","date_gmt":"2022-07-05T07:42:29","guid":{"rendered":"https:\/\/kinqsta.com\/pt\/?p=50982&preview=true&preview_id=50982"},"modified":"2025-02-14T09:43:40","modified_gmt":"2025-02-14T12:43:40","slug":"elementor-mailchimp","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/elementor-mailchimp\/","title":{"rendered":"Como Integrar Elementor e Mailchimp (Em 5 Passos)"},"content":{"rendered":"

Mailchimp \u00e9 uma das melhores ferramentas de automa\u00e7\u00e3o de e-mail marketing<\/a> para o seu site. Seus servi\u00e7os podem organizar eficientemente seus assinantes e enviar-lhes o conte\u00fado que lhes interessa. No entanto, os formul\u00e1rios de contato do Mailchimp podem n\u00e3o se alinhar com a marca do seu site.<\/p>\n

Para resolver este problema, voc\u00ea pode integrar o Elementor<\/a> e Mailchimp. Com o Elementor, voc\u00ea pode facilmente criar um formul\u00e1rio de assinatura personalizado e incorpor\u00e1-lo em seu site. Ent\u00e3o, voc\u00ea pode gerenciar as informa\u00e7\u00f5es de registro<\/a> diretamente do Mailchimp.<\/p>\n

Neste post, n\u00f3s discutiremos porque voc\u00ea pode querer integrar o Elementor e Mailchimp. Ent\u00e3o, n\u00f3s lhe mostraremos como fazer isso em apenas cinco passos. Tamb\u00e9m inclu\u00edmos uma lista de complementos para acessar recursos e funcionalidades extras. Vamos come\u00e7ar!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Os Benef\u00edcios de Integrating Elementor and Mailchimp<\/h2>\n

Se voc\u00ea est\u00e1 administrando um neg\u00f3cio online ou um blog, voc\u00ea provavelmente precisar\u00e1 de uma maneira consistente de contatar seu p\u00fablico. Com o Mailchimp<\/a>, voc\u00ea pode fazer exatamente isso.<\/p>\n

Mailchimp \u00e9 um servi\u00e7o de e-mail marketing que pode construir listas de assinantes e projetar e-mails:<\/p>\n

\"Mailchimp\"
Mailchimp.<\/figcaption><\/figure>\n

Usando o Mailchimp, voc\u00ea pode criar listas de e-mail com as informa\u00e7\u00f5es de contato de seus assinantes. Usando modelos de e-mail pr\u00e9-fabricados e o Otimizador de Conte\u00fado<\/a>, voc\u00ea pode enviar atualiza\u00e7\u00f5es envolventes e informativas para os membros de sua audi\u00eancia.<\/p>\n

Se voc\u00ea \u00e9 novo no Mailchimp<\/a>, voc\u00ea pode criar uma conta de gra\u00e7a. Voc\u00ea pode acessar seus recursos f\u00e1ceis de usar sem pagar, desde que voc\u00ea tenha menos de 2.000 assinantes.<\/p>\n

Quando voc\u00ea estiver tentando aumentar sua lista de e-mails, \u00e9 uma boa ideia incorporar alguns formul\u00e1rios de inscri\u00e7\u00e3o em seu site. Eles podem ajudar voc\u00ea a gerar leads a partir do seu tr\u00e1fego org\u00e2nico. Embora Mailchimp tenha este recurso, seus formul\u00e1rios de inscri\u00e7\u00e3o s\u00e3o geralmente gen\u00e9ricos e provavelmente n\u00e3o corresponder\u00e3o \u00e0 sua marca.<\/p>\n

\u00c9 aqui que entra o Elementor. o Elementor \u00e9 um construtor de p\u00e1ginas WordPress<\/a> f\u00e1cil de usar que voc\u00ea pode usar para projetar seu site sem codificar. Seu editor de arrastar e soltar torna simples a cria\u00e7\u00e3o das caracter\u00edsticas e funcionalidades que seu site precisa:<\/p>\n

\"Elementor\"
Elementor construtor de p\u00e1ginas<\/figcaption><\/figure>\n

Al\u00e9m disso, o Elementor pode se integrar facilmente com o Mailchimp. Em compara\u00e7\u00e3o com outros construtores de p\u00e1ginas<\/a>, o Elementor \u00e9 uma das melhores op\u00e7\u00f5es para criar e gerenciar formul\u00e1rios de opt-in.<\/p>\n

Com o Elementor, voc\u00ea pode adicionar um formul\u00e1rio de contato<\/a> em qualquer lugar do seu site e link Mailchimp em suas configura\u00e7\u00f5es. Quando seus visitantes online se cadastrarem, eles ser\u00e3o automaticamente adicionados \u00e0 sua lista do Mailchimp. Usar ambas as ferramentas permite que voc\u00ea tenha formul\u00e1rios bem desenhados sem perder a an\u00e1lise do assinante.<\/p>\n\n

Como integrar Elementor e Mailchimp (em 5 passos)<\/h2>\n

Agora que voc\u00ea sabe como o Elementor e Mailchimp podem beneficiar seu site, vamos discutir como iniciar este processo de integra\u00e7\u00e3o!<\/p>\n

Passo 1: Cadastre-se para uma conta Mailchimp<\/h3>\n

Primeiro, voc\u00ea precisar\u00e1 ir ao site do Mailchimp e se inscrever<\/a> para obter uma conta. Voc\u00ea pode fazer isso de gra\u00e7a simplesmente digitando seu endere\u00e7o de e-mail, nome de usu\u00e1rio e senha:<\/p>\n

\"Registre-se
Registre-se para uma conta Mailchimp.<\/figcaption><\/figure>\n

Ent\u00e3o, Mailchimp enviar\u00e1 a voc\u00ea um e-mail com um link de ativa\u00e7\u00e3o. Ao clicar nisto, voc\u00ea ver\u00e1 uma p\u00e1gina com diferentes op\u00e7\u00f5es de planos:<\/p>\n

\"Op\u00e7\u00f5es
Op\u00e7\u00f5es do plano Mailchimp<\/figcaption><\/figure>\n

Se voc\u00ea n\u00e3o tem certeza de qual plano \u00e9 o mais adequado para voc\u00ea, selecione Compare Plan Features<\/strong>. Aqui, voc\u00ea pode ver tudo o que vem em cada camada:<\/p>\n

\"Comparar
Comparar planos Mailchimp<\/figcaption><\/figure>\n

Neste tutorial, n\u00f3s estamos escolhendo o Free Plan<\/strong>, que pode suportar 2.000 contatos e 10.000 e-mails enviados. Ser\u00e1 o suficiente para um plano b\u00e1sico de e-mail marketing<\/a>. No entanto, voc\u00ea n\u00e3o ser\u00e1 capaz de acessar an\u00fancios de redirecionamento, modelos de e-mail codificados personalizados ou marcas personalizadas.<\/p>\n

Para iniciar o processo de inscri\u00e7\u00e3o, preencha seu nome e informa\u00e7\u00f5es comerciais. Embora seja opcional, voc\u00ea tamb\u00e9m pode inserir a URL do seu site e importar seu conte\u00fado:<\/p>\n

\"Adicione
Adicione seu nome e informa\u00e7\u00f5es comerciais<\/figcaption><\/figure>\n

A seguir, preencha as informa\u00e7\u00f5es de seu endere\u00e7o. Este passo assegura que seus e-mails n\u00e3o estejam contribuindo para o spam:<\/p>\n

\"Adicione
Adicione seu endere\u00e7o ao campo<\/figcaption><\/figure>\n

Mailchimp perguntar\u00e1 ent\u00e3o se voc\u00ea j\u00e1 tem algum assinante. Se sim, selecione Yes <\/b>e preencha quantos voc\u00ea tem:<\/p>\n

\"Preencha
Preencha quantos assinantes voc\u00ea tem.<\/figcaption><\/figure>\n

Para ajudar o Mailchimp a entender seu neg\u00f3cio, indique se voc\u00ea vende produtos ou servi\u00e7os. Para contornar esta pergunta, voc\u00ea pode clicar em Skip<\/strong>:<\/p>\n

\"Op\u00e7\u00e3o
Op\u00e7\u00e3o de produtos ou servi\u00e7os<\/figcaption><\/figure>\n

Ap\u00f3s terminar este processo de inscri\u00e7\u00e3o, voc\u00ea ser\u00e1 capaz de acessar sua conta Mailchimp!<\/p>\n

Passo 2: Crie uma audi\u00eancia e uma chave API<\/h3>\n

Para come\u00e7ar a organizar seus assinantes no Mailchimp, voc\u00ea precisar\u00e1 criar uma audi\u00eancia. Tenha em mente que uma conta gratuita suporta apenas um p\u00fablico, mas qualquer plano avan\u00e7ado pode incluir tr\u00eas ou mais.<\/p>\n

Embora voc\u00ea possa se sentir tentado a criar v\u00e1rias audi\u00eancias, Mailchimp recomenda come\u00e7ar com uma<\/a>. Esta configura\u00e7\u00e3o pode ajudar voc\u00ea a entender seus assinantes como um todo. Ela tamb\u00e9m pode simplificar seu processo de e-mail e manter seus contatos \u00e0 medida que sua empresa cresce.<\/p>\n

Mesmo com apenas um p\u00fablico, voc\u00ea pode criar tags e segmentos para organizar os contatos em diferentes subconjuntos. Entretanto, fazer m\u00faltiplas audi\u00eancias pode ter certos benef\u00edcios.<\/p>\n

Por exemplo, se voc\u00ea enviar e-mails tanto para vendedores quanto para compradores, voc\u00ea pode precisar enviar mensagens separadas para esses grupos.<\/p>\n

Em seu painel do Mailchimp, v\u00e1 para Audience > Audience Dashboard<\/strong>. Depois, clique em Add Your Contacts<\/strong>:<\/p>\n

\"Adicionar
Adicionar contatos no Mailchimp.<\/figcaption><\/figure>\n

Isto o levar\u00e1 a uma p\u00e1gina para importar as informa\u00e7\u00f5es de contato de seus assinantes. Basta copiar e colar seus nomes e endere\u00e7os de e-mail em uma caixa de texto. Alternativamente, voc\u00ea pode importar dados de um servi\u00e7o de terceiros ou fazer upload de um arquivo CSV ou TXT:<\/p>\n

\"Diferentes
Diferentes op\u00e7\u00f5es de upload est\u00e3o dispon\u00edveis<\/figcaption><\/figure>\n

Uma vez que voc\u00ea tenha feito isso, v\u00e1 at\u00e9 seu Audience Dashboard<\/strong>\u00a0e encontre Manage Audience<\/strong> Dashboard<\/strong> > Settings<\/strong>. Aqui, voc\u00ea pode mudar o nome e as configura\u00e7\u00f5es padr\u00e3o:<\/p>\n

\"Alterar
Alterar o nome e as configura\u00e7\u00f5es padr\u00e3o<\/figcaption><\/figure>\n

N\u00e3o se esque\u00e7a de definir um From name<\/strong> e From email address<\/strong>. Voc\u00ea tamb\u00e9m pode habilitar um duplo opt-in para enviar aos assinantes um e-mail de confirma\u00e7\u00e3o ap\u00f3s eles se inscreverem:<\/p>\n

\"Adicionar
Adicionar mais op\u00e7\u00f5es de campanha<\/figcaption><\/figure>\n

Depois de terminar de criar e configurar uma conta, v\u00e1 para o seu Profile<\/strong>. Depois clique em Extras > API keys<\/strong>:<\/p>\n

\"Clique
Clique na aba “Extras” para encontrar a op\u00e7\u00e3o API<\/figcaption><\/figure>\n

Se voc\u00ea n\u00e3o tiver uma chave API, voc\u00ea precisar\u00e1 clicar em Create A Key<\/strong>. Mailchimp ir\u00e1 automaticamente adicionar uma para voc\u00ea:<\/p>\n

\"Criar
Criar uma chave API<\/figcaption><\/figure>\n

Uma vez que sua chave API<\/a> esteja ativa, copie-a. Como esta informa\u00e7\u00e3o concede acesso \u00e0 sua conta Mailchimp, nunca compartilhe este c\u00f3digo publicamente.<\/p>\n

Passo 3: Crie um formul\u00e1rio de inscri\u00e7\u00e3o para o Mailchimp com o Elementor<\/h3>\n

A seguir, voc\u00ea precisar\u00e1 baixar e instalar o Elementor Pro<\/a>. Ele inclui um Form Builder do WordPress<\/a>, que voc\u00ea pode usar para projetar formul\u00e1rios personalizados e coletar feedback do seu p\u00fablico.<\/p>\n

Depois de ativar o Elementor Pro, v\u00e1 para Elementor > Settings > Integrations<\/strong>. V\u00e1 at\u00e9 a se\u00e7\u00e3o Mailchimp<\/strong> e cole a chave API:<\/p>\n

\"Colar
Colar sua chave API do Mailchimp.<\/figcaption><\/figure>\n

Clique em Validate API Key<\/strong>. Se a integra\u00e7\u00e3o for bem sucedida, voc\u00ea ver\u00e1 uma marca de verifica\u00e7\u00e3o verde ao lado deste bot\u00e3o. Depois disso, salve suas altera\u00e7\u00f5es.<\/p>\n

Agora voc\u00ea pode come\u00e7ar a projetar seu formul\u00e1rio de inscri\u00e7\u00e3o. Primeiro, adicione um novo post ou p\u00e1gina e selecione Edit with Elementor<\/strong>:<\/p>\n

\"Selecione
Selecione “Edit with Elementor”<\/figcaption><\/figure>\n

No editor do Elementor, v\u00e1 at\u00e9 os widgets Pro<\/strong>. Aqui, voc\u00ea ver\u00e1 uma op\u00e7\u00e3o para Forms<\/strong>. Arraste e solte este widget para a p\u00e1gina:<\/p>\n

\"Arraste
Arraste e solte o widget “Form” para a p\u00e1gina<\/figcaption><\/figure>\n

o Elementor ir\u00e1 criar automaticamente um formul\u00e1rio b\u00e1sico que inclui nome, endere\u00e7o de e-mail e campos de mensagem. Entretanto, voc\u00ea pode continuar a personalizar o formul\u00e1rio at\u00e9 que ele atenda \u00e0s suas necessidades:<\/p>\n

\"Personalize
Personalize o formul\u00e1rio como voc\u00ea achar adequado.<\/figcaption><\/figure>\n

Por exemplo, se voc\u00ea quiser adicionar um formul\u00e1rio de inscri\u00e7\u00e3o<\/a>, ele normalmente n\u00e3o precisar\u00e1 de campos de mensagens. Voc\u00ea pode simplesmente clicar no X<\/strong> pr\u00f3ximo a este item.<\/p>\n

Para gerar leads, voc\u00ea precisar\u00e1 exigir que os visitantes preencham tanto seus nomes quanto seus e-mails. Voc\u00ea pode fazer isso clicando em cada campo e selecionando Yes<\/strong> ao lado de Required<\/strong>:<\/p>\n

\"Clique
Clique nos elementos apropriados<\/figcaption><\/figure>\n

Ent\u00e3o, v\u00e1 para a se\u00e7\u00e3o Buttons<\/strong> para editar o bot\u00e3o de a\u00e7\u00e3o. Embora o texto padr\u00e3o seja “Enviar”, considere mud\u00e1-lo para “Assinar” ou “Cadastre-se:”<\/p>\n

\"Edite
Edite a a\u00e7\u00e3o do bot\u00e3o no Elementor.<\/figcaption><\/figure>\n

Voc\u00ea pode continuar a mudar o tamanho do bot\u00e3o e a largura da coluna, conforme necess\u00e1rio. Se voc\u00ea preferir, voc\u00ea pode adicionar um \u00edcone tamb\u00e9m.<\/p>\n

Passo 4: Conecte o Mailchimp<\/h3>\n

Depois de customizar seu formul\u00e1rio ao seu gosto, \u00e9 hora de conectar sua conta Mailchimp. Para fazer isso, encontre a se\u00e7\u00e3o Actions After Submit<\/strong>:<\/p>\n

\"Acesse
Acesse a op\u00e7\u00e3o “Actions After Submit”<\/figcaption><\/figure>\n

Ent\u00e3o, clique no \u00edcone +<\/strong> e escolha Mailchimp<\/strong> no menu suspenso:<\/p>\n

\"Escolha
Escolha Mailchimp no menu suspenso<\/figcaption><\/figure>\n

Isto ir\u00e1 criar uma nova se\u00e7\u00e3o abaixo intitulada Mailchimp<\/strong>. Quando voc\u00ea clicar nisto, voc\u00ea ver\u00e1 op\u00e7\u00f5es para definir uma chave API e o p\u00fablico:<\/p>\n

\"Definir
Definir API e op\u00e7\u00f5es de audi\u00eancia, se necess\u00e1rio.<\/figcaption><\/figure>\n

Se voc\u00ea inseriu sua chave API nas configura\u00e7\u00f5es de integra\u00e7\u00e3o, voc\u00ea pode deixar a se\u00e7\u00e3o Chave da API<\/strong> como Default<\/strong>. Ent\u00e3o, selecione a Audience<\/strong> que voc\u00ea quer linkar para este formul\u00e1rio de assinatura:<\/p>\n

\"Selecione
Selecione o p\u00fablico apropriado no Mailchimp.<\/figcaption><\/figure>\n

Voc\u00ea tamb\u00e9m pode escolher quaisquer grupos ou tags que voc\u00ea criou no Mailchimp. Finalmente, personalize as configura\u00e7\u00f5es do Field Mapping<\/strong> com base nos campos que voc\u00ea forneceu no formul\u00e1rio. Isto dir\u00e1 ao Mailchimp quais informa\u00e7\u00f5es catalogar em seu sistema.<\/p>\n

Para este exemplo, nosso formul\u00e1rio de inscri\u00e7\u00e3o cont\u00e9m apenas um campo de nome e e-mail. Isto significa que n\u00f3s incluiremos esta informa\u00e7\u00e3o apenas na se\u00e7\u00e3o de Field Mapping<\/strong>:<\/p>\n

\"Op\u00e7\u00f5es
Op\u00e7\u00f5es de Mapeamento de Campo<\/figcaption><\/figure>\n

Finalmente, navegue para Additional Options<\/strong> e encontre Custom Messages<\/strong>. Ative isto para fornecer uma mensagem de sucesso depois que algu\u00e9m completar o formul\u00e1rio:<\/p>\n

\"Adicione
Adicione uma mensagem de sucesso para seus usu\u00e1rios.<\/figcaption><\/figure>\n

A mensagem padr\u00e3o ser\u00e1 “Este formul\u00e1rio foi enviado com sucesso” Voc\u00ea pode considerar mudar isso para algo como “Obrigado por se inscrever” Voc\u00ea tamb\u00e9m pode adicionar mensagens personalizadas para erros e campos obrigat\u00f3rios.<\/p>\n

Passo 5: Adicione o formul\u00e1rio ao seu site<\/h3>\n

Depois de terminar de personalizar o formul\u00e1rio, selecione Publish<\/strong>. Considere usar o formul\u00e1rio de inscri\u00e7\u00e3o voc\u00ea mesmo para verificar se ele est\u00e1 funcionando corretamente. Ent\u00e3o, voc\u00ea pode ver se o novo endere\u00e7o de e-mail<\/a> est\u00e1 registrado em sua conta Mailchimp.<\/p>\n

Voc\u00ea tamb\u00e9m pode querer adicionar este novo formul\u00e1rio a v\u00e1rias \u00e1reas do seu site. Voc\u00ea pode salv\u00e1-lo como um Widget Global para tornar este processo mais f\u00e1cil.<\/p>\n

Primeiro, encontre o \u00edcone Edit Form<\/strong>\u00a0no lado direito do formul\u00e1rio. Clique com o bot\u00e3o direito do mouse sobre ele e selecione Save as a Global<\/strong>:<\/p>\n

\"Salvar
Salvar como Global<\/figcaption><\/figure>\n

Isto adicionar\u00e1 o formul\u00e1rio de assinatura \u00e0s suas Global Settings<\/strong>. Quando voc\u00ea adiciona uma nova p\u00e1gina ou post, voc\u00ea pode simplesmente ir ao GLOBAL<\/strong>, encontrar o formul\u00e1rio pr\u00e9-desenhado, e arrast\u00e1-lo e solt\u00e1-lo onde voc\u00ea quiser:<\/p>\n

\"Arraste
Arraste e solte o formul\u00e1rio Global onde voc\u00ea quiser.<\/figcaption><\/figure>\n

Ao considerar onde colocar seus formul\u00e1rios de inscri\u00e7\u00e3o em seu site, voc\u00ea pode querer pensar em visibilidade. Voc\u00ea pode potencialmente coletar mais pistas em uma p\u00e1gina<\/a> bem desenhada, que os visitantes podem ver quando entrarem em seu site. No entanto, os usu\u00e1rios podem n\u00e3o estar interessados em inscrever-se t\u00e3o cedo.<\/p>\n

\u00c0s vezes, uma op\u00e7\u00e3o melhor \u00e9 incluir formul\u00e1rios de contato dentro do seu conte\u00fado ou uma barra lateral. Embora isto tenha um pouco menos de visibilidade do que uma Landing page , esta coloca\u00e7\u00e3o pode permitir que os visitantes se inscrevam j\u00e1 que est\u00e3o interagindo com o seu site.<\/p>\n

Adicionar o formul\u00e1rio a um rodap\u00e9 tamb\u00e9m pode ser uma op\u00e7\u00e3o pr\u00e1tica. Os usu\u00e1rios que se deslocam para o rodap\u00e9 do seu site s\u00e3o frequentemente curiosos sobre o seu conte\u00fado, o que significa que eles est\u00e3o mais propensos a se inscrever. No entanto, esta coloca\u00e7\u00e3o n\u00e3o \u00e9 t\u00e3o vis\u00edvel quanto outras op\u00e7\u00f5es.<\/p>\n

Melhores complementos para sua integra\u00e7\u00e3o Elementor\/Mailchimp<\/h2>\n

Com os melhores plugins WordPress<\/a>, voc\u00ea pode criar um site sob medida para o seu p\u00fablico. O Elementor Pro lhe d\u00e1 muitas op\u00e7\u00f5es para projetar formul\u00e1rios e integrar servi\u00e7os de terceiros como Mailchimp.<\/p>\n

Mesmo assim, voc\u00ea pode precisar de recursos mais avan\u00e7ados. Com alguns complementos, voc\u00ea pode ter mais controle sobre a apar\u00eancia e funcionalidade de seus formul\u00e1rios.<\/p>\n

1. Essential Addons<\/h3>\n

Usar Essential Addons<\/a> \u00e9 uma \u00f3tima maneira de estender as caracter\u00edsticas essenciais do Elementor. Com esta ferramenta, voc\u00ea pode acessar mais elementos criativos. Estes incluem recursos interativos como uma grade de produtos Woo, contagem regressiva e uma galeria filtr\u00e1vel:<\/p>\n

\"Essential
Essential Addons<\/figcaption><\/figure>\n

Caracter\u00edsticas:<\/strong><\/p>\n