Passer au contenu principal

​
Objectif

Augmentez les conversions et la valeur moyenne des commandes en présentant les options de financement de Sezzle aux acheteurs lorsqu’ils naviguent sur votre site.

​
Aperçu

Le widget de messagerie promotionnelle Sezzle affiche les options de financement disponibles sur les pages de produits et de panier, encourageant les achats. Suivez les instructions d’installation ci-dessous pour ajouter le widget à votre site web. Attachment(1) Pn

​
Installation

  • Installation en un clic : De nombreuses plateformes de premier plan offrent une installation en un clic avec Sezzle. Vérifiez la compatibilité avec votre plateforme.
  • Installation manuelle : Si l’installation en un clic n’est pas disponible ou incompatible avec votre thème, consultez le guide d’installation manuelle ou contactez [email protected] pour obtenir de l’aide.

​
Personnalisation

Sezzle offre de nombreuses options de configuration pour adapter le widget aux besoins de votre site. Notre équipe d’ingénierie est disponible pour assurer une intégration harmonieuse avec le design et les fonctionnalités de votre site web.

​
HTML requis

<script src="https://widget.sezzle.com/v1/javascript/price-widget?uuid={merchant_id}"></script>
Remplacez {merchant_id} par votre valeur de 36 caractères provenant de votre Merchant Dashboard.

​
Configuration par le marchand

Une configuration est requise avant d’invoquer le script du widget de prix.

​
document.sezzleConfig Options

  • Modèle
  • Exemple
  • Options
<script type="text/javascript">
    document.sezzleConfig = {
      configGroups: [
        {
          "targetXPath": string,
          "renderToPath": string,
          "urlMatch": string,
          "theme": string,
          "ignoredPriceElements": [string],
          "ignoredFormattedPriceText": [string],
          "alignment": string,
          "alignmentSwitchMinWidth": number,
          "alignmentSwitchType": string,
          "containerStyle": {
            "property": string,
          },
          "textStyle": {
            "property": string,
          },
          "logoStyle": {
            "property": string,
          },
          "hideClasses": [string],
          "relatedElementActions": [{
            "relatedPath": string,
            "initialAction": function(r,w){}
          }]
        }
      ],
      "language": string,
      "apDualInstall": boolean,
	  "klarnaDualInstall": boolean,
      "minPrice": number,
      "maxPrice": number,
      "observeElements": [
        {
          "eventType": string,
          "element": string
        }
      ]
    }
</script>

​
Exemple simple

  • Modèle
  • Exemple
<script type="text/javascript">
    document.sezzleConfig = {
        configGroups: [
            {
                targetXPath: string,
            },
        ],
    };
</script>

​
Rendu des widgets

Après avoir construit la configuration, il est temps de télécharger les widgets sur vos pages web ! Le SDK doit être appelé dans le HTML de la page web pour que les widgets soient rendus. Placez la configuration et le script du widget au bas du fichier de code pour la page HTML, et vous devriez être prêt ! Un extrait de code prérempli devrait être fourni dans la liste de contrôle de configuration de votre Sezzle Merchant Dashboard. Lorsque vous utilisez cet extrait pour ajouter le script du widget à votre site, vous devez remplacer {merchant_id} avec l’ID Marchand Sezzle de 36 caractères trouvé dans les Paramètres d’entreprise de votre Tableau de bord Marchand Sezzle pour la boutique applicable. Veuillez ne pas réutiliser les ID sur plusieurs URL.
Le script avec l’ID marchand applicable doit être inclus après document.sezzleConfig est défini.

​
HTML Nécessaire

<script src="https://widget.sezzle.com/v1/javascript/price-widget?uuid={merchant_id}"></script>
Remplacez {merchant_id} par votre valeur de 36 caractères de votre Tableau de bord Marchand.