Widget de versements à la caisse

Objectif

Le widget de versements à la caisse affiche un exemple de plan de versements, incluant les montants et les dates d’échéance, au moment de la décision finale.

Installation

Sélectionnez l’implémentation qui correspond à vos besoins :

Package NPM
Extrait de code (mise à jour automatique)

Implémentation NPM

Avec npm : npm install @sezzle/sezzle-installment-widget@latest Dans votre page de caisse, ajoutez l’extrait de code suivant pour importer la bibliothèque :

import SezzleInstallmentWidget from @sezzle/sezzle-installment-widget

À l’endroit où vous souhaitez que le widget s’affiche, ajoutez l’extrait de la section Configuration ci-dessous, en mettant à jour les options pour déterminer le prix.

Implémentation CDN

Dans votre page de caisse, ajoutez l’extrait de code suivant pour importer la bibliothèque :

<script type="text/javascript" defer src="https://checkout-sdk.sezzle.com/installment-widget.min.js"/>

À l’endroit où vous souhaitez que le widget s’affiche, ajoutez l’extrait de la section Configuration ci-dessous, en mettant à jour les options pour déterminer le prix.

Configuration

Modèle
Exemple
Options

<div id="sezzle-installment-widget-box"></div>
<script type='text/javascript'>
    new SezzleInstallmentWidget({
        'platform': `${yourPlatformIfSupported}`,
        'checkoutTotalElemTargetPath': `${yourPriceElementXPath}`
    });
</script>

<div id="sezzle-installment-widget-box"></div>
<script type='text/javascript'>
    new SezzleInstallmentWidget({
        'platform': 'shopify',
        // 'checkoutTotalElemTargetPath': '.payment-due__price'
    });
</script>

Soit platform ou checkoutTotalElemTargetPath est requis, mais pas les deux.

string

La plateforme de commerce électronique qui héberge la page de caisse. Si elle n’est pas prise en charge, veuillez vous référer à checkoutTotalElemTargetPath.Options disponibles : shopify, woocommerce, 3dcart, commentsold, magento2, prestashop, shopware, opencart

string

L’identifiant ou le nom de classe de l’élément contenant le montant total de la commande.

string

défaut:"$"

Le symbole de devise à afficher dans le prix. Par défaut, le widget imitera la devise de l’élément ciblé du montant total de la commande si présent, et utilisera $ par défaut si non fourni.

Sezzle

Intégration Directe

Carte Virtuelle

Ressources

Paiement Express

SDKs Mobiles

Autre

Widget de versements à la caisse

Objectif

Installation

Implémentation NPM

Implémentation CDN

Configuration

​Objectif

​Installation

​Implémentation NPM

​Implémentation CDN

​Configuration

Objectif

Installation

Implémentation NPM

Implémentation CDN

Configuration