About sezzle

1. Sélectionnez votre plateforme de site web
2. Copiez le code de la section “Extraits de code” 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

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

​

Processus Lightspeed

1. Connectez-vous à l’administration de votre boutique
2. Naviguez vers Content > Add Page
3. Entrez le titre: About Sezzle ou How Sezzle Works
4. Sous Contenu, cliquez sur le 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 tuile du thème, cliquez sur Advanced puis Customize CSS
9. Copiez-collez le contenu de la balise style depuis Github
10. Partout où le font-family est donné simplement 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
      }
      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"
      }
      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>