JSFiddle - React, Tailwind, and code Playground

by zhukovroman

HTML

<script src="https://paymentpage.ecommpay.com/shared/merchant.js"></script>
<link rel="stylesheet" href="https://paymentpage.ecommpay.com/shared/merchant.css">
<div id="events" style="width:100%; height:100px; background:gray; color:white">

</div>

<div id="widget-container">

</div>

JavaScript

var configObj = {
    "project_id": "595",
    "payment_id": "ECT_TEST_1551690404513",
    "payment_amount": "3000",
    "payment_currency": "RUB",
    "target_element": "widget-container",
    "css_modal_wrap": "standart",
    "signature": "iMM4ikOxpf2j+27slzIDgOMPEa/FPoxR8Y+6yYgNaIGo4MQ6SHz3YQZY+8WrKOTPl3vr/vKrqWDq0SME55S2Lw==",
    "onLoaded": function(data) { document.getElementById("events").insertAdjacentHTML('beforeend', '=== LOADED === ' + data.height)}
};

EPayWidget.run(configObj, 'post');