Passer au contenu principal
L’inclusion d’une page dédiée à Sezzle sur votre site web aide les clients à comprendre comment Sezzle fonctionne et met en évidence les avantages de l’utiliser comme option de paiement. Nous fournissons un modèle HTML préconçu pour simplifier le processus. Pour commencer :
  1. Sélectionnez votre plateforme de site web
  2. Copiez le code de la section “Code Snippets” et intégrez-le dans votre site pour créer la page
    Pour voir un exemple de ce à quoi ressemble la page, cliquez ici.

​
Processus Shopify

Pour configurer la page sur Shopify, suivez les étapes ci-dessous.
  1. Connectez-vous à votre boutique Shopify
  2. Naviguez vers Online Store > Themes
  3. Sur le thème que vous souhaitez modifier, sélectionnez Actions puis Edit Code
  4. Sous le dossier Templates, cliquez sur Add New Template, sélectionnez le modèle pour Page, type de modèle liquid, et nommez la page Sezzle, puis cliquez sur Create Template
  5. Sélectionnez le thème qui convient le mieux à votre boutique parmi les onglets listés
  6. Copiez le code et collez-le sous {{page.content}} sur la page Shopify
  7. Enregistrer
  8. Naviguez vers Pages
  9. Ajoutez une nouvelle page et donnez-lui un titre - nous recommandons quelque chose comme How Sezzle Works ou How to use Sezzle
  10. Sous Theme Template (en bas à droite), sélectionnez sezzle
  11. Enregistrez et visualisez la page

​
Ajoutez la page à votre navigation

  1. Allez à Online Store > Navigation
  2. Sélectionnez le menu où vous souhaitez que le lien Sezzle apparaisse (ex : Menu principal)
  3. Cliquez sur Add menu item
  4. Entrez le texte que vous souhaitez voir apparaître (ex : Comment fonctionne Sezzle)
  5. Cliquez sur la deuxième case, sélectionnez Pages puis la page que vous venez de créer
  6. Cliquez sur Add
  7. Cliquez sur Save Menu

​
Autres Plateformes

Pour configurer la page sur toute autre plateforme, veuillez travailler avec votre développeur web et/ou suivre les étapes ci-dessous.
  1. Créez une nouvelle page dans votre thème
  2. Copiez et collez le code dans la page de votre site web
  3. Cliquez sur enregistrer et/ou publier !

​
Extrait de Code

Insérez le code suivant dans votre fichier HTML :
  • Modèle
  • Exemple
  • Options
<div id="how-sezzle-works"></div>
  <script>
      const config = {
          merchant_uuid: string,
          theme: string,
          language: string
      }
      const node = document.getElementById('how-sezzle-works');
      const iframe = document.createElement('iframe');
      iframe.src = 'https://media.sezzle.com/how-sezzle-works/v2/index.html';
      iframe.height = '2000px';
      iframe.width = '100%';
      iframe.style.border = 'none';
      iframe.onload = function () {
          iframe.contentWindow.postMessage({
              key: "about_sezzle_config",
              ...config
          }, "*")
      };
      node.appendChild(iframe);
  </script>