To set up your website to use Amwal checkout follow the following steps:
-
Sign up with amwal merchant for your country. for KSA, visit https://qa-merchant.sa.amwal.tech to obtain a sandbox key or production key
-
include the npm package js into your website and instantate
amwal-checkoutweb component
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
<title>My Cool Store</title>
<script type="module" src="https://cdn.jsdelivr.net/npm/amwal-checkout@latest/dist/checkout/checkout.esm.js"></script>
</head>
<body>
<amwal-checkout
merchant-id="sandbox-amwal-4e876d00-a50e-482c-a6e1-a1a9df400ce5"
amount="20"
country-code="SA"
lang="en"
dark-mode="off"
address-required="true"/>
<script>
const amwalCheckoutElement = document.querySelector('amwal-checkout');
amwalCheckoutElement.addEventListener('amwalCheckoutSuccess', ev => console.log(ev.detail) )
</script>
</body>
</html>