Como Criar um Formulário do WhatsApp no WordPress

Você quer enviar notificações de um formulário WordPress para o WhatsApp?

Embora possa parecer que as notificações do WhatsApp poderiam ser complicadas, elas realmente não são tão ruins.

Se você quer ver o que quero dizer, continue por aqui e eu lhe direi o que você precisa e como você pode começar a enviar notificações do seu formulário WordPress para o WhatsApp. Você consegue. Eu acredito em você!

Como Enviar Notificações de um Formulário WordPress para o WhatsApp

Antes de começarmos, aqui estão as ferramentas que você precisará para acompanhar este tutorial:

• WPForms: Você precisará baixar e instalar o plugin WPForms em seu site. Por favor, note que você precisará do plano Plus ou superior para acessar o addon Twilio, que é o que torna as notificações do WhatsApp fáceis.
• Conta Twilio: Você precisará passar pelo processo de configuração de uma conta Twilio e obtenção de um número de telefone. Isso será necessário para conectar o Twilio e o WPForms.
• Addon Twilio: Certifique-se de instalar e ativar o addon Twilio no WPForms.

Crie seu formulário WordPress agora

Mais sobre isso à medida que avançamos. Por enquanto, aqui está uma breve visão geral:

Essencialmente, você configurará alguns itens no Twilio, depois conectará isso à sua conta WPForms para que possam trabalhar juntos para enviar mensagens do WhatsApp para os usuários diretamente de um envio de formulário bem-sucedido.

Vamos ver como isso se junta.

Etapa 1. Crie um Modelo de Mensagem no Twilio

Para enviar mensagens do WhatsApp usando o Twilio, você precisa criar um modelo de mensagem no Twilio. Mais adiante neste processo, você verá como esses modelos extrairão informações dos campos do seu formulário WPForms. Por enquanto, veja como configurá-lo.

Na navegação da barra lateral esquerda, vá para Mensagens » Construtor de Modelos de Conteúdo.

Em seguida, clique no botão azul que diz Crie seu primeiro modelo de conteúdo.

Depois disso, você precisará fornecer alguns detalhes. O primeiro será o Nome do Modelo e o segundo será o Idioma do Modelo. O terceiro é o Tipo de Conteúdo. É aí que você tem várias opções para escolher, e qual você escolhe vai depender de que tipo de mensagem de notificação você quer enviar.

Se você quiser apenas enviar algum texto, por exemplo, você escolherá essa opção.

Depois de fazer sua seleção, clique em Criar.

Agora precisamos configurar o modelo.

Role para baixo até localizar a seção Conteúdo. Insira o texto da sua mensagem no campo Corpo. Observe os limites de caracteres.

Você também pode clicar em + Adicionar Variável para usar texto dinâmico que será extraído dos seus campos de formulário, como nomes, números de pedido ou outras informações personalizadas.

Quando estiver satisfeito com sua mensagem, clique em Salvar e Enviar para Aprovação do WhatsApp.

Após fazer isso, você verá uma tela solicitando que forneça valores de exemplo para que possa ver como o texto ficará quando essas variáveis forem preenchidas. Depois de adicionar esses valores para os campos de variável que você usou, clique em Salvar com exemplos.

Não se prenda muito aos valores de exemplo. Quando você conectar seu formulário ao Twilio no WPForms, poderá mapear as variáveis para campos de formulário específicos. Pense nisso mais como um recurso de teste por enquanto.

Deixe esta guia aberta porque precisaremos voltar ao Twilio para obter algumas informações. Abra outra guia e navegue até o painel do WordPress para a próxima etapa.

Etapa 2. Conecte o WPForms ao Twilio

Agora que você configurou tudo no Twilio, como está se sentindo? Espero que tenha sido bem fácil até agora! Agora vou mostrar como conectar o WPForms ao Twilio para que possamos juntar tudo.

No seu painel do WordPress, clique em WPForms » Configurações. Em seguida, escolha a guia Integrações.

