Paiement dans wordpress

Bonsoir je suis développer d'un client avec vous qui travail Svp j'ai créer une formulaires de paiement avec champ prix saisie par client et j'ai intégrer ce code mais bouton de paiement de votre Plateforme ne fonction pas

<form id="payment-form">
   <label for="price">Prix :</label>
   <input type="number" id="price" name="price" required>

   <label for="firstname">Prénom :</label>
   <input type="text" id="firstname" name="firstname" required>

   <label for="lastname">Nom :</label>
   <input type="text" id="lastname" name="lastname" required>

   <label for="email">E-mail :</label>
   <input type="email" id="email" name="email" required>

   <button type="button" id="paymob-button">Payer avec PayMob</button>
</form>

<script src="https://accept.paymob.com/api/acceptance/iframe/iframe.js"></script>
<script>
   var paymob = new Paymob("ZXlKaGJHY2lPaUpJVXpVeE1pSXNJblI1Y0NJNklrcFhWQ0o5LmV5SmpiR0Z6Y3lJNklrMWxjbU5vWVc1MElpd2ljSEp2Wm1sc1pWOXdheUk2TXpRek1UWXNJbTVoYldVaU9pSnBibWwwYVdGc0luMC4wY0d0UWJ4a0J1VHdkNUNLdDVHdGd6elVQTW45Yzczblc0THBPcUhReXlLR0xRREdWZGR6T09CNGxwLUNHaURuMXNtVlBTN0xDV1JqbWRkdmJDVU9jdw==", "");

   var paymentBtn = document.getElementById("paymob-button");
   paymentBtn.addEventListener("click", function () {
      var price = document.getElementById("price").value;
      var firstname = document.getElementById("firstname").value;
      var lastname = document.getElementById("lastname").value;
      var email = document.getElementById("email").value;

      var paymentObject = {
         amount_cents: price * 100,
         currency: "EGP",
         integration_id: "27946",
         order_id: "order_" + Date.now(),
         billing_data: {
            first_name: firstname,
            last_name: lastname,
            email: email,
         },
      };

      paymob.pay(paymentObject, function (response) {
         console.log(response);
         // Vous pouvez gérer la réponse ici (par exemple, rediriger l'utilisateur après le paiement réussi)
      });
   });
</script>