Botão comprar pelo whatsapp

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.
image

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

A loja é essa: https://pioneira-das-embalagens.lojaintegrada.com.br

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??