Implementar Denorly en WooCommerce

<?php
// functions.php (child theme)
add_action('wp_footer', function () {
  ?>
  <script src="https://app.denorly.com/assets/libro-widget.js"
    data-token="8f3b2c1a-9d4e-4f7a-b6c2-1e5a7d9c0b3f"
    data-position="bottom-right"
    data-color="#E8A817"
    data-text="Libro de Reclamaciones"
    data-mode="modal"
    async></script>
  <?php
});

<form id="woo-contacto">
  <input type="text"  name="nombre"  placeholder="Nombre"  required>
  <input type="email" name="email"   placeholder="Email"   required>
  <input type="text"  name="pedido"  placeholder="N° de pedido (opcional)">
  <textarea name="mensaje" placeholder="Tu consulta o reclamo"></textarea>
  <button type="submit">Enviar</button>
  <p id="woo-msg"></p>
</form>
<script>
  document.getElementById("woo-contacto").addEventListener("submit", async (e) => {
    e.preventDefault();
    const data = Object.fromEntries(new FormData(e.target));
    const res = await fetch("https://denorly.com/f/8f3b2c1a-9d4e-4f7a-b6c2-1e5a7d9c0b3f", {
      method: "POST",
      headers: { "Content-Type": "application/json", "Accept": "application/json" },
      body: JSON.stringify(data),
    });
    const json = await res.json();
    document.getElementById("woo-msg").textContent = json.success ? "¡Enviado!" : json.error;
    if (json.success) e.target.reset();
  });
</script>