Aller au contenu
Cartflox

Widget JavaScript

Deux lignes de code : le widget crée la session avec votre clé publique et ouvre la page de paiement par-dessus votre page (popup) ou en redirection. Aucun serveur nécessaire.

HTML
<script src="https://cartflox.com/cartflox.js"></script>
<script>
  Cartflox.configure({ publicKey: "af_live_pub_VOTRE_CLE", mode: "popup" });
</script>


<button data-cartflox-amount="5000" data-cartflox-currency="XOF"
        data-cartflox-description="Formation Odoo">
  Payer 5 000 F
</button>

Appel programmatique

Section intitulée « Appel programmatique »
JavaScript
Cartflox.checkout({
  amount: 5000,
  currency: "XOF",
  customer_email: "awa@example.com",
  customer_phone: "+2250700000000",
  description: "Commande #1042",
  metadata: { order_id: "1042" },
  success_url: "https://maboutique.com/merci",
  cancel_url: "https://maboutique.com/panier",
  onSuccess: function (data) { /* la fenêtre se ferme : affichez un message d'attente */ },
  onClose: function () {},
  onError: function (err) { console.error(err); }
});

Options

Section intitulée « Options »
Option Type Requis Description
publicKey string Oui Votre clé publique af_live_pub_... (rubrique API et Logs). Elle ne permet que de créer des sessions.
mode string Non popup (fenêtre par-dessus votre page, défaut) ou redirect (le client quitte votre page)
currency string Non Devise par défaut des boutons
success_url, cancel_url string Non Adresses de retour, utilisées en mode redirect
metadata object Non Données renvoyées dans le webhook (numéro de commande, identifiant client…)
merchant_name string Non Nom affiché en tête de la page de paiement à la place du nom de votre espace
merchant_logo string Non Adresse https d’un logo affiché à la place de celui de votre espace