About sezzle

• Shopify
• Lightspeed
• Autre

​

Processus Shopify

​

Partie 1 : Créer la page

1. Connectez-vous à votre boutique Shopify
2. Sous Online Store, cliquez sur Pages
3. Cliquez sur Add Page, et donnez-lui un titre - nous recommandons quelque chose comme “Comment fonctionne Sezzle” ou “Comment utiliser Sezzle”
4. Cliquez sur </> (Afficher le HTML)
5. Copiez le code et collez-le dans le nouveau modèle
6. Dans la configuration, mettez à jour la valeur merchant_uuid avec votre identifiant marchand Sezzle, puis cliquez sur Save
   • Voir ci-dessous pour des détails supplémentaires et les options de configuration
7. Cliquez sur Save puis cliquez sur Preview pour confirmer le succès de l’installation.
8. Retournez dans l’éditeur, passez à Visible puis cliquez sur Save

​

Partie 2 : Ajouter à la navigation

1. Allez à Content > Menus
2. Sélectionnez le menu que vous souhaitez modifier (ex : Main menu, Footer menu)
3. Cliquez sur Add menu item
4. Saisissez le libellé tel que vous souhaitez que le lien apparaisse, ex : About Sezzle
5. Cliquez dans la zone Link, sélectionnez Pages, puis la nouvelle page Sezzle que vous avez créée
6. Cliquez sur Save

​

Processus Lightspeed

1. Connectez-vous à l’administration de votre boutique
2. Naviguez vers Content > Add Page
3. Saisissez le titre : About Sezzle ou How Sezzle Works
4. Sous Contenu, cliquez sur le bouton <> bouton
5. Copiez-collez le code depuis Github (<script> et <style> les balises seront supprimées automatiquement, en raison des restrictions de Lightspeed)
6. Cliquez sur Save, puis cliquez sur Back to Home
7. Naviguez vers Design > Theme Editor
8. Dans la vignette du thème, cliquez sur Advanced puis Customize CSS
9. Copiez-collez le contenu de la balise style depuis Github
10. Partout où la font-family est simplement indiquée comme Comfortaa, remplacez la valeur par 'Comfortaa', 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', cursive, sans-serif;
11. Trouvez .sezzle-container section .breakdown-row .breakdown et réduisez font-size de 28px à 24px.
12. Cliquez sur Save

​

Autres plateformes

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

<div id="how-sezzle-works"></div>
  <script>
      const config = {
          merchant_uuid: string,
          theme: string,
          language: string,
          countryCode: string,
          numberOfPayments: integer
      }
      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>

<div id="how-sezzle-works"></div>
  <script>
      const config = {
          merchant_uuid: "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx",
          theme: "light",
          language: "en",
          countryCode: "US",
          numberOfPayments: 5
      }
      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>