Inline JS Checkout
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Fusbeast Checkout</title>
<script src="https://api.fusbeast.com/checkout/fusbeast-inline.js"></script>
</head>
<body>
<!-- let checkout_data = {amount: amount, customer_name: fname, customer_email: email, customer_phone: phone, callback_url: callback_url, webhook_url: webhook_url, checkout_type: "PAY_LINK", reference: checkout_ref, payment_id: link_reference, custom_name: custom_name, custom_logo: custom_logo, inline: true } -->
<!-- doc -->
<!-- https://developer.fusbeast.com/fusbeast-checkout/checkout -->
<div id = "fuspayForm">
<!-- -->
<button style = "display: none" id = "fuspay-close">X</button>
<!-- <input type = "hidden" name = "merchant_id" value = "M51505" />
<input type = "hidden" name = "reference" value = "FUS-1001248" />
<input type = "hidden" name = "amount" value = "100" />
<input type = "hidden" name = "customer_name" value = "Emma O" />
<input type = "hidden" name = "customer_email" value = "[email protected]" />
<input type = "hidden" name = "customer_phone" value = "" />
<input type = "hidden" name = "callback_url" value = "" />
<input type = "hidden" name = "webhook_url" value = "" /> -->
<!-- checkout_type = DIRECT or PAY_LINK -->
<!-- <input type = "hidden" name = "checkout_type" value = "DIRECT" />
<input type = "hidden" name = "payment_id" value = "" />
<input type = "hidden" name = "custom_name" value = "Pay Now" />
<input type = "hidden" name = "custom_logo" value = "" />
<input id = "fus-inline" type = "hidden" name = "inline" value = "true" /> -->
<!-- TRIGGER WITH A BUTTON -->
<!-- <button id = "fpayBtn" type="button" onclick="$_fp.Pay()"> Pay </button> -->
<script>
var checkout_data = {merchant_id: "M20523", amount: "100", customer_name: "John Doe", customer_email: "[email protected]", customer_phone: "", callback_url: "https://google.com", webhook_url: "", checkout_type: "DIRECT", reference: "FUS-1001249", payment_id: "", custom_name: "", custom_logo: "", inline: true }
$_fp.Pay(checkout_data) // this will user js obj
//$_fp.Pay() // -- this will use html form element
</script>
</div>
</body>
</html>
Last modified 2yr ago