Shopify widgets

​

Objectif

Augmentez la valeur moyenne des commandes et les conversions en promouvant Sezzle sur votre vitrine. Installez facilement des éléments sur les pages de produits et de panier avec l’application Sezzle Widget.

​

Prérequis

1. Vous devez avoir un compte marchand Sezzle
   • Veuillez visiter notre page d’inscription si vous n’avez pas de compte
2. Installer et configurer l’application Sezzle Payments

​

Mise en route

1. Connectez-vous à l’administration Shopify de votre site web
2. Installez l’application Sezzle Widget
   • Alternativement, cliquez sur le Get the Widgets App bouton sous l’Add Sezzle to your product and cart pages étape de la liste de contrôle de configuration du tableau de bord marchand Sezzle
3. Cliquez Install
   
4. Dans l’application Sezzle Widget, saisissez votre clé API publique et cliquez Link Sezzle Account
   • Pour la plupart des marchands, nous sommes en mesure de pré-remplir la clé API publique en fonction de l’URL de la boutique Shopify
   • Pour saisir la clé API manuellement, copiez-la depuis la page des clés API dans les Paramètres du tableau de bord marchand Sezzle
     

​

Installation

Veuillez sélectionner UNE des méthodes d’installation suivantes :

​

Assistant d’installation

1. Sélectionnez le thème que vous souhaitez modifier, puis cliquez Next
   Ce champ n’est pas défini par défaut sur votre thème actif - vous devez faire une sélection
   
2. Sélectionnez l’élément que vous souhaitez installer, puis cliquez Next
   
3. Sélectionnez la page sur laquelle vous souhaitez installer, puis cliquez Finish
   
4. Cliquez sur le Activate bouton
   Vous devez cliquer sur Activer pour que les modifications prennent effet
5. Personnalisez selon vos besoins, puis cliquez Save

​

Installation en tant que blocs intégrés (manuel)

Si vous n’êtes pas déjà dans l’application, vous pouvez également activer les produits Sezzle directement depuis la fenêtre de personnalisation de votre thème.

1. Dans l’administration Shopify, allez à Sales Channels puis Online Store
2. Sous Themes, cliquez Customize pour le thème que vous souhaitez modifier
   
3. Dans le coin supérieur gauche, cliquez sur la troisième icône App Embeds
4. Recherchez Sezzle et activez le(s) produit(s) que vous souhaitez installer
   • Personnalisez selon vos besoins et cliquez Save
     

​

Installation en tant que blocs d’application

Les blocs d’application permettent aux marchands de contrôler le placement des produits. Compatible uniquement avec les thèmes 2.0.

1. Dans Shopify Admin, allez à Sales Channels puis Online Store
2. Sous Themes, cliquez Customize pour le thème que vous souhaitez modifier
   
3. Dans la barre d’outils supérieure, assurez-vous que la troisième icône Activate Inspector est activée

​

Installation du bloc d’application Widget sur la page produit

1. Naviguez vers une page produit
2. Survolez la zone où vous souhaitez afficher le widget
3. Si des blocs d’application peuvent être placés à cet endroit, + ou Add block apparaîtra. Cliquez, puis sélectionnez Sezzle Widget sous l’onglet Apps
   • Alternativement, ouvrez l’onglet Sections et cliquez Add Block
   • Sous l’onglet Apps, sélectionnez Sezzle Widget
   • Glissez-déposez le bloc à l’emplacement souhaité dans le menu des contenus
     
4. Personnalisez selon vos besoins, puis cliquez Save

​

Installation du bloc d’application Widget et du bouton de paiement sur la page du panier

1. Ajoutez un produit au panier
2. Naviguez vers la page du panier
3. Survolez la zone où vous souhaitez afficher un produit Sezzle
4. Si des blocs d’application peuvent être placés à cet endroit, + ou Add block apparaîtra
   • Cliquez, puis sous l’onglet Apps, sélectionnez le produit
   • Alternativement, ouvrez l’onglet Sections et cliquez Add Block
     • Sous l’onglet Apps, sélectionnez Sezzle Widget
     • Glissez-déposez le bloc à l’emplacement souhaité dans le menu des contenus
5. Répétez les deux étapes précédentes pour l’autre produit, si désiré
   
6. Personnalisez selon vos besoins, puis cliquez Save

​

Personnalisations

La section suivante couvre les options de personnalisation disponibles via l’application.

​

Options de personnalisation du Widget

​

Options de personnalisation du bouton de paiement

​

Placement par défaut

Si coché

• Le bouton de paiement Sezzle sera placé après le bouton de paiement natif et héritera des styles de la page

Si non coché

• Le bouton sera placé comme indiqué par le placement du bloc d’application
• Les styles peuvent également être affectés, en fonction de l’emplacement sélectionné

​

CSS personnalisé

Si vous êtes familier avec le CSS et souhaitez des personnalisations de style supplémentaires, vous pouvez les écrire directement dans votre thème.

