<div id="product-payment-1"></div>
<script src="https://chargedesk.com/client.js" crossorigin="anonymous"></script>
<script>
    ChargeDesk.embed({
        id: "product-payment-1", // Unique ID of the HTML div
        company: "anything-and-everything",
        product: "{product_id}",
        embed: "pay",
        /*
        // Redirect on completed payment
        successURL: "https://yourdomain.com/success?msg={msg}",
        // OR Handle a completed payment programmatically
        onSuccess: function(response) {
            console.log("Completed payment", response);
            alert(response.msg);
        },
        */
        options: {
            themeColor: "#bb002f",
            showExtraInformation: true
        }
    });
</script>