# Ajouter un slider d'images ou une bannière promo

Faites glisser un bloc **Slider** sur votre page pour un enchaînement d'images avec boutons, ou un bloc **Bannière** pour une barre promo refermable contenant un texte et un bouton.

## Étapes

**Slider d'images**

1. Ouvrez **Boutique en ligne → Paramètres du thème** et sélectionnez la page (généralement **Accueil**).
2. Cliquez sur l'icône **+** (**Ajouter des blocs**), recherchez **Slider**, survolez-le pour voir les six designs dans **Variantes disponibles**, puis faites-en glisser un sur la page. **Slider** figure aussi dans **Sections prêtes à l'emploi**.
3. Cliquez sur le slider. Pour chaque diapositive, téléversez une **Image de bureau** et une **Image mobile** depuis la Médiathèque (images jusqu'à 15 Mo, JPG ou PNG recommandés) et renseignez le titre et la description.
4. Ajoutez un appel à l'action: **Texte du bouton**, **URL du bouton**, **Ouvrir dans un nouvel onglet**, ainsi que les couleurs et le rayon du bouton.
5. Activez **Diaporama automatique** et définissez le **Délai** en millisecondes (1000 ms ou plus recommandés). Activez **Afficher le dégradé** si vous voulez un voile plus sombre derrière le texte.
6. Sur les designs en grille, réglez **Nombre d'articles dans la grille / en mobile / sur Tablet**, **Vitesse** et **Direction**.
7. Cliquez sur **Enregistrer**.

**Bannière promo**

1. Dans **Ajouter des blocs**, faites glisser un bloc **Bannière** en haut de la page.
2. Activez **Afficher l'icône de fermeture** si les visiteurs doivent pouvoir la fermer.
3. Appuyez sur **+** sur la bannière pour ajouter des blocs enfants — un **Titre** ou un **Paragraphe** pour le message et un **Bouton** ou un **Lien**.
4. Stylisez l'arrière-plan et l'espacement dans l'onglet **Styles**, puis cliquez sur **Enregistrer**.

## Problèmes courants

- Les diapositives semblent recadrées sur téléphone → téléversez une **Image mobile** distincte adaptée aux écrans en portrait au lieu de réutiliser l'image de bureau.
- Le slider ne défile pas tout seul → **Diaporama automatique** est désactivé, ou le **Délai** est trop court pour être perceptible; réglez-le sur 1000 ms ou plus.
- La bannière n'a pas de texte → une **Bannière** est un conteneur vide; ajoutez un **Titre** ou un **Paragraphe** à l'intérieur avec le bouton **+**.
- Les diapositives modifiées dans une langue n'apparaissent pas dans une autre → les modifications ne s'appliquent qu'à la langue sélectionnée dans l'éditeur; changez de langue et recommencez, puis cliquez sur **Enregistrer**.

## Voir aussi

- [Comment configurer votre page d'accueil : bannière, sliders et grilles de produits](https://help.dropify.shop/fr/guides/set-up-your-home-page-hero-and-product-grids/)
- [Modifier le texte, les images et les boutons d'une page](https://help.dropify.shop/fr/guides/edit-text-images-and-buttons-on-a-page/)
- [Ajouter une popup (fenêtre modale) sur une page](https://help.dropify.shop/fr/guides/add-a-popup/)
