Quickstart

<div id="krti-promo"></div>

<script src="https://js.krti.com/krti.js" async></script>
<script>
  window.krtiAsyncInit = function () {
    new KrtiPromo({
      selector: '#krti-promo',   // required
      publicKey: 'pk_live_...',  // required
      amount: '45.000',          // required: a string with the currency's decimals
      currency: 'KWD',           // required
      lang: 'en',                // optional: en or ar, else the page's <html lang>
      source: 'product',         // optional: product or cart
      theme: 'light',            // optional: light, dark or auto
      badge: 'brand'             // optional: the Krti badge, brand (default) or dark
    });
  };
</script>

const promo = new KrtiPromo({ ... });
promo.update({ amount: '52.500' });

<div id="krti-card"></div>
<script>
  window.krtiAsyncInit = function () {
    new KrtiCard({ selector: '#krti-card', publicKey: 'pk_live_...', amount: '45.000', currency: 'KWD' });
  };
</script>