Bannière pop-up ou bannière classique : quelle différence ?
Comprenez ce qui distingue une bannière pop-up d'une bannière classique, et quand utiliser chacune.
Résumé : Une bannière (visuel promotionnel) peut prendre deux formats différents : la bannière classique, affichée en continu dans un carrousel, ou la pop-up (fenêtre qui s'affiche à l'ouverture de la page), qui s'ouvre automatiquement dès l'arrivée sur le catalogue. Ce guide compare leurs emplacements, leurs dimensions et leur comportement au clic pour vous aider à choisir le bon format selon votre message.
🧩 1. La bannière classique : le carrousel
La bannière classique s'affiche dans un carrousel intitulé « Offres du moment » sur le site de commande et l'application mobile. Sur la borne, ce même carrousel porte le nom « en ce moment ».
Sur le site web, le client parcourt le carrousel manuellement avec les flèches ou en glissant l'écran. Il apparaît sur la page d'accueil (bannières de région) et sur la page de commande du restaurant (bannières du restaurant), à condition que le restaurant ne soit pas fermé. Sur l'application mobile et la borne, le carrousel défile automatiquement (délais détaillés dans le tableau comparatif plus bas) : l'écran d'accueil montre les bannières de région, l'écran du catalogue celles du restaurant. Sur la borne, les images du carrousel sont au format 2:1.
AttentionUne bannière sans image n'apparaît pas dans le carrousel du site web, et affiche un pictogramme générique sur la borne. Ajoutez toujours une image à vos bannières classiques.
🪟 2. La bannière pop-up : la fenêtre qui s'ouvre à l'arrivée
La pop-up (fenêtre qui s'affiche à l'ouverture de la page) s'ouvre automatiquement dès l'arrivée sur la page du catalogue, sur le site web, l'application et la borne.
Contrairement au carrousel, elle ne s'affiche jamais sur la page d'accueil du site. Elle réapparaît à chaque chargement de la page, sans mémoriser les visites précédentes du client. Il la ferme avec la croix ou en cliquant en dehors sur le site web, avec le bouton Fermer sur l'application et la borne.
InfoSi plusieurs bannières pop-up sont publiées sur la même cible, seule la première configurée s'affiche. Configurez une seule pop-up par cible pour éviter toute confusion.
Sur la borne, la pop-up est prioritaire sur les fenêtres automatiques du programme de fidélité : elles n'apparaissent pas tant qu'une pop-up y est configurée.
📊 3. Tableau comparatif : pop-up ou bannière classique
| Critère | Bannière classique | Bannière pop-up |
|---|---|---|
| Emplacement | Carrousel « Offres du moment » (site web, application) ou « en ce moment » (borne) | Fenêtre qui s'ouvre automatiquement sur la page du catalogue |
| Dimensions | 336×180 px, format paysage | Format portrait 9:16, résolution conseillée 720×1280 px |
| Défilement | Manuel sur le site web, automatique toutes les 8 secondes sur l'application, toutes les 5 secondes sur la borne | Une seule pop-up affichée à la fois, réapparaît à chaque chargement de la page |
| Clic | Selon l'Action choisie, sans quitter le carrousel | Selon l'Action et le canal, voir le tableau du clic plus bas |
| Quand l'utiliser | Pour mettre en avant plusieurs offres en continu sans interrompre la navigation | Pour un message ou une offre à ne pas manquer dès l'arrivée sur le catalogue |
🖼️ 4. Dimensions et formats recommandés
L'image est affichée telle quelle, sans recadrage ni redimensionnement automatique : respectez les dimensions recommandées selon le format choisi (classique ou pop-up), rappelées dans le tableau ci-dessus, pour éviter une image floue ou déformée. Seuls les fichiers PNG et JPG sont acceptés, le format PDF est refusé.
ConseilPlus la résolution de votre image est élevée, plus elle met de temps à charger sur les connexions lentes. Restez proche de la résolution conseillée plutôt que d'envoyer une image inutilement lourde.
👆 5. Ce qui se passe au clic selon le canal
Le comportement au clic dépend de l'Action choisie lors de la création de la bannière.
| Action | Site web | Application mobile | Borne |
|---|---|---|---|
| Rien | La bannière n'est pas cliquable | La bannière n'est pas cliquable | La bannière n'est pas cliquable |
| Produit | Ouvre la fiche du produit | Ouvre la fiche du produit | Ajoute directement le produit au panier (quantité 1) s'il n'a pas d'option, ouvre sa fiche s'il en a |
| Catégorie | Fait défiler le catalogue jusqu'à la catégorie choisie | Rien ne se passe | Fait défiler le catalogue jusqu'à la catégorie choisie |
| Lien externe | Ouvre le lien dans un nouvel onglet | Ouvre le lien dans une fenêtre intégrée à l'application | Rien ne se passe |
La pop-up réagit différemment du carrousel. Sur le site web, elle est cliquable pour les actions Produit et Lien externe (l'action Catégorie reste sans effet). Sur l'application mobile, seule l'action Produit est cliquable, puis la pop-up se ferme (les actions Lien externe et Catégorie restent sans effet). Sur la borne, la pop-up se ferme d'abord, puis exécute l'action Produit ou Catégorie (l'action Lien externe reste sans effet).
✅ 6. À retenir
- La bannière classique s'affiche dans un carrousel (« Offres du moment » sur le site web et l'application, « en ce moment » sur la borne). La pop-up s'ouvre automatiquement à l'arrivée sur le catalogue.
- Formats recommandés : 336×180 px pour la bannière classique, format 9:16 (720×1280 px conseillé) pour la pop-up, en PNG ou JPG uniquement (le PDF est refusé).
- Une seule pop-up s'affiche à la fois, même si plusieurs sont publiées sur la même cible.
- Le clic dépend de l'Action choisie et du canal. Sur la borne, l'action Lien externe est sans effet. Sur l'application mobile, l'action Catégorie est sans effet.
Updated 7 days ago