Si le SDK de carte virtuelle n’est pas une option viable, l’intégration manuelle vous guidera à travers les étapes pour compléter une session de carte virtuelle dans votre processus de paiement.

Aperçu

  1. Créez une session de carte virtuelle
  2. Ajoutez un écouteur d’événement de fenêtre avec le type message à la page de paiement
  3. Ouvrez la session de carte dashboard_url en utilisant le mode fourni dans la demande de création de session de carte
  4. Sezzle enverra un message à l’écouteur lorsque l’utilisateur aura terminé la session de carte
  5. Vérifiez que le message event.data existe
  6. Vérifiez event.data.szl_source = v_card
  7. Vérifiez event.data.card et event.data.holder existent tous les deux
    • S’ils existent
      • Utiliser les données de la carte et du titulaire pour soumettre la commande par carte de crédit
    • S’ils n’existent pas
      • L’utilisateur n’a pas fourni de données de carte virtuelle

Exemple Javascript

window.addEventListener("message", function () {
    var data = event.data || Object.create(null);

    if (data.szl_source !== "v_card") {
        console.log("invalid source");
        return;
    }

    var card = data.card;
    var holder = data.holder;
    if (!card && !holder) {
        console.log("failed virtual card session");
        return;
    }

    console.log(
        "card data:",
        card.firstName,
        card.lastName,
        card.pan,
        card.cvv,
        card.expiryMonth,
        card.expiryYear
    );

    console.log(
        "holder data:",
        holder.email,
        holder.phone,
        holder.firstName,
        holder.lastName,
        holder.address1,
        holder.address2,
        holder.city,
        holder.state,
        holder.country,
        holder.postalCode
    );
});