Envie notificações de um formulário WordPress para o WhatsApp

Como Criar um Formulário WhatsApp no WordPress

Quer um formulário no seu site WordPress que termine com uma mensagem de WhatsApp em vez de um e-mail que fica por ler durante dois dias?

Para muitas audiências, essa é a diferença entre um lead e uma conversa perdida. Em regiões onde o WhatsApp é a forma padrão de comunicação, um caminho de resposta apenas por e-mail é um obstáculo.

Portanto, se você está a criar captura de leads, pedidos de agendamento, registo de suporte ou confirmações de encomendas para uma audiência que vive no WhatsApp, você quer que o formulário e o canal de mensagens estejam conectados.

Como Criar um Formulário WhatsApp no WordPress

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

  • WPForms: Terá de descarregar e instalar o plugin WPForms no seu site. Por favor, note que precisará do plano Plus ou superior para aceder ao addon Twilio, que é o que torna as notificações do WhatsApp fáceis.
  • Conta Twilio: Terá de passar pelo processo de configuração de uma conta Twilio e obtenção de um número de telefone. Isto será necessário para conectar o Twilio e o WPForms.
  • Addon Twilio: Certifique-se de que instala e ativa o addon Twilio no WPForms.

Crie o Seu Formulário WordPress Agora

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

Essencialmente, irá configurar e configurar alguns itens no Twilio, depois ligá-lo à sua conta WPForms para que possam trabalhar em conjunto para enviar mensagens do WhatsApp diretamente aos utilizadores a partir de um envio de formulário bem-sucedido.

Vejamos como tudo se junta.

Procura Notificações para SMS?

Se quiser enviar notificações por SMS em vez de WhatsApp, o processo é semelhante. Consulte o nosso guia sobre como obter uma notificação por SMS para um formulário WordPress para mais informações sobre a configuração.

Passo 1. Criar um Modelo de Mensagem no Twilio

A Plataforma de Negócios do WhatsApp exige que cada mensagem de saída para um cliente utilize um modelo pré-aprovado. Essa é a política do WhatsApp, não da Twilio, e existe para evitar que o WhatsApp se torne outro canal de spam.

Portanto, antes que o WPForms possa enviar qualquer coisa, você precisa criar o modelo dentro da Twilio e submetê-lo para aprovação. Por agora, veja como configurá-lo.

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

Criar um modelo de conteúdo para WhatsApp no Twilio

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

Construtor de modelos de conteúdo Twilio

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 a que você escolher dependerá do tipo de mensagem de notificação que deseja enviar.

Se você apenas quer enviar algum texto, por exemplo, você escolherá essa opção. Assim que tiver feito a sua seleção, clique em Criar.

Crie o seu modelo de conteúdo na Twilio

Agora precisamos de configurar o modelo.

Role para baixo até localizar a secção Conteúdo. Introduza o texto da sua mensagem no campo Corpo. Tome nota dos limites de caracteres.

Introduza o texto da mensagem na Twilio

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 encomenda ou outras informações personalizadas.

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

Guardar e submeter para aprovação do WhatsApp no Twilio

Depois de fazer isso, você receberá uma tela pedindo para fornecer valores de exemplo para que possa ver como o texto ficará quando essas variáveis forem preenchidas.

Assim que adicionar esses valores para os campos de variáveis que usou, clique em Guardar com exemplos.

Guardar com exemplos

Não se prenda demasiado aos valores de exemplo. Quando ligar o seu formulário ao Twilio no WPForms, poderá mapear as variáveis para campos de formulário específicos. Pense nisto mais como uma funcionalidade de teste por agora.

Deixe este separador aberto porque precisaremos de voltar ao Twilio para obter algumas informações. Abra outro separador e navegue até ao seu painel WordPress para o próximo passo.

Se preferir usar SMS em vez de WhatsApp para algumas notificações, o processo dentro do mesmo complemento Twilio é semelhante.

Veja o nosso guia sobre como obter uma notificação por SMS para um formulário WordPress para a configuração específica de SMS.

Passo 2. Ligar o WPForms ao Twilio

Agora você vai puxar o seu SID da Conta Twilio e o Token de Autenticação para o WPForms para que os dois possam comunicar.

No seu painel WordPress, clique em WPForms » Definições. Em seguida, escolha o separador Integrações. Role para baixo até localizar a Twilio. Clique em Adicionar Nova Conta.

Envie notificações de um formulário WordPress para o WhatsApp com a Twilio

Verá que há algumas informações que tem de fornecer para adicionar a sua conta.

