JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<html>
<head>
    <title></title>
    <script src="//api.fondy.eu/static_common/v1/checkout/ipsp.js"></script>
</head>
<body>
<div id="checkout"></div>
<script>
var button = $ipsp.get("button");
button.setHost("api.fondy.eu");
button.addParam("order_desc","Платежная кнопка");
button.addParam("lang","ru");
button.setProtocol("https");
button.setMerchantId(1444270);
button.setAmount("5","USD",false);
button.setResponseUrl("{response_url}");
button.addField({
   "p": 0,
   "name": "id-uLqxoB0eTQ",
   "label": "email",
   "value": "myEmail",
   "hidden": true,
   "readonly": true
});
button.addParam("order_desc","Платеж за товары  ");
var url = button.getUrl();
$ipsp("checkout").config({
    "wrapper": "#checkout",
        "styles": {
            "body": {
                "overflow": "hidden"
            }
        }
}).scope(function () {
    this.width("100%");
    this.height(480);
    this.action("resize", function (data) {
        this.setCheckoutHeight(data.height);
    })
    this.loadUrl(url);
});
</script>
</body>
</html>