arrow_back Retour au centre d'aide

Comment gérer le slider (bannière d'accueil)

Le slider est la bannière d'accueil de votre boutique. Depuis Apparence > Slider, réglez le type, la hauteur et le layout, puis composez vos slides (image, titre, sous-titre, bouton lié à un produit ou une catégorie). Comptez 4 minutes.
schedule 4 minutes school Débutant

Avant de commencer

  • Votre boutique est en ligne, avec un thème actif et quelques produits ou catégories.

Le slider (ou bannière d'accueil) est la première chose que voient vos visiteurs : un grand visuel en haut de la page d'accueil, avec un titre accrocheur et un bouton d'action. C'est votre vitrine pour mettre en avant une promotion, une nouveauté ou une collection.

Ce que vous allez apprendre

  • Régler les paramètres du slider (type, hauteur, layout, défilement).
  • Ajouter et composer un slide (image, titre, bouton).
  • Lier un slide à un produit ou une catégorie.

Les étapes, une par une

Étape 1 — Réglez votre slider

Dans le menu de gauche, ouvrez Apparence puis Slider, et éditez votre slider. Dans Paramètres généraux (repère ①), donnez-lui un nom, activez-le, choisissez le type (carrousel ou statique) et la hauteur (plein écran ou moyen). Le bloc Layout (repère ②) choisit la disposition : Hero Classic (image plein fond, texte centré), Split (texte à gauche, image à droite) ou Nivo. Le bouton Ajouter (repère ③) crée un nouveau slide (jusqu'à 5).

Pourquoi ? Le layout et la hauteur déterminent l'impact visuel de votre accueil. Un carrousel fait défiler plusieurs messages ; un slider statique met en avant une seule offre forte.
Modifier le slider : paramètres généraux (repère 1), layout Hero/Split/Nivo (repère 2), Ajouter un slide (repère 3)
① Les paramètres généraux ; ② le layout (Hero Classic / Split / Nivo) ; ③ Ajouter un slide.
lightbulbConseil. Plus bas, le bloc Carrousel règle le défilement automatique, le délai entre slides et l'opacité de l'overlay (assombrit l'image pour rendre le texte lisible).

Étape 2 — Composez un slide

Cliquez sur le crayon d'un slide pour l'ouvrir. Choisissez d'abord la source (repère ①) : Personnalisé (votre propre image), Produit, Catégorie ou Top ventes. En mode personnalisé, chargez votre image (repère ②). Saisissez ensuite le Titre et le Sous-titre (repère ③) affichés sur le visuel, puis le Label et le Lien du bouton (repère ④) — par exemple « Découvrir » vers votre catalogue. Cliquez sur Sauvegarder.

Pourquoi ? Une source Produit ou Catégorie reprend automatiquement l'image et le lien ; le mode Personnalisé vous laisse une liberté totale sur le visuel et le message.
Éditer un slide : source (repère 1), image (repère 2), titre et sous-titre (repère 3), label et lien du bouton (repère 4)
① La source du slide ; ② l'image ; ③ le titre et le sous-titre ; ④ le label et le lien du bouton (CTA).
lightbulbConseil. Utilisez une image large et nette (paysage), avec une zone assez unie pour que le texte reste lisible. Réordonnez vos slides en les faisant glisser par la poignée.

Résultat attendu

Votre bannière s'affiche en haut de la page d'accueil. En mode carrousel, les slides défilent automatiquement ; chaque bouton dirige le visiteur vers la page ciblée (produit, catégorie ou lien).

Conseils d'expert

  • Un message par slide. Un titre court et un seul bouton convertissent mieux qu'un visuel surchargé.
  • Soignez la première slide. C'est la plus vue ; mettez-y votre offre la plus forte.
  • Testez sur mobile. Vérifiez que le texte reste lisible sur petit écran (overlay, taille du titre).
  • Reliez à une action. Un slide sans bouton est une occasion manquée : envoyez vers une catégorie ou une promo.

Erreurs fréquentes

ErreurPourquoi c'est un problèmeLa solution
Slider désactivéLa bannière n'apparaît pas.Activez « Activer ce slider ».
Image trop petiteRendu flou ou pixelisé.Utilisez une image large et nette.
Texte illisibleContraste insuffisant sur l'image.Augmentez l'opacité de l'overlay.
Bouton sans lienLe visiteur ne peut pas agir.Renseignez le lien du bouton (CTA).

Questions fréquentes

Combien de slides puis-je ajouter ?

Jusqu'à 5 slides par slider. Le compteur (ex. 1/5) vous indique combien il en reste ; réordonnez-les par glisser-déposer.

Quelle différence entre carrousel et statique ?

Le carrousel fait défiler plusieurs slides automatiquement ; le mode statique affiche un seul visuel fixe. Choisissez selon le nombre de messages à faire passer.

À quoi sert l'overlay ?

L'overlay est un voile sombre posé sur l'image : plus il est opaque, plus votre titre blanc ressort. Réglez-le entre 0 (transparent) et 1 (plein).

Puis-je lier un slide à un produit précis ?

Oui. Choisissez la source Produit et recherchez-le : l'image et le lien sont repris automatiquement. Idem avec Catégorie ou Top ventes.

Mon slider ne s'affiche pas, pourquoi ?

Vérifiez qu'il est activé, qu'il contient au moins un slide actif, et que votre thème affiche bien la zone bannière sur l'accueil.

Aller plus loin