É aqui que ter dois separadores abertos entra em jogo. Será muito mais fácil se puder alternar entre eles para obter rapidamente as informações de que necessita para ligar a sua conta.

Conecte a sua conta Twilio ao WPForms

Clique de volta no separador com a sua conta Twilio aberta e navegue até ao seu painel. Deverá ver uma secção no painel chamada Informações da Conta. Inclui o SID da Conta e o Token de Autenticação, que precisa de adicionar no WPForms.

Dashboard de Informações da Conta Twilio

Copie as informações e cole-as no seu respetivo campo no seu separador WPForms.

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

Conectar WPForms ao Twilio

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

Se a ligação for bem-sucedida, verá isso refletido no estado.

Twilio conectado ao WPForms

Agora é hora de juntar tudo!

Passo 3. Criar um Formulário no WPForms

Neste passo final, mostrarei como juntar tudo para que possa enviar notificações de um formulário WordPress para o WhatsApp. A primeira coisa que precisa é do formulário que planeia usar para acionar as suas notificações do WhatsApp.

Pode criar um formulário ou usar um dos mais de 2.100 modelos de formulário disponíveis no WPForms. Se decidir usar um modelo, pode personalizá-lo para o tornar seu.

Crie o Seu Formulário WordPress Agora

Quando o seu formulário estiver pronto e o estiver a ver no construtor de formulários WPForms, clique em Marketing. Na lista dos seus add-ons que aparece, selecione Twilio. Clique para Adicionar uma Nova Ligação.

Não se preocupe, isto é diferente do que fez no final do passo 2. Aqui está a adicionar a ligação diretamente a este formulário.

Adicionar uma nova conexão ao Twilio no construtor de formulários WPForms

Na janela modal que aparece, introduza um nome de ligação. Novamente, isto é para uso interno e ajuda-o a diferenciar entre diferentes ligações se as tiver.

Em seguida, escolherá a conta a ligar. Se apenas ligou uma conta no passo 2, essa será a única conta que aparecerá aqui. Selecione a conta à qual pretende ligar o formulário.

Selecione a sua conta Twilio no construtor de formulários WPForms

Se achar confuso, pense desta forma: o último passo ligou a sua conta Twilio ao WPForms. Este passo estabelece ainda mais essa ligação diretamente ao seu formulário.

Após escolher a conta, terá de responder se pretende enviar como SMS ou como WhatsApp. Para este tutorial, vamos escolher WhatsApp, uma vez que é isso que estamos a cobrir aqui.

Em seguida, escolha o número de telefone que pretende usar para enviar as suas mensagens.

Enviar a partir do número de telefone

Depois indicará quem deve receber as mensagens.

Se selecionar Campos de Telefone, as mensagens irão para as pessoas que enviam o seu formulário, com base nas informações que fornecem nos campos de telefone do seu formulário. Ao fazer isto, aparecerá uma lista suspensa para que possa selecionar o campo correto do seu formulário a usar.

Campo de telefone

Se selecionar Número de Telefone Verificado, verá uma lista suspensa com todos os números que verificou na sua conta Twilio. Selecionará o número específico que pretende receber uma notificação.

Selecione o número de telefone verificado

Finalmente, como escolheu enviar como WhatsApp, verá uma lista suspensa onde pode selecionar um Modelo de Mensagem.

Selecione um modelo de mensagem para notificações do WhatsApp

Recorde por um momento o que fez no Passo 1 acima, quando criou um modelo de mensagem no Twilio. O modelo ou modelos que criou lá devem agora estar disponíveis nesta lista suspensa para que possa selecionar.

Selecione o modelo que deseja usar. Após selecionar o modelo, você verá opções para mapear as variáveis para os seus campos de formulário.

Mapeie as variáveis do seu modelo de mensagem aos seus campos de formulário

Isto pode parecer um pouco confuso porque todas as peças estão a juntar-se aqui, por isso deixe-me explicar.

  • Criou um modelo de mensagem no Twilio para usar em notificações WhatsApp. Nesse modelo de mensagem, adicionou variáveis numeradas para personalizar a mensagem.
  • Também criou um formulário usando o WPForms. Este formulário é o que os seus utilizadores irão realmente preencher.
  • Pretende enviar notificações do formulário WordPress para o WhatsApp, o que exige que ligue o modelo de mensagem ao seu formulário.
  • Assim que mapear os campos do formulário do seu formulário WPForms para o seu modelo de mensagem Twilio (que criou para enviar como mensagem WhatsApp), esses campos de variáveis serão preenchidos com as informações personalizadas corretas. Estão agora ligados.
  • Ou, para simplificar, a sua mensagem WhatsApp incluirá informações enviadas através do formulário que criar no WPForms.

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

