Aperçu

Ce guide vous guidera tout au long de l'ajout et de la personnalisation du bloc " Promo du panier Affirm " dans l'éditeur de thème Shopify.

Éditeur de thème Shopify - Bloc promotionnel du panier

Suivez les étapes ci-dessous pour ajouter la « Promo du panier Affirm » à votre boutique Shopify.

Allez à l'adresse admin.shopify.com

1. Cliquez sur « Boutique en ligne »

À partir de « Accueil », accédez à « Boutique en ligne » et cliquez sur.

2. Cliquez sur « Thèmes »

Sélectionnez « Thèmes » dans le menu.

3. Cliquez sur « Personnaliser »

Cliquez sur « Personnaliser » pour le thème souhaité.

4. Cliquez sur « Panier »

Accédez à « Panier ».

5. Cliquez sur « Ajouter un bloc »

Sélectionnez « Ajouter un bloc » pour ajouter le bloc Promo Affirm.

6. Cliquez sur « Promo du panier Affirm »

Sélectionnez l’option « Promo du panier Affirm ».

7. Déplacez la « Promo du panier Affirm »

Cliquez sur le bloc et déplacez le « Promo du panier Affirm » entre « Prix du sous-total » et « Bouton Caisse ».

🚧
Ajouter un produit au panier
Pour que la Promo du panier Affirm s'affiche correctement dans votre panier, vous devez d'abord ajouter un produit. Voici une façon de le faire :

Lorsque vous utilisez l'éditeur de thème Shopify, accédez à la page « Produit » en sélectionnant « Produits » dans le menu déroulant situé en haut au centre de votre interface.

Ensuite, choisissez l'option « Produit par défaut », qui vous dirigera vers l'une de vos listes de produits. Peu importe le produit que vous choisissez à cette fin, n'importe lequel fera l'affaire.

Sur la page « Produit », cliquez simplement sur le bouton « Ajouter au panier ».

Avec le produit maintenant dans votre panier, la Promo du panier Affirm devrait s'activer comme prévu.

8. Personnalisations

Il existe de nombreuses options de personnalisation pour la promotion du produit Affirm. Ces options sont les suivantes : alignement du texte, taille de la police, couleur du logo et du type de logo.

9. Cliquez sur « Enregistrer »

Une fois vos sélections effectuées, cliquez sur « Enregistrer ».

Utilisation des paramètres avancés

Si le message Affirm « Aussi peu que » (APQ) ne s'affiche pas sur la page Panier après l'ajout du bloc, vous devrez peut-être configurer les paramètres avancés. Sachez que la navigation dans ces paramètres peut nécessiter des compétences techniques supplémentaires.

Réglage Description

Sélecteur de panier personnalisé La valeur de ce sélecteur peut être trouvée sous la forme d'une classe ou d'un identifiant d'un élément <form> contenant les articles du panier sur une page de panier.

Retrouvez un article ajouté à un panier sur une page du panier, cliquez à droite dessus et sélectionnez «Inspecter ». Faites défiler le code source vers le haut jusqu'à ce que vous trouviez l'ID de l'élément <form> ou la classe qui contient le composant de cet élément.

Sélecteur de total de panier personnalisé La valeur de ce sélecteur peut être trouvée sous la forme d'une classe ou d'un identifiant d'un élément contenant la valeur totale d'un panier sur une page de panier.

Retrouvez le montant total du panier sur une page du panier, cliquez à droite dessus et sélectionnez « Inspecter ». Nous recherchons la classe ou l’identifiant de l’élément, généralement un élément <p> ou <span>, qui contient ce numéro.

Réglage	Description
Sélecteur de panier personnalisé	La valeur de ce sélecteur peut être trouvée sous la forme d'une classe ou d'un identifiant d'un élément `<form>` contenant les articles du panier sur une page de panier. Retrouvez un article ajouté à un panier sur une page du panier, cliquez à droite dessus et sélectionnez «Inspecter ». Faites défiler le code source vers le haut jusqu'à ce que vous trouviez l'ID de l'élément `<form>` ou la classe qui contient le composant de cet élément.
Sélecteur de total de panier personnalisé	La valeur de ce sélecteur peut être trouvée sous la forme d'une classe ou d'un identifiant d'un élément contenant la valeur totale d'un panier sur une page de panier. Retrouvez le montant total du panier sur une page du panier, cliquez à droite dessus et sélectionnez « Inspecter ». Nous recherchons la classe ou l’identifiant de l’élément, généralement un élément `<p>` ou `<span>`, qui contient ce numéro.