Boa tarde. Eu não estou conseguindo replicar o código que fiz para a pagina orçamento em todas as outras páginas. Já fiz as alterações nos parâmetros e não deu certo. Funciona apenas na página orçamento, o mesmo código não funciona nas demais. Se puderem me ajudar, obrigado.
<form action="#" method="#">
<div class="row">
<div class="col">
<input type="text" class="form-control" id="nome" placeholder="Nome">
</div>
<div class="col">
<input type="text" class="form-control" id="sobrenome" placeholder="Sobrenome">
</div>
</div><br />
<div class="col">
<input type="text" class="form-control" id="email" placeholder="email">
</div><br />
<div class="col">
<input type="tel" class="form-control" id="telefone" placeholder="Telefone">
</div><br />
<div class="col">
<div class="form-group">
<label for="exampleFormControlSelect1">Quantas vidas deseja incluir no plano ?</label>
<select class="form-control" id="exampleFormControlSelect1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>Acima de 5 vidas</option>
</select>
</div>
<button id="submit" type="submit" class="btn btn-primary">Cotar</button>
</form>
</div>
</div>
</div>
</div>
<!--newsletter -->
<div id="news-area">
<div class="container">
<div class="col-md-12">
<h3 class="main-title">Fique por dentro das novidades</h3>
</div>
<p>Assine nossa lista de e-mails e receba todas as novidades do mercado gratuitamente</p>
<form action="">
<input type="email" class="form-control" id="email-input" name="email" placeholder="Seu melhor e-mail">
<input type="submit" id="news-btn" value="inscrever">
</form>
</div>
</div>
<!-- call to action-->
<div id="call-area">
<div class="container">
<div class="row">
<p>Deseja fazer um orçamento ?</p>
<button class="main-btn" id="call-btn">Orçar</button>
</div>
</div>
</div>
</div>
</main>
-=====================
/*enviar whats app*/
document.querySelector('#submit').addEventListener('click',function(){
let cliente = document.querySelector('#nome').value;
let sobrenome = document.querySelector('#sobrenome').value;
let email = document.querySelector('#email').value;
let telefone = document.querySelector('#telefone').value;
let exampleFormControlSelect1 = document.querySelector('#exampleFormControlSelect1').value;
let url = "https://api.whatsapp.com/send?phone=5511989126556&text= Bem vindo a Corretora Sousa -->> %0A Qual é o seu nome? %0A " + cliente + " %0A Qual o seu sobrenome ?%0A" +
sobrenome + "%0A Qual o seu e-mail %0A "+ email +" %0A Qual é o seu telefone ? %0A "+ telefone +" %0A Uma cotação para quantas vidas ? %0A" + exampleFormControlSelect1;
window.open(url);
});
Não entendi muito bem sua pergunta poderia reformular, mas o qu eu entendi que você tá querendo replicar esse código em outras páginas que está em html correto? Se for isso você precisa criar uma tag <a href="nomeDaPágina.html">página2</a> para poder replicar isso, por exemplo. Se por exemplo, esse código de javascript você quer que funcione nas outras páginas , você precisa somente pegar esse código da main e colocar esse script do javascript em cada página por tag
<script>
document.querySelector('#submit').addEventListener('click',function(){
let cliente = document.querySelector('#nome').value;
let sobrenome = document.querySelector('#sobrenome').value;
let email = document.querySelector('#email').value;
let telefone = document.querySelector('#telefone').value;
let exampleFormControlSelect1 = document.querySelector('#exampleFormControlSelect1').value;
let url = ("https://api.whatsapp.com/send?phone=5511989126556&text= Bem vindo a Corretora Sousa -->> %0A Qual é o seu nome? %0A " + cliente + " %0A Qual o seu sobrenome ?%0A" +
sobrenome + "%0A Qual o seu e-mail %0A "+ email +" %0A Qual é o seu telefone ? %0A "+ telefone +" %0A Uma cotação para quantas vidas ? %0A" + exampleFormControlSelect1 );
window.open(url);
});
</script>
Olá Flavio, td blza? sei que ja faz um tempo essa pergunta, mas dei uma resumida no seu código e fiz umas pequenas mudanças!
Obs.: coloquei o whats web pq tanto serve no pc quanto no cel, mas vc pode colocar uma condição para fazer detecção de aparelho se preferir!
O texto em vermelho é o que vc irá precisar nas outras páginas!
Segue o resumo:
"
<html>
<head>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width height=device-height initial-scale=1.0 maximum-scale=1.0 user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<title>TESTE</title>
<style></style>
</head>
<body>
<form action="#" method="#">
<div class="row">
<div class="col">
<input type="text" class="form-control" id="nome" placeholder="Nome">
</div>
<div class="col">
<input type="text" class="form-control" id="sobrenome" placeholder="Sobrenome">
</div>
</div><br />
<div class="col">
<input type="text" class="form-control" id="email" placeholder="email">
</div><br />
<div class="col">
<input type="tel" class="form-control" id="telefone" placeholder="Telefone">
</div><br />
<div class="col">
<div class="form-group">
<label for="exampleFormControlSelect1">Quantas vidas deseja incluir no plano ?</label>
<select class="form-control" id="exampleFormControlSelect1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>Acima de 5 vidas</option>
</select>
</div>
<button id="submit" type="submit" class="btn btn-primary">Cotar</button>
</form>
</body>
<script>
/*enviar whats app*/
document.querySelector('#submit').addEventListener('click',function(){
let cliente = document.querySelector('#nome').value;
let sobrenome = document.querySelector('#sobrenome').value;
let email = document.querySelector('#email').value;
let telefone = document.querySelector('#telefone').value;
let exampleFormControlSelect1 = document.querySelector('#exampleFormControlSelect1').value;
let url = "https://web.whatsapp.com/send?phone=5511989126556&text= _*Bem vindo a Corretora Sousa*_ %0A%0A Qual é o seu nome? %0A *" + cliente + "* %0A%0A Qual o seu sobrenome ?%0A *" +
sobrenome + "* %0A%0A Qual o seu e-mail %0A *"+ email +"* %0A%0A Qual é o seu telefone ? %0A *"+ telefone +"* %0A%0A Uma cotação para quantas vidas ? %0A *" + exampleFormControlSelect1 + "* ";
window.open(url);
});
</script>
</html>
"
