Muitas pessoas que usam WordPress recorrem à AWeber para seus serviços de marketing por e-mail. Tivemos muitos leitores do WPBeginner perguntando como adicionar o widget de formulário web da AWeber aos seus sites WordPress, e estamos aqui para ajudar.
Tecnicamente, a AWeber tem seu próprio plugin para integração com WordPress, que é uma solução rápida e fácil. Mas encontramos duas outras maneiras que oferecem mais flexibilidade e recursos, permitindo que você crie formulários de inscrição mais envolventes e capture mais leads potencialmente.
Neste guia, mostraremos três métodos fáceis para instalar o widget de formulário web da AWeber no WordPress.
Como Integrar a AWeber com o WordPress?
Uma maneira de integrar a AWeber com o WordPress é com o plugin AWeber para WordPress, que leva apenas alguns passos para configurar. Ele também permite que você adicione o bloco de formulário web da AWeber aos seus temas, páginas e posts do WordPress. Mostraremos como fazer isso no primeiro método deste tutorial.
Dito isso, recomendamos usar a AWeber em conjunto com um plugin WordPress como WPForms ou OptinMonster. Dessa forma, você obtém mais ferramentas para aumentar suas chances de gerar leads.
Por exemplo, digamos que você gerencie um site de imóveis. Em vez de um formulário simples de inscrição por e-mail, você pode criar um formulário interativo de calculadora de hipoteca com o WPForms, que enviará os cálculos para o e-mail da pessoa.
Alternativamente, você pode usar o OptinMonster para executar uma campanha de pop-up de geração de leads. Quando usados corretamente, os pop-ups são ótimos para chamar a atenção dos seus usuários. Você pode criar pop-ups com um quiz divertido ou até mesmo fazer com que os pop-ups apareçam quando os visitantes estiverem prestes a sair.
Com isso em mente, vamos ver como você pode instalar o widget de formulário web AWeber em seu site WordPress. Você pode usar os links rápidos abaixo para pular para o método desejado:
- Método 1: Usando o Plugin AWeber para WordPress (Grátis e Rápido)
- Método 2: Adicionando Formulário Web AWeber Usando WPForms (Para Formulários Personalizáveis)
- Method 3: Adding AWeber Web Form Using OptinMonster (For Popups)
Observação: Se você ainda não o fez, certifique-se de ter configurado uma conta AWeber e uma lista de e-mail para seguir este tutorial. Você completará essas etapas quando se inscrever pela primeira vez no AWeber.
Você pode ler nosso guia definitivo sobre como conectar o AWeber ao WordPress para mais informações. O AWeber também tem uma versão gratuita que você pode experimentar se não estiver pronto para se comprometer com um plano pago.
Método 1: Usando o Plugin AWeber para WordPress (Grátis e Rápido)
O primeiro método é usar o plugin AWeber para WordPress. Recomendamos este método se você estiver apenas procurando uma solução simples para adicionar seu formulário de inscrição AWeber ao seu site.
Vá em frente e instale o plugin do WordPress na área de administração. Assim que o plugin estiver ativo, vá para AWeber e clique no botão ‘Começar’.
Em seguida, uma nova aba será aberta, onde você precisará inserir os detalhes da sua conta AWeber, como seu endereço de e-mail e senha. Não se esqueça de marcar a caixa ‘Não sou um robô’.
Assim que terminar, clique em ‘Permitir acesso’ na parte inferior.
Na próxima tela, você verá um código de verificação.
Copie este código e volte para a página do plugin AWeber no painel do WordPress.
Assim que estiver lá, basta colar o código no campo apropriado.
Em seguida, clique no botão ‘Finalizar’.
Você agora deve ter conectado o AWeber ao WordPress. O plugin também oferece um bloco ou widget para adicionar um formulário AWeber em qualquer lugar do seu site WordPress.
Neste exemplo, mostraremos como adicionar o formulário AWeber a uma barra lateral, mas os passos devem ser semelhantes se você estiver adicionando-o a uma página, postagem, modelo ou padrão de bloco do WordPress usando o editor de blocos Gutenberg ou o Editor de Site Completo.
Primeiro, vá para Aparência » Widgets. Em seguida, clique no botão ‘+ Adicionar Bloco’ em uma área de widget para encontrar o widget Adicionar um Formulário de Inscrição AWeber.
Quando terminar, basta abrir o menu suspenso e selecionar seu formulário de inscrição AWeber. Em seguida, clique em ‘Salvar’.
Depois disso, clique no botão ‘Atualizar’. Para mais informações sobre como usar widgets, confira nosso guia completo sobre como adicionar e usar widgets no WordPress.
É isso!
Novamente, este método é bem rápido e simples se você estiver satisfeito com o formulário que criou no AWeber. Veja como nosso widget de formulário da web se parece:
No entanto, se você quiser levar seus esforços de geração de leads para o próximo nível, confira os próximos métodos.
Método 2: Adicionando Formulário Web AWeber Usando WPForms (Para Formulários Personalizáveis)
Se você está procurando mais opções do que o AWeber oferece em seus modelos de formulário de inscrição para newsletter, então você deve considerar usar WPForms.
Este plugin de formulário de contato permite que você crie formulários AWeber com uma ampla gama de modelos personalizáveis, como formulários de reserva, pesquisas e registros de eventos.
Ao vincular o WPForms com o AWeber, você pode coletar e-mails desses formulários, mesmo que eles não sejam projetados especificamente como formulários de inscrição por e-mail. Dessa forma, você ainda pode usá-los para enviar newsletters ou informar os usuários sobre promoções futuras.
Etapa 1: Configurar o Plugin WPForms e a Integração AWeber
Para usar o addon AWeber do WPForms, você precisará de um plano WPForms Plus ou superior. Assim que adquirir um plano, você receberá o link para download do plugin WPForms e a chave de licença.
Prossiga e instale o plugin WPForms primeiro. Para obter orientação, confira nosso guia para iniciantes sobre como instalar um plugin do WordPress.
Após a ativação, você pode ir para WPForms » Configurações no seu painel do WordPress. Lá, simplesmente cole sua chave de licença no campo ‘Chave de Licença’ e clique em ‘Verificar Chave’.
Depois de fazer isso, navegue até WPForms » Addons.
Localize o Addon AWeber e clique no botão ‘Instalar Addon’.
Assim que o addon estiver ativo, você precisa ir para WPForms » Configurações e mudar para a aba ‘Integrações’.
Lá, encontre AWeber e clique em ‘+ Adicionar Nova Conta’.
Uma nova seção será aberta agora, onde você terá que autorizar sua conexão com o AWeber.
Para começar, clique no link ‘autorizar a conexão com AWeber’.
Você agora deve ver uma nova janela, onde você precisa inserir suas credenciais da conta AWeber.
Prossiga e insira seu e-mail e senha aqui. Em seguida, complete o CAPTCHA e clique em ‘Permitir acesso’.
Assim que você fizer isso, o AWeber fornecerá um código de autorização.
Certifique-se de copiá-lo e volte para a página do plugin WPForms.
Agora, simplesmente cole seu código de autorização e insira seu endereço de e-mail do AWeber.
Em seguida, clique em ‘Conectar ao AWeber’.
Isso é tudo para integrar o AWeber com o WPForms.
Se a conexão for bem-sucedida, você deverá ver uma mensagem de confirmação como esta:
Etapa 2: Crie seu primeiro formulário com o WPForms
Agora que você conectou o WPForms ao AWeber, você pode criar um novo formulário. Para fazer isso, vá para WPForms » Adicionar Novo.
Vá em frente e dê um nome ao seu formulário. Pode ser algo simples como ‘Formulário de Contato’.
Você também verá uma série de mais de 1500 modelos de formulários para escolher. Para demonstração, usaremos apenas o ‘Formulário de Contato de Inscrição AWeber’. Este modelo adiciona uma caixa de seleção de inscrição para lista de e-mail ao formulário de contato, que os usuários podem marcar se quiserem assinar sua newsletter após entrar em contato com você.
Depois de selecionar um modelo, clique em ‘Usar Modelo’.
Agora, você poderá personalizar o formulário de contato como quiser usando o construtor de formulários de arrastar e soltar.
O lado direito mostra uma prévia de como o formulário ficará mais tarde. Você pode arrastar e soltar os campos de formulário existentes como quiser ou adicionar novos campos de formulário da barra lateral esquerda na guia Adicionar Campos.
Existem muitas opções de campos, como múltipla escolha, número de telefone, endereço, upload de arquivo e muito mais.
Se você mudar para a guia ‘Opções de Campo’, poderá configurar ainda mais as configurações do campo.
Aqui, adicionamos um novo campo de múltipla escolha chamado ‘Tipo de Informação’ para que os usuários possam nos informar sobre o tópico sobre o qual estão perguntando.
Quando estiver satisfeito com a aparência do formulário, vá em frente e clique no botão ‘Salvar’.
Para mais informações sobre como criar um formulário de contato, você pode ler estes guias:
- Melhores Práticas para Design de Página de Formulário de Contato (com Exemplos)
- Como Criar um Formulário de Contato com Múltiplos Destinatários
- Como Criar um Formulário de Contato Seguro no WordPress
Passo 3: Conecte Seu Formulário com AWeber
O próximo passo é informar ao AWeber que você deseja capturar e enviar leads para a plataforma através do formulário WPForms.
Para fazer isso, você precisa mudar para a guia ‘Marketing’ e clicar em ‘AWeber’. Em seguida, clique em ‘Adicionar Nova Conexão’.
Uma janela pop-up aparecerá pedindo para você dar um apelido a esta conexão.
Você pode simplesmente usar algo simples como ‘Formulário de Contato de Inscrição AWeber’. Em seguida, clique em ‘OK’.
Agora, basta selecionar a conta que você conectou anteriormente.
Em seguida, escolha uma lista de e-mail da AWeber onde os leads deste formulário devem ser capturados. Você pode deixar a ‘Ação a Realizar’ como ‘Inscrever’.
Rolando para baixo, selecione o campo do formulário WPForms que é usado para capturar o e-mail (obrigatório) e o nome (opcional) do assinante.
Dessa forma, a AWeber pode extrair essas informações corretamente.
Em seguida, você pode usar tags existentes da AWeber ou adicionar novas tags para identificar os assinantes que você obteve deste formulário.
Se você decidir adicionar novas tags, certifique-se de separá-las com vírgulas.
Se o seu formulário WPForms incluir campos além do nome e endereço de e-mail usuais, como o que adicionamos, e você quiser que a AWeber colete essas informações adicionais, você também precisará configurar campos personalizados na AWeber.
Isso garante que a AWeber possa recuperar e armazenar esses dados com precisão.
Se você é novo nisso, basta ir ao seu painel da AWeber e navegar até a opção ‘Campos Personalizados’ no menu ‘Opções da Lista’.
Em seguida, clique em ‘Adicionar Campo Personalizado’.
Agora, basta digitar um nome para o seu novo campo personalizado. Você também pode permitir que os assinantes atualizem essas informações, se necessário.
Depois disso, clique em ‘Adicionar’. Para instruções detalhadas, você pode ler esta documentação da AWeber.
Agora, volte para a página do plugin WPForms e role para baixo. Em Nome do Campo Personalizado, selecione o campo personalizado que você acabou de criar anteriormente. Quanto ao Valor do Campo do Formulário, escolha o campo correspondente no seu formulário WPForms.
Como nosso formulário inclui uma caixa de seleção perguntando se os usuários desejam se inscrever, queremos enviar e-mails apenas para as pessoas que marcam esta caixa.
Para configurar isso, ative o botão ‘Habilitar Lógica Condicional’. Em seguida, escolha ‘Processar’ antes de ‘esta conexão se’.
Abaixo, selecione ‘Você gostaria de entrar em nossa lista de e-mail?’ e defina ‘é’ como o conector. Depois disso, escolha ‘Sim, inscreva-me!’
Agora, clique no botão ‘Salvar’ para salvar seu progresso.
Etapa 4: Incorpore seu formulário AWeber-WPForms em sua página
O próximo passo é exibir seu formulário em uma página do WordPress. Para fazer isso, basta clicar no botão ‘Incorporar’ ao lado de Salvar.
Depois disso, clique em ‘Selecionar Página Existente’ ou ‘Criar Nova Página’. Ambas as opções eventualmente o levarão ao editor de blocos, onde você inserirá o bloco WPForms na página.
Para demonstração, criaremos uma nova página chamada ‘Fale Conosco’.
Assim que você der um título à sua nova página, clique em ‘Vamos!’
Na maioria dos casos, o WPForms inserirá automaticamente o bloco de formulário em sua página.
Mas se isso não estiver acontecendo, você pode clicar no botão ‘+ Adicionar Bloco’ em qualquer lugar da página e selecionar o bloco WPForms.
Agora, basta selecionar o formulário que você criou anteriormente na seção ‘Configurações do Formulário’ dentro da barra lateral de configurações do bloco.
Você também pode personalizar a aparência do formulário mostrando seu título, alterando os estilos dos campos, modificando as cores dos botões, adicionando CSS personalizado e assim por diante.
Assim que estiver satisfeito com a aparência da página, você pode clicar em ‘Publicar’ ou ‘Atualizar’ para finalizar suas alterações.
Você também pode adicionar o bloco de formulário às suas postagens de blog, áreas de widget ou partes de modelo se você for um usuário de tema de bloco. Ou use um shortcode para adicioná-lo em outros locais onde o bloco não está disponível.
Veja como nosso formulário aparece no front-end:
Dica de especialista: Quer exibir seu formulário em uma página de destino? Você pode usar SeedProd para criar uma página de destino com boa aparência que possa facilmente converter visitantes em leads. Você pode aprender mais sobre como criar uma página de destino no WordPress em nosso artigo passo a passo.
Etapa 5: Teste seu formulário AWeber-WPForms
Para garantir que tudo funcione bem, você precisará testar seu formulário e ver se as informações inseridas lá também são recebidas pelo AWeber.
Você pode usar seu próprio e-mail comercial ou um e-mail temporário para fazer isso. Após preencher o formulário, você deverá receber um e-mail como o abaixo. Certifique-se de clicar no botão para confirmar sua assinatura.
Em seguida, se você for para a página 'Assinantes' no AWeber, verá um novo assinante identificado com as tags que você adicionou anteriormente.
O Campo Personalizado também estará lá.
Método 3: Adicionando um formulário web AWeber usando OptinMonster (para pop-ups)
Se você deseja executar uma campanha de pop-up em seu site WordPress e capturar leads para sua lista de e-mail AWeber, então você pode usar OptinMonster.
É o melhor e mais amigável para iniciantes software de geração de leads para criar campanhas de marketing envolventes e aumentar seus assinantes de e-mail.
Passo 1: Configurar o OptinMonster
Para conectar o OptinMonster com o AWeber, você precisará de um plano Plus ou superior.
Assim que você se inscrever em um plano, poderá prosseguir e instalar o plugin OptinMonster no WordPress. Para instruções passo a passo, confira nosso guia para iniciantes sobre como instalar um plugin do WordPress.
Assim que o plugin for instalado e ativado, você verá uma página de Boas-vindas que solicita a conexão do WordPress com o OptinMonster. Simplesmente clique no botão ‘Conectar Sua Conta Existente’ para começar.
Em seguida, uma nova tela aparecerá.
Aqui, basta clicar no botão ‘Conectar ao WordPress’ para adicionar seu site ao OptinMonster.
Etapa 2: Crie Sua Primeira Campanha OptinMonster
Agora, você pode prosseguir e configurar uma nova campanha.
Para fazer isso, vá para OptinMonster » Campanhas e clique em ‘Criar Sua Primeira Campanha.’
Na próxima tela, você pode escolher entre ‘Modelos’ ou ‘Playbooks.’
Modelos são formulários de geração de leads pré-projetados e com aparência profissional, criados pelo OptinMonster.
Por outro lado, Playbooks são campanhas completas inspiradas em estratégias de marketing bem-sucedidas de marcas conhecidas.
Além do formulário de geração de leads, os Playbooks vêm completos com a estrutura da campanha, texto e regras de exibição, para que você possa lançar uma campanha com apenas alguns ajustes.
Para demonstração, usaremos ‘Modelos.’
Em seguida, selecione um Tipo de Campanha e um design de formulário.
Usaremos ‘Popup’ e ‘Inscrição para um Webinar (Contagem Regressiva)’ como exemplo. Prossiga e clique em ‘Usar Modelo’ no seu modelo desejado.
Nesta etapa, você precisará nomear sua campanha.
Qualquer nome funcionará, desde que você possa identificar facilmente sua campanha mais tarde. Depois de concluir esta etapa, clique em ‘Iniciar Construção.’
Agora você será levado ao site do OptinMonster para personalizar seu formulário de geração de leads.
Na guia Design, você pode personalizar a aparência do formulário popup usando os blocos disponíveis e o editor de arrastar e soltar.
Além de editar a aparência do popup Sim/Não inicial, você também pode modificar a seção de Optin (onde os usuários preenchem nome e e-mail) e a mensagem de Sucesso (após os usuários terem preenchido o formulário).
No exemplo abaixo, alteramos o texto para que o leitor saiba que pode participar do nosso webinar e da lista de e-mail inserindo o nome e o e-mail.
Se você navegar até a aba ‘Regras de Exibição’, poderá definir as condições para quando o pop-up deve aparecer.
Você pode basear as condições em muitos aspectos, como se eles são um usuário logado, se mostram sinais de saída, se são de uma localização específica, se não converteram, e assim por diante.
Além disso, você pode habilitar qualquer animação ou efeito sonoro para fazer o pop-up se destacar ainda mais.
Ao fazer suas alterações, certifique-se de clicar no botão ‘Salvar’ para que suas edições não sejam perdidas.
Para mais informações sobre como criar uma campanha, você pode conferir estes guias:
- Como Criar Pop-ups para Celular que Convertem (Sem Prejudicar o SEO)
- Como Criar um Popup WooCommerce para Aumentar as Vendas
- Como Adicionar um Popup de Formulário de Contato no WordPress
Etapa 3: Conectar OptinMonster com AWeber
Depois de finalizar o design da sua campanha e as regras de exibição, vamos mudar para a aba ‘Integrações’. É aqui que você configurará a conexão OptinMonster-AWeber.
Lá, clique em ‘Adicionar uma Nova Integração’.
Depois disso, localize o logotipo da AWeber.
Abaixo dele, clique em ‘Conectar’.
Agora, você será solicitado a inserir sua conta AWeber e código de autorização.
Para obter o código, clique em ‘Registrar AWeber’.
Uma nova janela aparecerá, pedindo para você inserir suas credenciais de login da AWeber.
Depois de fazer isso, clique em ‘Permitir Acesso’.
Neste ponto, o AWeber fornecerá o código de autorização.
Copie este código e, em seguida, retorne ao OptinMonster.
De volta ao OptinMonster, basta inserir seu e-mail da conta AWeber e o código de autorização anterior.
Em seguida, clique em ‘Conectar ao AWeber’.
Se a conexão for bem-sucedida, você retornará à aba Integrações e verá sua conta AWeber listada lá.
Aqui, você pode selecionar sua ‘Lista de Provedor’ (a lista AWeber para a qual você adicionará novos leads do OptinMonster). Abaixo disso, você pode adicionar algumas Tags de Lead para segmentar o tipo de leads adquiridos deste formulário. Para este exemplo, usaremos apenas ‘webinar’ e ‘profissionais’.
Em seguida, você também pode adicionar um Identificador de Rastreamento de Anúncios para identificar a origem do lead. Neste caso, como estamos criando um formulário de registro de webinar, o valor pode ser ‘webinar_form’.
Rolando para baixo, você encontrará a seção ‘Mapeamento de Campos’.
Se o seu formulário pop-up solicitar apenas o nome e o e-mail do usuário, o OptinMonster mapeará automaticamente esses campos para os campos correspondentes disponíveis no AWeber.
Mas se você adicionar outros campos além desses, poderá precisar criar campos personalizados no AWeber para que a plataforma possa capturar essas informações corretamente.
Você pode rolar para cima até o nosso método WPForms para ver como adicionar um campo personalizado e ler a documentação do OptinMonster sobre mapeamento de campos para mais informações.
Etapa 4: Publique Sua Campanha OptinMonster-AWeber
Agora que você conectou o OptinMonster ao AWeber, está pronto para publicar sua campanha.
Vá em frente e mude para a aba ‘Publicar’ para fazer isso. Em seguida, altere o Status de Publicação para ‘Publicar’.
Em seguida, clique no botão ‘Salvar’. Como você instalou o plugin OptinMonster para WordPress, seu pop-up estará ativo em pouco tempo. Não há necessidade de usar nenhum código HTML ou JavaScript.
Veja como nosso pop-up aparece em nosso blog WordPress de demonstração:
Etapa 5: Teste sua Campanha OptinMonster-AWeber
A etapa final é verificar se sua campanha funciona e se os leads capturados pelo OptinMonster são enviados com sucesso para o AWeber. Para fazer isso, você pode visitar seu site em modo anônimo e esperar o pop-up aparecer. Em seguida, tente preencher o formulário normalmente.
Assim que fizer isso, seu e-mail de teste receberá uma notificação por e-mail como esta:
Certifique-se de clicar no botão no e-mail.
Após fazer isso, você verá seu e-mail de teste na página ‘Assinantes’ no AWeber, completo com o Identificador de Rastreamento de Anúncios e as Tags de Lead que você configurou anteriormente.
Leve seu Marketing por E-mail para o Próximo Nível
Quer converter mais visitantes em assinantes com o AWeber? Confira estes guias para melhorar seu marketing por e-mail:
- Erros de Marketing por E-mail que Usuários do WordPress Devem Evitar
- Guia para Iniciantes em Automação de Marketing por E-mail no WordPress
- Maneiras Testadas e Fáceis de Aumentar Sua Lista de E-mail Mais Rapidamente
- Como Usar Mídias Sociais para Aumentar Assinantes de E-mail no WordPress
- Como Criar um Sorteio para Aumentar sua Lista de E-mails
- Melhores Plugins de Newsletter para WordPress (Fáceis de Usar + Poderosos)
- Melhores Alternativas ao Mailchimp (com Melhores Recursos + Preços Justos)
Esperamos que este artigo tenha ajudado você a aprender como instalar o widget de formulário web do AWeber no WordPress. Você também pode querer ver nosso tutorial sobre como enviar e-mails automatizados no WordPress e nosso artigo sobre como usamos um site de assinatura de vídeo para crescer nossa lista de e-mails.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Tem alguma pergunta ou sugestão? Por favor, deixe um comentário para iniciar a discussão.