Le Hero Slider est une bannière principale rotative comptant jusqu’à quatre diapositives, chacune avec sa propre image, son titre, son sous-texte et son bouton. Il défile automatiquement avec flèches et points, et vous choisissez si le texte se place à côté de l’image ou par-dessus une image pleine surface. Utilisez-le pour le visuel principal de la page d’accueil, une bannière de campagne ou une promotion saisonnière. L’emplacement se règle à l’étape Lieu de l’action.
Quand l’utiliser
- Visuel principal de la page d’accueil — faire défiler plusieurs messages ou offres dans une bannière bien visible.
- Campagne / promotion saisonnière — présenter plusieurs produits ou thèmes dans un seul emplacement.
- Annonces illustrées — quand une simple barre de texte ne suffit pas et que vous voulez des images.
L’ajouter à une action
Dans une action Popup, choisissez Hero Slider. Définissez la disposition et la transition, puis remplissez chaque diapositive. Les diapositives 1 et 2 sont activées par défaut ; activez les diapositives 3 et 4 dans leurs sections si vous en avez besoin.
Disposition full ou image
Le réglage Layout (dans Style) change le style : full place le texte d’un côté et l’image de l’autre ; image utilise une image pleine surface avec le texte superposé en bas à gauche sur un dégradé doux. Tout le reste — diapositives, rotation, flèches, points — fonctionne de la même façon dans les deux cas.
Modifier les diapositives
Chaque diapositive a son propre Eyebrow, Title, Subtext, Image et Button (texte + lien). Utilisez le sélecteur Image pour choisir dans votre médiathèque ; le slider est livré avec des visuels par défaut épurés pour paraître fini avant que vous les remplaciez. Activez ou désactivez les diapositives avec l’option Show Slide de chaque section — le slider s’adapte au nombre de diapositives actives.
Rotation et navigation
Les diapositives défilent automatiquement toutes les quelques secondes (réglez Rotate Every dans Style). Les visiteurs peuvent aussi utiliser les flèches et les points — cliquer sur l’un ou l’autre réinitialise le minuteur. Le réglage Transition choisit le mode de changement : slide (horizontal) ou fade. Les flèches et les points peuvent chacun être désactivés dans la section Navigation.
Réglages
- Preset — dark, light ou brand.
- Layout — full ou image.
- Transition — slide ou fade.
- Size — compact, default ou spacious (contrôle la hauteur de la bannière et la taille du texte).
- Rotate Every — nombre de secondes d’affichage de chaque diapositive.
- Navigation — afficher ou masquer les flèches et les points.
- Close Button — utilise le bouton de fermeture standard de Personyze ; son style et son comportement sont modifiables, et sa visibilité peut être permanente ou au survol.
Conseils
- Gardez des titres courts — une seule ligne se lit mieux d’une diapositive à l’autre.
- Utilisez des images de dimensions similaires pour que les diapositives ne changent pas de hauteur.
- Pour une fine bande rotative en texte seul plutôt qu’une bannière complète, utilisez la Rotating Announcement Bar.
Pour aller plus loin
- Modèles de popups pour site web — les 16 modèles, et comment choisir le bon format.