Role para baixo até localizar o Twilio. Clique em Adicionar Nova Conta.

Você verá que há algumas informações que você precisa fornecer para adicionar sua conta.

É aqui que ter duas guias abertas entra em jogo. Será muito mais fácil se você puder alternar entre elas para obter rapidamente as informações de que precisa para conectar sua conta.

Clique de volta na guia com sua conta Twilio aberta e navegue até o seu painel. Você deverá ver uma seção no painel chamada Informações da Conta. Ela inclui o Account SID e o Auth Token, que você precisa adicionar no WPForms.

Copie as informações e cole-as em seus respectivos campos na sua guia do WPForms.

Após adicionar ambos os números, o último campo solicita um Nome de Conta Twilio. Pense nisso apenas como um apelido. É apenas para uso interno e ajuda você a diferenciar entre contas e conexões se tiver várias.

Quando todas as informações estiverem no lugar, clique em Conectar ao Twilio.

Se a conexão for bem-sucedida, você verá isso refletido no status.

Agora é hora de juntar tudo!

Etapa 3. Crie um Formulário no WPForms

Nesta etapa final, mostrarei como juntar tudo para que você possa enviar notificações de um formulário do WordPress para o WhatsApp. A primeira coisa que você precisa é o formulário que você planeja usar para acionar suas notificações do WhatsApp.

Você pode criar um formulário ou usar um dos mais de 2.100 modelos de formulário disponíveis no WPForms. Se você decidir usar um modelo, poderá personalizá-lo para torná-lo seu.

Crie seu formulário WordPress agora

Quando seu formulário estiver pronto e você o estiver visualizando no construtor de formulários do WPForms, clique em Marketing. Na lista de seus addons que aparece, selecione Twilio. Clique para Adicionar uma Nova Conexão.

Não se preocupe, isso é diferente do que você fez no final da etapa 2. Aqui você está adicionando a conexão diretamente a este formulário.

Na janela modal que aparece, insira um nome de conexão. Novamente, isso é para uso interno e ajuda você a diferenciar entre diferentes conexões, se você as tiver.

Em seguida, você escolherá a conta a ser conectada. Se você conectou apenas uma conta na etapa 2, essa é a única conta que aparecerá aqui. Selecione a conta à qual deseja se conectar ao formulário.

Se você achar confuso, pense desta forma: a última etapa conectou sua conta Twilio ao WPForms. Esta etapa estabelece ainda mais essa conexão diretamente ao seu formulário.

Após escolher a conta, você terá que responder se deseja enviar como SMS ou enviar como WhatsApp. Para este tutorial, vamos escolher WhatsApp, já que é isso que estamos cobrindo aqui.

Em seguida, escolha o número de telefone que você deseja usar para enviar suas mensagens.

Em seguida, você indicará quem deve receber as mensagens.

Se você selecionar Campos de Telefone, as mensagens irão para as pessoas que enviam seu formulário, com base nas informações que elas fornecem nos campos de telefone do seu formulário. Ao fazer isso, um menu suspenso aparecerá para que você possa selecionar o campo correto do seu formulário para usar.

Se você selecionar Número de Telefone Verificado, verá um menu suspenso que lista todos os números que você verificou em sua conta Twilio. Você selecionará o número específico que deseja receber uma notificação.

Finalmente, como você escolheu enviar como WhatsApp, você verá um menu suspenso onde pode selecionar um Modelo de Mensagem.

Lembre-se por um momento do que você fez na Etapa 1 acima, quando criou um modelo de mensagem no Twilio. O modelo ou os modelos que você criou lá devem agora estar disponíveis neste menu suspenso para você selecionar.

Selecione o modelo que deseja usar.

Após selecionar o modelo, você verá opções para mapear as variáveis para os campos do seu formulário.

Isso pode parecer um pouco confuso porque todas as peças estão se juntando aqui, então deixe-me explicar.

