Concaternar um input (number) em um link whatsapp

28/09/2020

0

Fala pessoal, tudo bem?

Estou com uma dúvida em pegar um elemento digitado do tipo number e adiciona-lo em um link.
Estou utilizando o Form do plugin Elementor pro no wordpress e o campo do whatsapp que criei foi gerado um shortcode com "ID" [field id="1724f03"].
Com esse shortcode consigo mostrar o número preenchido do cliente como resposta dos dados preenchidos, porém não consigo pegar o número digitado e adicioná-lo em um link api do whatsapp.
O redirecionamento p/ o whatsapp web precisaria ter o número adicionado no final da URL.

EX:. Whatsapp do cliente Recebido ( 55112345678 ) -> https://api.whatsapp.com/send?phone=[numerodoclienteaqui]

Alguém pode me da um help?



<!DOCTYPE html>
<html lang="pt-br">
<head>
	
</head>
<body>
	<script>
function wbFunction() {
  var whatsapp = document.getElementById("1724f03").value;
  return "https://api.whatsapp.com/send?phone="+ whatsapp();
  
}
</script>
	
		<tr>
		<td id="1724f03" style="width: 19px;">Whatsapp</td>
		<td style="width: 89px;">
			<a href="wbFunction()" target="_blank">[field id="1724f03"]</a></td>
		</tr>
		</tbody>
		</table>
		</div>

Paulo

Paulo

Responder

Posts

30/09/2020

Luca

Fala pessoal, tudo bem?

Estou com uma dúvida em pegar um elemento digitado do tipo number e adiciona-lo em um link.
Estou utilizando o Form do plugin Elementor pro no wordpress e o campo do whatsapp que criei foi gerado um shortcode com "ID" [field id="1724f03"].
Com esse shortcode consigo mostrar o número preenchido do cliente como resposta dos dados preenchidos, porém não consigo pegar o número digitado e adicioná-lo em um link api do whatsapp.
O redirecionamento p/ o whatsapp web precisaria ter o número adicionado no final da URL.

EX:. Whatsapp do cliente Recebido ( 55112345678 ) -> https://api.whatsapp.com/send?phone=[numerodoclienteaqui]

Alguém pode me da um help?



<!DOCTYPE html>
<html lang="pt-br">
<head>
	
</head>
<body>
	<script>
function wbFunction() {
  var whatsapp = document.getElementById("1724f03").value;
  return "https://api.whatsapp.com/send?phone="+ whatsapp();
  
}
</script>
	
		<tr>
		<td id="1724f03" style="width: 19px;">Whatsapp</td>
		<td style="width: 89px;">
			<a href="wbFunction()" target="_blank">[field id="1724f03"]</a></td>
		</tr>
		</tbody>
		</table>
		</div>



Olá Paulo, tudo certo?
Eu não entendi muito bem o motivo de você querer gerar um link que leve o seu cliente para o número do whatsapp dele.
Tenta me explicar melhor, para ver se consigo te ajudar =)
Mas normalmente a gente utiliza essa API do whatsapp para o cliente/usuário do site conseguir entrar em contato conosco.
A não ser que você esteja criando uma aplicação, onde pessoas distintas preencham um formulário para aparecer no seu site com as infos dela. Se esse for o caso eu acredito que você precise fazer um <form onsubmit="suaFuncao"> que envie esses dados para um db para então ser printado na tela com auxilio do JS.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar