Page À propos de Sezzle

Documentation Index

Fetch the complete documentation index at: https://docs.sezzle.com/llms.txt

Use this file to discover all available pages before exploring further.

1. Sélectionnez votre plateforme de site web
2. Copiez le code de la section « Extraits de code » et intégrez-le à 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. Accédez à Online Store > Themes
3. Sur le thème que vous souhaitez modifier, sélectionnez Actions puis Edit Code
4. Sous le Templates dossier, 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 correspond 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. Accédez à 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. Accédez à Online Store > Navigation
2. Sélectionnez le menu dans lequel vous souhaitez que le lien Sezzle apparaisse (ex : Menu principal)
3. Cliquez sur Add menu item
4. Saisissez le texte que vous souhaitez afficher (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. Accédez à Content > Add Page
3. Saisissez 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. Accédez à 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ù le font-family est simplement indiqué 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>