Ce guide explique comment ajouter Sezzle comme option de paiement sur votre site web BigCommerce, permettant aux clients d’utiliser Sezzle lors du paiement.

Cette intégration est uniquement disponible avec BigCommerce’s Optimized One Page Checkout.

Activer Sezzle comme méthode de paiement en ligne

Obtenir l’application

  1. Allez à Store Setup > Payments

  2. Allez à Online Payment Methods, trouvez Sezzle et cliquez sur Set up

  3. Copiez votre Clé Publique et votre Clé Privée depuis votre Sezzle Merchant Dashboard

    • Collez-les dans les champs correspondants
  4. Sélectionnez le Transaction Type

    Si vous sélectionnez Authorize only, le paiement sera seulement autorisé et devra être capturé plus tard dans BigCommerce.

  5. Sélectionnez le Test Mode (No (Recommandé) ou Yes pour les tests)

  6. Cliquez sur Save

Installer l’application Sezzle BigCommerce

  1. Connectez-vous à la page d’administration de votre boutique BigCommerce

  2. Dans la barre latérale gauche, cliquez sur Apps > Marketplace

  3. Cliquez sur BigCommerce.com/Apps

  4. Recherchez Sezzle

  5. Cliquez sur Sezzle, puis cliquez sur Get This App

  6. Cliquez sur Install

  7. Cochez la case de conformité PCI, puis cliquez sur Confirm pour commencer l’installation

Pré-configuration du Widget

  1. Assurez-vous d’avoir installé l’application Sezzle dans votre boutique
  2. Allez à Apps > Sezzle
  3. Copiez votre ID Marchand depuis votre Sezzle Merchant Dashboard
    • Collez-les dans les champs correspondants dans l’application Sezzle de votre administration BigCommerce
  4. Cochez la case Ajouter le script du widget Sezzle
    • Cela injectera le script du widget dans les pages de produits et de panier de votre boutique
  5. Sauvegardez la configuration

Valider

Effectuez un paiement test pour valider que l’intégration est correctement installée.

Dépannage

Si le test n’a pas réussi, vérifiez les points suivants :

  1. Le site a activé le paiement optimisé en une page
    • Allez à Advanced Settings > Checkout
  2. Les clés API ont été saisies correctement
    • Pour éviter les fautes de frappe ou les espaces supplémentaires, utilisez l’icône Copier dans le Sezzle Merchant Dashboard
  3. Si vous avez plusieurs comptes avec Sezzle, chaque boutique a son propre ID marchand et ses propres clés API qui sont liés à l’URL de la boutique
  4. La case Ajouter le script du widget Sezzle est cochée
  5. Le script du widget est présent sur votre site web et reflète l’ID Marchand de votre Sezzle Merchant Dashboard
    • Allez sur une page produit de votre site web
    • Faites un clic droit puis sélectionnez Inspect
    • Dans l’onglet Elements, recherchez widget.sezzle

Intégration manuelle du thème

Si l’application Sezzle ne parvient pas à maintenir le script du widget sur les pages de produits, ou pour ajouter manuellement le script pour des pages supplémentaires, suivez les étapes suivantes :

  1. Allez à Storefront > Script Manager
  2. Cliquez sur le bouton Create a Script
  3. Définissez Name of script sur Sezzle Widget
  4. Définissez Location on page sur Footer
  5. Définissez Select pages où le script sera ajouté sur All pages
  6. Définissez Script category sur Essential
  7. Définissez Script type sur Script
  8. Dans la zone de contenu du script, copiez et collez le script, puis cliquez sur Save

Le script à insérer dans votre page web est le suivant :

Modèle

<script src="https://widget.sezzle.com/v1/javascript/price-widget?uuid={sezzle_merchant_uuid}"></script>

Mettez à jour {sezzle_merchant_uuid} dans le modèle de script ci-dessus avec l’ID Marchand de votre site (en supprimant les accolades), qui peut être trouvé dans le Sezzle Merchant Dashboard.

Exemple

<script src="https://widget.sezzle.com/v1/javascript/price-widget?uuid=12a34bc5-6de7-890f-g123-4hi5678jk901"></script>

Les instructions peuvent varier légèrement en fonction de vos plugins actifs. Si le problème persiste après avoir suivi les étapes ci-dessus, recherchez d’autres fonctionnalités disponibles permettant d’ajouter un extrait de code HTML personnalisé au pied de page du site. Si aucune fonctionnalité de ce type n’est trouvée, les étapes ci-dessous peuvent être suivies en dernier recours :

  1. Allez à Storefront > My Themes
  2. Dans votre thème actuel, cliquez sur Advanced puis sélectionnez Edit Theme Files
  3. Dans la fenêtre de confirmation, cliquez sur Edit Theme Files
  4. Dans la liste des fichiers, allez à templates > pages, puis sélectionnez product.html
  5. Copiez et collez le script tout en bas du fichier, puis cliquez sur Save et Apply Files
  6. Répétez l’étape précédente pour le fichier cart.html

Pour toute assistance, contactez merchantsupport@sezzle.com.

Étapes de désinstallation

  1. Allez à Apps > My Apps

  2. Sous l’application Sezzle, cliquez sur Uninstall

  3. Basculez le bouton contre Sezzle sous Store Setup > Payments > Online Payment Methods pour désactiver Sezzle comme option de paiement