whatsapp

<div class="whatsapp-box">
  <a href="#" id="whatsappProductBtn" class="whatsapp-btn">
    Chat on WhatsApp
  </a>
</div>

<style>
.whatsapp-btn {
  display: inline-block;
  background: #25D366;
  color: #fff;
  padding: 12px 22px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
  var btn = document.getElementById("whatsappProductBtn");

  var title =
    document.querySelector(".product__title h1")?.innerText ||
    document.querySelector("h1")?.innerText ||
    document.title;

  var url = window.location.href.split("?")[0];

  var message =
    "Hi, I am interested in this product:\n\n" +
    title +
    "\n\n" +
    url;

  btn.href =
    "https://wa.me/919898676876?text=" +
    encodeURIComponent(message);

  btn.target = "_blank";
});
</script>