Você criou um modelo de mensagem no Twilio para usar em notificações do WhatsApp. Nesse modelo de mensagem, você adicionou variáveis numeradas para personalizar a mensagem.

Você também criou um formulário usando o WPForms. Este formulário é o que seus usuários realmente preencherão.

Você deseja enviar notificações do formulário do WordPress para o WhatsApp, o que exige que você conecte o modelo de mensagem ao seu formulário.

Depois de mapear os campos do formulário do seu formulário WPForms para o seu modelo de mensagem Twilio (que você criou para enviar como uma mensagem do WhatsApp), esses campos de variável serão preenchidos com as informações personalizadas corretas. Eles agora estão conectados.

Ou, para simplificar, sua mensagem do WhatsApp incluirá informações enviadas através do formulário que você cria no WPForms.

Quando terminar de configurar as opções aqui, clique em Salvar no topo do construtor de formulários.

Opcional: Ative o Teste do Sandbox

Esta etapa é totalmente opcional, mas quero que você tenha as informações, caso sejam aplicáveis ao que você está fazendo.

Se você quiser testar suas mensagens do WhatsApp antes de se comprometer com uma conta do WhatsApp Business e obter a aprovação do WhatsApp, você pode fazer isso no Twilio. O ambiente Sandbox permite que você teste sua integração primeiro.

Felizmente, isso é bem fácil de configurar conectando seu número de telefone preferido ao Sandbox do WhatsApp do Twilio.

Comece fazendo login na sua conta Twilio. Na navegação da barra lateral esquerda, clique em Mensagens, depois nesse submenu, clique em Experimente » Enviar uma mensagem do WhatsApp, assim:

Quando a página Enviar uma mensagem do WhatsApp abrir, que foi sua última seleção aqui, role para baixo até ver Conectar ao Sandbox do WhatsApp. Você verá os detalhes da sua conexão lá, juntamente com 2 opções para ingressar.

Você pode escolher se deseja enviar uma mensagem do WhatsApp para o número do Twilio com seu código pessoal de ingresso ou se deseja escanear o código QR.

Após enviar o código de ingresso, verifique seu telefone. Você deverá receber uma mensagem confirmando que seu número está conectado ao ambiente Sandbox e você pode começar a testar.

No seu painel do WordPress, navegue até o plugin WPForms e abra o formulário que você está usando para suas mensagens do WhatsApp.

Com o formulário aberto no construtor de formulários, selecione a aba Marketing no lado esquerdo e, em seguida, encontre Twilio.

Se isso parece familiar, é porque você esteve aqui antes quando configurou as configurações do Twilio na Etapa 3.

Abaixo do menu suspenso onde você selecionou Enviar como WhatsApp, você verá um botão de alternância para Ativar Modo Sandbox.

Quando você ativa o Modo Sandbox, não é mais necessário usar um modelo de mensagem pré-aprovado. Em vez disso, você verá um campo Mensagem onde pode criar o texto que desejar para testes.

Agora você pode enviar mensagens usando o número de teste do Twilio para testar a integração sem a necessidade de uma conta do WhatsApp Business imediatamente.

Vale notar que você tem um período de teste de 3 dias no modo Sandbox. Após os 3 dias, suas mensagens de teste não serão enviadas, a menos que você reconecte o modo Sandbox.

Depois de terminar de configurar sua mensagem, salve seu formulário e pronto.

Em seguida, Explore Mais Maneiras de Usar Marketing Conversacional

Agora que você sabe como enviar notificações de um formulário do WordPress para o WhatsApp, talvez esteja procurando mais maneiras de praticar marketing conversacional. Se você deseja atrair e engajar clientes por meio de conversas e personalização, confira nosso guia de exemplos de marketing conversacional e ferramentas de engajamento do cliente.

Crie seu formulário WordPress agora

Pronto para criar seu formulário? Comece hoje mesmo com o plugin de criação de formulários WordPress mais fácil. WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.

Se este artigo ajudou você, por favor, siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.