1. Dans le coin supérieur gauche, cliquez sur la deuxième icône Theme Settings
2. Développez la section CSS personnalisé et écrivez votre extrait personnalisé, puis cliquez Save
   

​

Dépannage

​

Personnalisation

• Nous proposons quelques options de personnalisation sélectionnées. Veuillez contacter le support Sezzle pour demander l’une des options suivantes :
  • Logo en niveaux de gris
  • Refléter le minimum de paiement dans le widget
  • Refléter le widget double Sezzle/Afterpay
  • Changements de style et de position
    • Pour les changements de position, vous devez utiliser l’option de bloc intégré.
  • Rendu conditionnel pour les abonnements, cartes-cadeaux, etc.
  • Rendu conditionnel au-dessus d’un certain seuil de prix

​

Demander de l’aide

Si l’Sezzle Widget application n’est pas en mesure d’installer automatiquement le widget Sezzle ou le bouton de paiement sur votre vitrine, veuillez utiliser le formulaire de demande d’aide dans l’application pour contacter l’équipe d’intégration des marchands Sezzle. Le formulaire de demande d’aide dans l’Sezzle Widget application est uniquement destiné à l’aide concernant le widget et le bouton de paiement. Pour les questions concernant votre compte ou les problèmes liés à l’option de paiement Sezzle lors du paiement, veuillez contacter [email protected].

​

Installation manuelle d’extraits de code de thème

Les installations qui nécessitent des modifications de code directement dans le thème ne sont pas recommandées, sauf si votre site utilise un CMS headless, et devraient être utilisées en dernier recours.

​

Installation manuelle d’extraits de code de thème pour le widget

1. Dans Shopify Admin, allez à Sales Channels puis Online Store
2. Sous Thèmes, cliquez sur ... puis Edit Code pour le thème que vous souhaitez modifier
   
3. Dans le Code Explorer, allez dans le dossier Layout et sélectionnez le fichier theme.liquid
4. Copiez et collez le script tout en bas du fichier
   • Modèle de script à insérer dans votre page web :
     Copier

     Demander à l'IA

     <script src="https://widget.sezzle.com/v1/javascript/price-widget?uuid={sezzle_merchant_uuid}"></script>
     

5. Remplacez {sezzle_merchant_uuid} (y compris les accolades) dans le modèle de script par l’ID marchand de votre site
   • Celui-ci peut être trouvé dans les Paramètres d’entreprise du tableau de bord marchand Sezzle
   • Exemple avec la valeur de l’ID marchand mise à jour :
     Copier

     Demander à l'IA

     <script src="https://widget.sezzle.com/v1/javascript/price-widget?uuid=12a34bc5-6de7-890f-g123-4hi5678jk901"></script>
     

6. Cliquez sur Save

​

Installation manuelle d’extraits de code de thème pour le bouton de paiement

Pour installer le bouton de paiement directement dans le code de votre thème, veuillez consulter la documentation et l’extrait de code sur GitHub.

​

Désinstallation

​

Désinstallation des blocs intégrés

1. Dans Shopify Admin, allez à Sales Channels puis Online Store
2. Sous Themes, cliquez sur Customize pour le thème que vous souhaitez modifier
   
3. Dans le coin supérieur gauche, cliquez sur la troisième icône App Embeds
4. Basculez le(s) bloc(s) intégré(s) souhaité(s) en position OFF, puis cliquez sur Save
   

​

Désinstallation des blocs d’application

1. Dans Shopify Admin, allez à Sales Channels puis Online Store
2. Sous Themes, cliquez sur Customize pour le thème que vous souhaitez modifier
   
3. Naviguez vers une page produit
4. Dans le coin supérieur gauche, cliquez sur la première icône Sections
5. À côté du bloc Sezzle Widget, cliquez sur l’icône Delete de la corbeille, puis cliquez sur Save
6. Naviguez vers la page du panier et répétez l’étape précédente pour chaque produit, puis cliquez sur Save
   

​

Désinstallation de l’extrait de code manuel du thème

1. Dans Shopify Admin, allez à Sales Channels puis Online Store
2. Sous Themes, cliquez sur ... puis Edit Code pour le thème que vous souhaitez modifier
   
3. Examinez le fichier layout/theme.liquid pour tout extrait de code Sezzle
   1. Supprimez-les, puis cliquez sur Save
   2. Répétez pour tous les fichiers contenant product et cart dans le nom
4. Une fois toutes les références supprimées, recherchez les fichiers contenant sezzle dans le nom et supprimez-les

​

Désinstallation de l’application

1. Allez à Apps puis Sezzle Widget
2. Dans le coin supérieur droit, cliquez sur l’icône Menu, puis sélectionnez App Settings
3. Cliquez sur Delete App
   La suppression de l’application supprimera automatiquement tous les blocs d’application et les blocs intégrés de tous les thèmes. Les installations avec modifications de code ne seront pas supprimées automatiquement.