Como redirecionar formulário do elementor PRO para o WhatsApp

Atualmente o WhatsApp se tornou um dos meios de comunicação mais utilizados, e para empresas não é diferente, muitas aderiram o WhatsApp como principal meio de comunicação com seus clientes.

Gerando assim uma necessidade de divulgação dessa ferramenta em todos os canais de contato com a empresa inclusive no seu site fazendo com que agilize bastante no atendimento ao cliente, melhorando a experiência dos seus visitantes facilitando a forma q eles entrarão em contato com o seu negócio.

Vou te ensinar nesse tutorial como redirecionar os dados do formulário utilizando o Elementor PRO para o WhatsApp, ou seja, enviar mensagem no WhatsApp com dados preenchidos no formulário no seu site. Então, bora lá!!

Criando o formulário

Vou demonstrar os passos em um formulário que fiz para o site da GPA Nerópolis, lembrando que poderá ser utilizado com qualquer tipo de input. Com os campos criados, vá na opção AVANÇADO e altere o nome do ID para o nome correspondente do campo.

Personalizando a URL

Com o formulário pronto, habilite a ação após envio e selecione a opção de Redirecionar

Eu particularmente sempre deixo habilitado também a opção de enviar os dados por e-mail para ter controle da quantidade de formulários que foram preenchidos, afinal esses dados são muito importantes pra ter um controle de contato, lembrando de informar o usuário sobre os dados que são coletados se atentando a LGPD.

Para esse exemplo, estou coletando o nome, whatsapp e uma mensagem do usuário, para construir a URL para o redirecionamento você pode personalizar a mensagem que será enviada junto com os dados coletados no formulário. A minha mensagem vai ser essa abaixo.

Ex.: Olá, meu nome é Cristiane meu WhatsApp é esse e gostaria de me voluntariar através do serviço tal

Agora vamos criar a URL, aqui eu coloquei um número de telefone fake para testar substitua para o seu, ok?! Para facilitar, utilizei um gerador de link para converter os caracteres especiais.

https://api.whatsapp.com/send?phone=5562996666666&text=Olá%2C meu nome é cristiane e meu whatsapp é esse e gostaria de me voluntariar para

Agora vamos substituir o texto pelos shortcodes dos campos do formulário

https://api.whatsapp.com/send?phone=5562996666666&text=Olá%2C meu nome é [field id=”nome”] e meu whatsapp é [field id=”whatsapp”] e gostaria de me voluntariar para [field id=”mensagem”]

Pronto, agora é só inserir a URL acima no campo de redirecionamento e atualizar a sua página.

Gostou?? Compartilhe!!

Navegue pelas categorias

Se inscreva e tenha acesso em primeira mão aos novos conteúdos!

Leia Também

HTML Sêmantico

HTML Semântico: Por que usar?

O HTML semântico torna a estrutura de documentos para a web mais amigáveis fornecendo significado aos conteúdos através das tags semânticas.