Boa noite gente! Estou tentando criar uma código para redirecionar o cliente para o whatsapp com o intuito de finalizar a compra por la.
Cada produto vai ter esse botão e queria saber como posso fazer uma mensagem personalizada com o link do produto especifico.

Alguem pode me ajudar??
Esse é o código que tenho utilizado, mas mesmo assim ele nao gera o link no botao:
`<a href="#" target="_blank" id="comprar-whatsapp" > <i class="fa fa-whatsapp"></i> Comprar pelo WhatsApp </a>
<script type="text/javascript">
$(document).ready(function() {
const telWhatsapp = 'https://api.whatsapp.com/send?phone=554187949800';
const msg = 'Olá, tudo bem? Gostaria de comprar este produto';
const nomeProduto = $('.pagina-produto #corpo .produto .principal .nome-produto').text();
const URLProduto = $('.listagem-item a').text();
const linkWhatsapp = ${telWhatsapp}&text=${encodeURIComponent(${msg} | Nome: ${nomeProduto} | ${URLProduto})};
$("#comprar-whatsapp").attr("href", linkWhatsapp);});
</script>`
qual o link da loja que está fazendo, assim podemos avaliar o que está sendo escrito
vi aqui, vc precisar passar item por item criando o link, não tem como fazer tudo de uma vez
veja o comando each em jquery
https://api.jquery.com/each/
aproveitando, sua página tem erros de código
Obrigada!
Eu consegui resolver o problema na pagina do produto do site, mas agora estou tentando especificar o nome e o link do produto da vitrine na hora de abrir o link para o Whatsapp, porém esta puxando apenas 1 produto da vitrine em qualquer outro produto que eu tente abrir.
Sabe como resolver? Tentei usar a função .each()
<a id="comprar-whatsapp-vitrine" href="#" target="_blank">Comprar pelo WhatsApp<i class="fa fa-whatsapp"></i></a>
<script>
$(document).ready(function() {
let number = '554187949800';
let msg = 'Olá, eu tenho interesse no seguinte';
$("#comprar-whatsapp-vitrine").on("click", function() {
$(".listagem-linha li").each(function() {
let nomeProduto = $(this).find('.nome-produto').text();
let urlProduto = $(this).find('a.produto-sobrepor').attr('href');
let url = "https://api.whatsapp.com/send?phone=";
let linkWhatsapp = `${url}${number}&text=${encodeURIComponent(msg + ' produto: ' + nomeProduto + ' | Link: ' + urlProduto + ' Obrigado!')}`;
window.open(linkWhatsapp, '_blank');
});
});
});
</script>
não entendi essa parte, pq está abrindo outra janela??