Guardar formulário

Opcional: Ativar Teste Sandbox

Este passo é totalmente opcional, mas quero que tenha a informação, caso seja aplicável ao que está a fazer.

Se pretender testar as suas mensagens WhatsApp antes de se comprometer com uma conta de Negócios WhatsApp e obter a aprovação do WhatsApp, pode fazê-lo no Twilio. O seu ambiente Sandbox permite-lhe testar a sua integração primeiro.

Felizmente, isto é bastante fácil de configurar ao ligar o seu número de telefone preferido à Sandbox do WhatsApp da Twilio.

Comece por iniciar sessão na sua conta Twilio. Na navegação da barra lateral esquerda, clique em Messaging, depois nesse submenu, clique em Try it out » Send a WhatsApp message, assim:

Teste a sua integração com o WhatsApp no ambiente Sandbox da Twilio

Quando a página Send a WhatsApp message abrir, que foi a sua última seleção aqui, role para baixo até ver Connect to WhatsApp Sandbox. Verá os seus detalhes de conexão lá, juntamente com 2 opções para aderir.

Utilize os seus detalhes de ligação para aderir ao ambiente Sandbox da Twilio

Pode escolher se quer enviar uma mensagem WhatsApp para o número Twilio com o seu código de adesão pessoal, ou se quer digitalizar o código QR.

Depois de enviar o código de adesão, verifique o seu telefone. Deverá receber uma mensagem a confirmar que o seu número está ligado ao ambiente Sandbox e que pode começar a testar.

Mensagem de confirmação do Sandbox

A partir do seu painel WordPress, navegue até ao plugin WPForms e abra o formulário que está a usar para as suas mensagens WhatsApp.

Assim que o formulário estiver aberto no construtor de formulários, selecione o separador Marketing no lado esquerdo e, em seguida, localize Twilio.

Se isto lhe parece familiar, é porque você esteve aqui antes quando configurou as definições da Twilio na Etapa 3. Abaixo do menu suspenso onde selecionou para Enviar como WhatsApp, você verá um interruptor para Ativar Modo Sandbox.

Ativar Modo Sandbox

Quando ativa o Modo Sandbox, já não é obrigado a usar um modelo de mensagem pré-aprovado. Em vez disso, verá um campo Message onde pode criar qualquer texto que desejar para testes.

Introduza uma mensagem para testar em modo Sandbox

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

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

Assim que terminar de configurar a sua mensagem, guarde o seu formulário e está pronto.

FAQs sobre a Criação de um Formulário de WhatsApp no WordPress

Criar um formulário de WhatsApp no WordPress é um fluxo de trabalho popular para empresas que falam com clientes em aplicações de mensagens. Aqui estão as respostas às perguntas que surgem com mais frequência quando os leitores configuram isto pela primeira vez.

Preciso do WPForms Pro, ou o Plus serve?

O complemento Twilio, que é o que potencia as mensagens do WhatsApp, desbloqueia-se no nível Plus. Pro e superior também incluem o complemento Twilio e dão-lhe acesso a outras funcionalidades premium como Stripe Pro, Cálculos ou Cupons.

Preciso de uma conta WhatsApp Business para usar isto?

Sim, as rotas de entrega do WhatsApp da Twilio passam pela Plataforma oficial do WhatsApp Business, que requer aprovação empresarial.

Para testes, a Sandbox do Twilio permite-lhe saltar o passo de aprovação e validar a integração com um número de telefone pessoal ligado a um canal temporário de sandbox.

Se um cliente com quem já conversei no WhatsApp submeter o formulário, a nova mensagem cairá no chat existente?

Depende se o seu número WhatsApp Business registado é o mesmo número que usou para conversas anteriores. As mensagens são encaminhadas para o histórico de chat do destinatário com o número remetente.

Se enviar a partir do seu número empresarial e esse cliente já tiver um fio de conversa com esse número, a nova mensagem automatizada cairá nesse mesmo fio. Se enviar a partir de um número diferente, abrirá um novo fio.

Posso enviar a mesma submissão de formulário para e-mail e WhatsApp?

Sim. A entrega do WhatsApp acontece através da ligação Twilio Marketing no formulário. As notificações por e-mail acontecem separadamente em Definições » Notificações dentro do construtor de formulários.

Configure ambos, e uma única submissão aciona um e-mail para a sua equipa e uma mensagem WhatsApp para o cliente (ou vice-versa). Também pode usar lógica condicional para enviar notificações específicas apenas quando certos valores do formulário são submetidos.

