Concaternar um input (number) em um link whatsapp

HTML

JavaScript

28/09/2020

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

Curtidas 0

Respostas

Luca

Luca

28/09/2020

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.
GOSTEI 0
POSTAR