About sezzle

Inclure une page dédiée à Sezzle sur votre site web aide les clients à comprendre comment fonctionne Sezzle et met en évidence les avantages de l’utiliser comme option de paiement. Nous fournissons un modèle HTML prêt à l’emploi pour simplifier le processus. Pour commencer :

1. Sélectionnez la plateforme de votre 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 l’apparence de 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 dans 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 :

<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: 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>