> ## Documentation Index
> Fetch the complete documentation index at: https://storekit.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Bannières promotionnelles

> Ajoutez des bannières promotionnelles visuelles à votre page menu storekit pour mettre en avant des offres spéciales, nouveaux plats, annonces d'ouverture et événements saisonniers.

Les bannières promotionnelles sont des blocs de contenu visuels affichés sur votre page menu. Elles sont conçues pour influencer le comportement des clients — qu'il s'agisse d'attirer l'attention sur des plats spécifiques, de promouvoir des offres, ou de diriger le trafic vers des objectifs externes comme les réservations d'événements ou les demandes de dining privé.

Les bannières font partie de votre boîte à outils **Content** aux côtés des [Stories](/docs/fr/guides/menu-engineering/stories), offrant aux équipes marketing des outils puissants pour engager les clients directement dans l'expérience de commande.

## Créer une bannière

1. Allez dans **Marketing** → **Content** dans votre tableau de bord
2. Dans la section **Banners**, cliquez sur **Create Banner**
3. Téléversez vos images de bannière (voir [Exigences d'image](#exigences-dimage))
4. Choisissez un **type de lien** et configurez l'action
5. Définissez l'ordre d'affichage
6. Cliquez sur **Save**

## Exigences d'image

Les bannières nécessitent deux images pour un affichage optimal sur tous les appareils :

| Image       | Taille recommandée | Utilisation                           |
| ----------- | ------------------ | ------------------------------------- |
| **Desktop** | 1200 x 400 px      | Affichée sur tablettes et ordinateurs |
| **Mobile**  | 800 x 400 px       | Affichée sur les appareils mobiles    |

<Tip>
  Utilisez des images à fort contraste avec un texte clair. Rappelez-vous que les bannières apparaissent dans un défilement horizontal, alors gardez le message clé visible sans nécessiter que toute la bannière soit à l'écran.
</Tip>

## Types de liens

Configurez ce qui se passe lorsqu'un client clique sur votre bannière :

### Lien produit

Ouvre la fenêtre modale de détails d'un produit spécifique. Parfait pour :

* Mettre en avant de nouveaux plats
* Promouvoir des plats signatures
* Attirer l'attention sur des produits à forte marge

### Lien catégorie

Fait défiler le menu jusqu'à une catégorie spécifique. Utile pour :

* Sections de menu saisonnières
* Offres du midi
* Catégories promotionnelles

### URL externe

Ouvre un lien externe dans un nouvel onglet. Idéal pour :

* Formulaires de réservation de salle privée (PDR)
* Pages de réservation d'événements
* Demandes de traiteur
* Achats de cartes cadeaux
* Pages de réseaux sociaux

### Code de réduction

Applique automatiquement un code de réduction lorsqu'on clique. Idéal pour :

* Ventes flash
* Offres à durée limitée
* Mise en avant des promotions actives

### Fidélité

Invite les clients à se connecter ou à s'inscrire à votre programme de fidélité. À utiliser pour :

* Sensibilisation au programme de fidélité
* Offres exclusives aux membres
* Promotions de points

### Résumé du menu

Ouvre le résumé des informations sur les allergènes et le régime. Utile pour :

* Mettre en avant les options alimentaires
* Instaurer la confiance avec les clients soucieux des allergènes

### Visuel uniquement

Affiche la bannière sans aucune action. À utiliser pour :

* Messages de marque
* Annonces
* Contenu décoratif

## Statistiques et suivi

storekit suit automatiquement l'engagement des bannières :

| Métrique         | Description                                    |
| ---------------- | ---------------------------------------------- |
| **Vues**         | Nombre de fois où la bannière a été affichée   |
| **Clics**        | Nombre de fois où la bannière a été cliquée    |
| **Taux de clic** | Pourcentage de vues ayant donné lieu à un clic |

Pour les liens externes, les clics sont suivis avant que l'utilisateur ne quitte votre menu. Ces données vous aident à comprendre quelles bannières résonnent avec votre audience et incitent à l'action.

## Cas d'usage

### Stimuler les ventes du menu

* Mettez en avant vos plats à plus forte marge
* Mettez en avant les nouveautés du menu
* Promouvez les combos ou offres groupées

### Réservations externes

* Lien vers les systèmes de réservation PDR
* Promouvoir les espaces événementiels
* Faire connaître les services traiteur

### Campagnes saisonnières

* Spéciaux fêtes
* Lancements de menus saisonniers
* Collaborations à durée limitée

### Cross-promotion

* Achats de cartes cadeaux
* Inscriptions au programme de fidélité
* Abonnements aux réseaux sociaux

### Communication opérationnelle

* Avis de fermeture de cuisine
* Mises à jour des zones de livraison
* Horaires des jours fériés

## Bonnes pratiques

* **Restez visuel** - Utilisez des images convaincantes plutôt que des designs chargés de texte
* **Appel à l'action clair** - Rendez évident ce qui va se passer lors du clic
* **Renouvelez régulièrement** - Un contenu frais garde l'expérience engageante
* **Respectez votre marque** - Maintenez une cohérence visuelle avec le design de votre boutique
* **Testez les performances** - Surveillez les taux de clic et itérez sur les bannières peu performantes
* **Priorisez le mobile** - La plupart des commandes proviennent d'appareils mobiles, alors concevez d'abord pour mobile
* **Limitez la quantité** - 3 à 5 bannières actives est idéal ; trop créent une fatigue décisionnelle

## Gérer les bannières

### Réorganisation

Glissez-déposez les bannières pour modifier leur ordre d'affichage. La première bannière apparaît en évidence à gauche du défilement horizontal.

### Planification

Définissez des dates de début et de fin pour afficher et masquer automatiquement les bannières. Planifiez votre calendrier promotionnel à l'avance.

### Désactivation

Basculez les bannières sur off pour les masquer sans les supprimer. Utile pour les promotions récurrentes que vous souhaitez réutiliser.

## Voir aussi

<CardGroup cols={2}>
  <Card title="Stories" icon="play" href="/docs/fr/guides/menu-engineering/stories">
    Contenu vidéo plein écran pour un engagement plus profond
  </Card>

  <Card title="Codes de réduction" icon="percent" href="/docs/fr/guides/discounts/discount-codes">
    Créez des codes à utiliser avec les promotions par bannière
  </Card>
</CardGroup>


## Related topics

- [Avis clients, notes et Smart Reviews](/docs/fr/guides/marketing/customer-feedback.md)
- [Créer des stories menu avec du contenu vidéo et des CTA](/docs/fr/guides/marketing/stories.md)
- [Suivi des événements](/docs/fr/privacy-security/event-tracking.md)
- [Factures logiciel et abonnement](/docs/fr/guides/account/software-invoices.md)
- [Réductions Free Delivery](/docs/fr/guides/discounts/free-delivery.md)
