Encaissez en quelques lignes

<body>
  <!-- ... -->
  <script src="https://cdn.quick-wallet.com/sdks/js/v1.0.0/index.min.js"></script>
</body>

script-src  https://cdn.quick-wallet.com
connect-src https://api.quick-wallet.com
font-src    https://cdn.quick-wallet.com
img-src     https://docs.quick-wallet.com

<div id="quickwallet-button-container"></div>

const checkout = new QuickWalletSDK();

await checkout.initialize({
  apiKey: "qw_live_votre_cle_publique",
  amount: 15000,
  currency: "XOF",
  description: "Commande #A-1042",

  onPaymentInited: (payment) => {
    console.log("référence de la demande", payment.verificationHash);
  },
  onSuccess: (transaction) => {
    window.location.href = "/merci?ref=" + transaction.reference;
  },
  onFailure: (transaction) => {
    console.warn("paiement non abouti", transaction.status);
  },
  onError: (error) => {
    console.error(error.type, error.message);
  },
});

<div
  data-quickwallet-auto-init="true"
  data-quickwallet-config='{
    "apiKey": "qw_live_votre_cle_publique",
    "amount": 15000,
    "currency": "XOF",
    "description": "Commande #A-1042",
    "buttonText": "Payer maintenant",
    "color": "#4c5aef",
    "onSuccess": "maBoutique.onPaid",
    "onFailure": "maBoutique.onFailed",
    "onError": "maBoutique.onError"
  }'
></div>

window.maBoutique = {
  onPaid: (transaction) => console.log("payé", transaction.reference),
  onFailed: (transaction) => console.warn("échec", transaction.status),
  onError: (error) => console.error(error.message),
};

const qw = new QuickWalletSDK();

await qw.initialize({
  apiKey: "qw_live_votre_cle_publique",
  amount: 15000,
  currency: "XOF",
  description: "Commande #A-1042",

  colors: {
    primary: "#0f766e",

    light: {
      background: "#fffdf7",
      surface: "#f7f3e8",
      border: "#e7dcc4",
    },

    dark: {
      background: "#0b0f0e",
      surface: "#141a19",
      border: "#22302d",
    },
  },

  onSuccess: (tx) => console.log(tx),
  onFailure: (tx) => console.warn(tx),
  onError: (err) => console.error(err),
});

checkout.updateConfig({ amount: 22500, description: "Commande #A-1043" });

const status = await checkout.getTransactionStatus();
console.log(status.status, status.reference);

checkout.setLanguage("en");
checkout.destroy();

const base = "https://api.quick-wallet.com/api/v1";

// 1. Une session, avec la clé publique.
const opened = await fetch(base + "/payins/session", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    "x-api-key": "qw_live_votre_cle_publique",
    "x-custom-lang": "fr",
  },
  body: JSON.stringify({
    amount: 15000,
    currency: "XOF",
    description: "Commande #A-1042",
  }),
}).then((response) => response.json());

const session = opened.data.token;

// 2. Le paiement, avec le jeton de session. Le montant vient de la session.
const started = await fetch(base + "/payins/widget-init", {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    "x-qw-session": session,
  },
  body: JSON.stringify({ phoneCode: "+229", phoneNumber: "0161101180" }),
}).then((response) => response.json());

// 3. Le statut, sans corps.
const current = await fetch(base + "/payins/widget-check", {
  method: "POST",
  headers: { "x-qw-session": session },
}).then((response) => response.json());

// Après initialize(), le SDK gère le jeton lui-même.
const info = await checkout.apiRequest("/payins/widget-check", "POST");