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

Como Criar um Formulário WhatsApp no WordPress

Quer enviar notificações do WordPress para o WhatsApp?

Embora possa parecer que as notificações do WhatsApp são complicadas, na verdade não são assim tão más.

Se quiser ver o que quero dizer, fique por aí e eu dir-lhe-ei o que precisa e como pode começar a enviar notificações do seu formulário WordPress para o WhatsApp. Você consegue. Eu acredito em si!

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

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

Para enviar mensagens do WhatsApp usando o Twilio, precisa de criar um modelo de mensagem no Twilio. Mais tarde neste processo, verá como estes modelos irão extrair informações dos seus campos de formulário WPForms. 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, terá de 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 tem várias opções para escolher, e qual escolher dependerá do tipo de mensagem de notificação que deseja enviar.

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

Depois de fazer 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

Após fazer isto, verá um ecrã a pedir-lhe para fornecer valores de exemplo para que possa ver como o texto ficará quando essas variáveis forem preenchidas. Após adicionar estes para os campos de variáveis que utilizou, 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.

Passo 2. Ligar o WPForms ao Twilio

Agora que configurou as coisas no Twilio, como se sente? Esperemos que tenha sido bastante fácil até agora! Agora vou mostrar-lhe como ligar o WPForms ao Twilio para que possamos juntar tudo.

No seu painel WordPress, clique em WPForms » Definições. Em seguida, escolha o separador Integrações.

Desloque-se para baixo até localizar o 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, 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 já esteve aqui antes quando configurou as definições da Twilio no Passo 3.

Abaixo do menu pendente onde selecionou Send As WhatsApp, verá um interruptor para Enable Sandbox Mode.

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.

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.