Um Formulário Elementor Mailchimp é uma das maneiras mais rápidas de transformar um visitante em assinante. O Mailchimp widget em Complementos Mestres para Elementor deixa cair um formulário de inscrição diretamente em seu layout, e ele lhe dá duas maneiras de executá-lo: escolha um formulário padrão salvo, ou escreva sua própria marcação HTML personalizada Abaixo EU cubro ambos, do painel Elementor até a página ao vivo.
Como funciona o widget de formulário Elementor Mailchimp #
O widget renderiza a Formulário de inscrição Mailchimp no Elementor sem um plugin de formulário separado Conecte-o a um público existente do Mailchimp escolhendo um formulário salvo ou crie um formulário personalizado com seus próprios campos, rótulos e caixas de seleção. Assim que a chave da API estiver instalada, o formulário coleta dados do assinante e os transfere para o Mailchimp.
Antes de começar #
- WordPress com Elementor instalado e ativo.
- Complementos Mestres para Elementor instalado e ativo Se ainda não o instalou, siga o guia instalação.
- O widget Mailchimp ativado no painel de opções Master Addons.
- Uma conta Mailchimp e chave API O widget mostra um aviso até que a chave seja salva nas configurações de Master Addons.
Adicione o widget à sua página #
Abrir o Editor elementor e procure no painel de widgets por “Mailchimp.” Arraste os complementos mestres Mailchimp widget na seção onde você quer o formulário Ele cai com um campo de e-mail, uma caixa de seleção de termos, e um botão “Sign up”, além de um aviso vermelho que a chave API Mailchimp ainda precisa de configuração Esse aviso é esperado em uma nova instalação, então não deixe que ele jogue você.
Use um formulário de inscrição padrão do Mailchimp #
Na guia Conteúdo, saia Tipo de formulário em Predefinições. O Formulário de inscrição do MailChimp dropdown lista os formulários já salvos em sua conta Mailchimp, como “opt in.” Escolha o que você deseja O widget extrai a estrutura do campo do Mailchimp e a renderiza diretamente na tela.
Esta é a maneira mais rápida de obter um Formulário de inscrição Mailchimp no Elementor ao vivo, já que o Mailchimp lida com o mapeamento de campo Tudo o que resta é estilizar o formulário para caber em sua página.
Construa um formulário personalizado do Mailchimp #
Definir o Tipo de formulário dropdown para Personalizado.A Formulário personalizado o Textarea aparece onde você cola sua própria marcação HTML Alcance isso quando precisar de campos extras, rótulos personalizados ou um layout de caixa de seleção específico.
A marcação de demonstração no vídeo usa uma estrutura simples que você pode adaptar:
<p>
<label for="email">Email address:</label>
<input type="email" id="email" name="EMAIL" placeholder="Your email address">
</p>
<p>
<label>
<input type="checkbox" name="AGREE_TO_TERMS" value="1" required>
I have read and agree to the terms & conditions
</label>
</p>
<p>
<input type="submit" value="Sign up">
</p>Se preferir escrever e visualizar a marcação fora do Elementor, esse editor de código lado a lado com a visualização ao vivo vem do gratuito Mailchimp para WordPress (MC4WP) plugin, não Master Addons em si Marcar à esquerda, visualização ao vivo à direita, para que você possa obter o layout logo antes de colá-lo no widget.
Uma coisa que faz as pessoas tropeçarem com marcação personalizada: a sua name os atributos têm de corresponder às suas marcas de mesclagem de audiência do Mailchimp O campo de e-mail em particular deve usar name="EMAIL", ou o Mailchimp não reconhecerá o endereço do assinante e a inscrição falhará silenciosamente.
Configure sua chave de API do Mailchimp #
O widget continua mostrando esse aviso até que a chave da API seja salva No administrador do WordPress, abra Adições Mestres e encontre a área de configurações do Mailchimp Cole sua chave, salve e volte para o editor Elementor O aviso é liberado e o formulário está pronto para receber assinantes.
Gere uma chave a partir do seu Configurações da conta Mailchimp. Mantenha-o privado e nunca cole-o na própria marcação do formulário personalizado, pois essa marcação é visível para quem visualiza a fonte da página.
Estilize o formulário #
O Estilo tab entrega a você os controles habituais do Elementor para campos de formulário, rótulos, caixas de seleção e o botão enviar: cores, tipografia, espaçamento, bordas e alinhamento, portanto Formulário de inscrição por e-mail Elementor alinha-se com o resto do seu design Ele pega suas fontes temáticas por padrão, então na maioria dos sites você só tocará na cor do botão e um pouco de espaçamento de campo.
O resultado na página ao vivo #
No front-end, o formulário mostra o campo de e-mail, a caixa de seleção de termos e o botão enviar exatamente como você os define Com a chave da API ativa, os envios vão direto para o público do Mailchimp que você escolheu.
Casos de uso comum #
- Boletins informativos do blog: solte um campo de e-mail simples no rodapé ou na barra lateral de um blog.
- Ímãs de chumbo: combine o formulário com um botão de download para que os visitantes se inscrevam antes de receberem o guia.
- Páginas de lançamento do produto: colete e-mails de acesso antecipado em uma página de destino.
- Inscrições em eventos: use marcação personalizada para adicionar caixas de seleção de nome, empresa ou consentimento.
- Assinaturas de rodapé: incorporar um compacto Widget Mailchimp para Elementor no rodapé do site.
Para mais opções de formulário, consulte o Widget do Formulário de Contato 7. Para que uma barra de anúncios fique ao lado de um formulário de inscrição, tente o Widget Ticker de notícias.
Vídeo Tutorial #
Prefere assistir? este passo a passo configura o widget Mailchimp ponta a ponta, desde escolher um tipo de formulário até o formulário de inscrição na página ao vivo:
Perguntas frequentes #
Posso adicionar um formulário Mailchimp no Elementor sem codificação?
Sim. Defina o tipo de formulário como padrão e escolha um formulário do Mailchimp salvo no menu suspenso. O widget renderiza os campos para você, então tudo que você faz é estilizá-los.
Como faço para criar um formulário personalizado do Mailchimp no Elementor?
Defina o Tipo de Formulário como Personalizado e cole sua marcação HTML na área de texto Formulário Personalizado Certifique-se de que a entrada de e-mail use name=” e que sua chave de API Mailchimp seja salva nas configurações de Complementos Mestres.
Por que o widget diz que preciso configurar uma chave de API do Mailchimp?
O widget precisa de uma chave API Mailchimp válida para enviar dados de assinante para o seu público Adicione a chave nas configurações do Master Addons Mailchimp dentro do administrador do WordPress.
Posso adicionar campos extras como nome ou telefone ao formulário?
Sim, mas apenas no modo Personalizado Adicione campos de entrada HTML padrão com atributos de nome que correspondam às tags de mesclagem de público do Mailchimp, como FNAME para primeiro nome.
O widget Mailchimp está disponível na versão gratuita do Master Addons?
Depende do seu plano Master Addons Verifique o página preços para ver quais widgets estão em Free versus Pro.
Embrulhando #
Os complementos mestres Widget Mailchimp é uma maneira direta de adicionar um Formulário Elementor Mailchimp para qualquer página Vá com um formulário padrão para velocidade, ou mude para o modo Personalizado quando quiser controle total sobre a marcação e os campos De qualquer forma, ele se conecta ao seu público do Mailchimp assim que a chave da API estiver definida Navegue pelo conjunto completo de Widgets e extensões Master Addons para mais ferramentas para aumentar sua lista.
