Comment créer un carrousel de collection dans Shopify

Quand utiliser un carrousel de collection

Un carrousel de collection est particulièrement utile lorsque vous souhaitez :

• Présentez plusieurs collections sans occuper trop d'espace sur la page.
• Améliorez la découverte des produits grâce à un contenu interactif et facile à faire défiler.
• Mettez en avant des catégories sélectionnées pour vos promotions, campagnes ou la navigation de votre page d'accueil.
• Dirigez vos clients vers les pages de collection grâce à des visuels personnalisés et des boutons d'appel à l'action.

Comment créer un carrousel de collection dans GemPages

Suivez les étapes ci-dessous pour créer et lier votre carrousel à chaque page de collection.

Étape 1 : Ajouter l’élément de carrousel

• Ouvrez votre page dans le Éditeur GemPages.
  
• Dans la barre latérale gauche, recherchez Carousel.
  
• Choisissez le type de carrousel que vous souhaitez utiliser.
  
• Faites-le glisser et déposez-le à l'endroit souhaité sur la page.

Un carrousel vierge contenant plusieurs diapositives apparaîtra.

Étape 2 : Ajouter du contenu à chaque diapositive

Chaque diapositive représentera une collection Shopify. Glissez-déposez des éléments tels que : Image(s), Texte, Bouton, ou Bannière de héros dans chaque diapositive. 

Structurez chaque diapositive avec la mise en page visuelle et textuelle que vous souhaitez que vos clients voient, par exemple :

• Image de la collection
• Nom de la collection ou brève description
• Un bouton permettant d'accéder à la page de collection

Dans cet exemple, nous utiliserons élément de bannière de héros pour chaque diapositive.

Répétez la configuration de la mise en page pour toutes les diapositives.

Étape 3 : Personnaliser les images et le texte

• Sélectionnez l'image dans une diapositive.
  
• Téléchargez ou choisissez l'image qui représente votre collection.

• Mettez à jour le texte pour qu'il corresponde au nom de la collection ou à un court slogan.

Veillez à ce que chaque diapositive corresponde clairement à une collection.

Étape 4 : Activer le lien du bouton

Cliquez sur Bouton élément, bascule Lien à Onet dans le Après le clic section, sélectionnez Ouvrir la page.

Cela permet au bouton de rediriger les clients vers une nouvelle page après avoir cliqué dessus.

Étape 5 : Lier chaque diapositive à une page de collection

Vous pouvez associer chaque diapositive du carrousel à la collection correspondante de deux manières :

Option A : Sélectionnez une collection dans la liste

• Sous Page/Lien, trouvez le Collection catégorie.
  
• Choisissez la collection à laquelle cette diapositive doit renvoyer.

Option B : Coller l’URL de la collection

• Dans Shopify, ouvrez la collection que vous souhaitez lier.
  
• Copiez l'URL de la page de la collection.
  
• Collez-le directement dans le champ lien de GemPages.

Répétez cette opération pour chaque diapositive afin que chaque diapositive renvoie à sa page de collection correspondante.

Une fois toutes les diapositives liées, votre carrousel de collection Il devient un outil de navigation entièrement interactif. Les clients peuvent parcourir vos collections et ouvrir directement la page de n'importe quelle collection depuis le carrousel.

Si vous souhaitez améliorer davantage le carrousel, par exemple en ajustant la vitesse, l'espacement ou la lecture automatique, vous pouvez poursuivre la personnalisation dans le Paramètres du carrousel.

Foire Aux Questions

1. Qu'est-ce qu'un carrousel de collection ?

Un carrousel de collections est un curseur horizontal qui affiche plusieurs collections Shopify, permettant aux clients de naviguer et de cliquer pour accéder à la page de chaque collection.

2. Ai-je besoin de compétences en programmation pour créer un carrousel de collection dans GemPages ?

Non. Vous pouvez créer et lier un carrousel de collections entièrement à l'aide de l'éditeur glisser-déposer de GemPages.

3. Puis-je utiliser des images et du texte pour chaque diapositive ?

Oui. Chaque diapositive peut contenir des images, du texte, des boutons et d'autres éléments GemPages pour personnaliser entièrement votre mise en page.

4. Puis-je modifier les paramètres du carrousel comme la vitesse ou la lecture automatique ?

Oui. Ouvrez le Paramètres du carrousel panneau permettant de régler la lecture automatique, la vitesse, l'espacement et d'autres options d'affichage.