O formulário pode abrir um chat do WhatsApp no navegador do visitante em vez de enviar uma mensagem da minha conta?

Esse é um padrão diferente, pois o fluxo Twilio neste artigo envia uma mensagem de saída do seu número WhatsApp Business registado.

Se quiser um formulário que redirecione os visitantes para um link wa.me com os seus dados de formulário pré-preenchidos (sem necessidade de conta Twilio), esse é um padrão click-to-chat.

Para esses casos de uso, a nossa compilação dos melhores plugins WhatsApp para WordPress cobre as opções click-to-chat que valem a pena considerar.

Em seguida, Explore Mais Formas de Usar o Marketing Conversacional

Agora que sabe como enviar notificações de um formulário WordPress para o WhatsApp, talvez esteja à procura de mais formas de praticar marketing conversacional.

Se quiser atrair e envolver clientes através de conversação e personalização, consulte o nosso guia de exemplos de marketing conversacional e ferramentas de envolvimento do cliente.

Crie o Seu Formulário WordPress Agora

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

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

Divulgação: O nosso conteúdo é suportado pelo leitor. Isto significa que se clicar em alguns dos nossos links, poderemos ganhar uma comissão. Veja como o WPForms é financiado, porque é importante e como pode apoiar-nos.

Renee DeCoskey

Renee DeCoskey tem escrito em blogs desde 2001 e usado o WordPress desde 2007. Quando não está a escrever sobre plugins WordPress, pode encontrá-la enrolada num livro ou a divertir-se no Rotary. Saber Mais

O Melhor Plugin Construtor de Formulários Drag and Drop para WordPress

Fácil, Rápido e Seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

10 comentários sobre “Como Criar um Formulário WhatsApp no WordPress

  1. Ótimo artigo!
    2 Perguntas:
    1. Apenas a subscrição Pro do WPForms funcionará nesta integração (e não a Plus ou Basic)?
    2. Temos uma clínica médica. Usamos o WhatsApp para comunicar com os nossos clientes. Se eu usar a integração como explicado, os leads serão enviados para a nossa aplicação WhatsApp. Se recebermos um lead de um cliente existente, com quem já tínhamos conversado no WhatsApp antes, clicar no número de telefone dele no lead abrirá o chat existente ou abrirá um novo?
    Obrigado.

    1. Olá Yonatan – Qualquer versão paga, incluindo os planos Basic e Plus do WPForms, integra-se perfeitamente com o Uncanny Automator.

      Relativamente à sua segunda questão, por favor, saiba que os passos enviarão apenas a entrada de submissão do formulário para o número de telefone designado do Whatsapp. Se adicionar uma variável de número de telefone na mensagem, não teremos controlo sobre se abrirá a conversa anterior. Na maioria dos dispositivos, clicar num número de telefone abrirá um pop-up e solicitará o passo que pretende tomar. Espero que isto ajude. Obrigado.

    1. Olá Lilly – Claro que sim! Durante a integração, poderá passar o valor de campos selecionados para o WhatsApp a partir da secção de Gatilhos usando tokens específicos do WPForms. Aqui tem uma captura de ecrã, caso ajude.

      Obrigado.

  2. Posso usar isto para automatizar um processo onde, após preencher o formulário, o cliente é redirecionado para o meu DM do whatsapp com uma mensagem estruturada contendo as entradas do formulário preenchido anteriormente?

    Se sim, por favor, como posso fazer isso?

    1. Olá Abdulmuiz – Claro que sim! Durante a integração, poderá passar o valor de campos selecionados para o WhatsApp a partir da secção de Gatilhos usando tokens específicos do WPForms. Aqui tem uma captura de ecrã, caso ajude.

      Se estiver a ter algum problema ou precisar de mais ajuda, por favor, contacte a nossa equipa submetendo um ticket de suporte aqui.

      Obrigado.

    1. Olá Surya. Sim, pode configurar confirmações automáticas tanto para WhatsApp como para e-mail quando um formulário é submetido. Para o WhatsApp, siga o post do blog, mas modifique a mensagem para ser um agradecimento em vez de enviar todas as entradas do formulário. Para e-mail, use a funcionalidade de notificação incorporada do WPForms – por favor, consulte este guia sobre configuração de e-mails de notificação de formulário.

      Se precisar de ajuda para personalizar as mensagens ou configurar ambas as notificações, sinta-se à vontade para submeter um ticket de suporte e os nossos consultores de confiança poderão ajudar com a sua configuração específica.

Adicionar um comentário

Temos todo o gosto que tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com a nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário está protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.