Créer une bannière promo Shopify en quelques minutes

Vous faites une promo « -30% ce week-end » et vous avez besoin d'une bannière pour votre homepage Shopify avant demain. Pas de temps pour un designer, pas de budget pour une agence. Pas de problème — avec Maginali, c'est 10-15 minutes top chrono.

Ce guide vous montre exactement comment.

Pourquoi une bannière promo ?

Trois cas concrets :

Urgence commerciale — Vous lancez une vente flash. Une bannière visible sur votre homepage augmente les clics vers la collection ou le produit promo. Sans bannière, votre promo perd en visibilité.

Cohérence visuelle — Si votre bannière a les mêmes couleurs, badges et typographie que le reste de votre store, vous avez l'air professionnel. Une bannière bâclée crie « boutique de trois jours ».

Tests rapides — Vous testez deux messages : « -30% » vs « -30% ce week-end ». Créer deux bannières différentes prend quelques clics. Comparer laquelle convertit mieux ? C'est de la vraie data marketing.

Étape 1 : Choisir un template

Ouvrez Maginali et allez dans la section Templates. Filtrez par catégorie « Promo » ou « Bannière ». Vous verrez :

• Templates blanc/minimaliste — Parfaits si votre marque est épurée
• Templates colorés avec badge — Idéal pour les ventes flash ou les nouveautés
• Templates avec texte grande taille — Pour les offres qui crevaient l'écran

Conseil : Choisissez un template qui ressemble déjà à votre store. Si votre homepage a un fond jaune-clair et du noir, cherchez un template dans la même palette. Cela réduit considérablement le travail de personnalisation.

Une fois trouvé, cliquez sur le template. Il s'ouvre en éditeur. Vous partez déjà avec une structure pro — mise en page, espacement, typographie. Vous n'avez plus qu'à adapter le texte et les couleurs.

Étape 2 : Écrire le texte promo

Dans l'éditeur, cherchez les champs de texte :

• Headline (titre grand) — Votre pitch principal. « -30% ce week-end » ou « Nouvelle collection ✨ »
• Subheadline (sous-titre) — Contexte ou CTA. « Sur les sacs à main » ou « Découvrez maintenant »
• CTA text (bouton) — « Voir la promo », « Commander », « En savoir plus »

Règle simple : Headline max 5 mots. Subheadline max 10 mots. Les gens scrollent vite, vous avez 2 secondes.

Exemples :

Modifiez chaque champ en double-cliquant dessus. Le texte s'adapte automatiquement à la taille du template.

Étape 3 : Personnaliser les couleurs et le badge

Couleurs

Dans le panneau de droite (Propriétés), vous voyez des paramètres comme « Fond » et « Couleur du texte ».

• Fond — Gardez une couleur qui contraste bien avec le texte. Blanc sur blanc = invisible. Préférez : fond clair + texte foncé, ou fond foncé + texte clair.
• Texte — Si vous choisissez du jaune ou du rouge (couleurs chaudes), gardez le texte noir ou très foncé. La lisibilité c'est tout.
• Accent — La couleur du bouton CTA ou du badge. Idéalement votre couleur de marque (primaire).

Conseil clé : Utilisez les variables couleurs de votre charte Shopify. Si votre logo est bleu et or, reprenez ces deux couleurs. Cela renforce la cohérence.

Badge

Le badge est un petit rectangle avec du texte genre « -30% » ou « Nouveauté ». C'est l'élément qui « saute aux yeux ».

• Cliquez sur le badge dans l'éditeur
• Modifiez le texte (« -30% », « Flash », « NEW », etc.)
• Modifiez la couleur de fond — Préférez une couleur vive et contrastée (rouge vif, orange, vert clair)
• Modifiez la couleur du texte — Blanc si le fond est foncé, noir si le fond est clair

Exemple de combo qui marche :

• Badge fond orange vif, texte blanc, écrit « -30% »
• Headline noir, sous-titre gris clair
• Fond bannière blanc cassé
• Bouton CTA bleu (couleur de marque) avec texte blanc

C'est équilibré, lisible, et ça saute aux yeux.

Étape 4 : Ajouter une image produit (optionnel)

Certains templates laissent une place pour une petite image — un produit ou une lifestyle photo qui montre ce qu'on peut acheter.

• Cliquez sur la zone image
• Téléchargez votre photo produit ou une photo lifestyle
• Maginali l'ajuste automatiquement aux dimensions du template

Conseil : Préférez une image PNG avec fond transparent (ou blanc). Une photo avec un modèle ou un produit en gros plan fonctionne mieux qu'une photo générique.

Vous n'avez pas d'image prête ? Utilisez un outil IA image (ChatGPT, Midjourney) ou reprenez une photo de votre catalogue.

Étape 5 : Exporter dans le bon format

Une fois satisfait du résultat, cliquez sur Exporter en haut à droite.

Maginali vous propose plusieurs formats :

• JPG — Standard, pour un affichage quick sur votre homepage. File plus léger, chargement rapide.
• PNG — Si vous avez besoin d'un fond transparent (par exemple, vous voulez appliquer votre propre fond dégradé sur la homepage).
• WebP — Format moderne, plus compact. Certains vieux navigateurs ne le supportent pas, mais c'est rare.

Choix simple :

• Homepage Shopify classique ? JPG
• Vous avez une structure custom avec des fonds complexes ? PNG
• Vous optimisez pour le mobile et vous voulez fichier ultra-léger ? WebP

Les dimensions sont déjà correctes pour Shopify (1920×400 px par défaut, ajustable).

Cliquez sur Télécharger. Votre bannière est prête.

Étape 6 : Intégrer sur Shopify

Aller dans Shopify Admin → Thème → Personnaliser. Selon votre thème :

• Cherchez une section « Bannière » ou « Hero »
• Cliquez sur Ajouter une image
• Sélectionnez le fichier JPG que vous venez de télécharger
• Ajoutez un lien optionnel (vers la collection promo, par exemple)
• Cliquez sur Enregistrer

Votre bannière s'affiche sur l'homepage. En live en moins de 2 minutes.

Variantes : créer plusieurs bannières pour tester

Une fois que vous avez la première, dupliquée-la dans Maginali (bouton Dupliquer). Modifiez juste le texte ou le badge :

• Variante 1 : « -30% ce week-end »
• Variante 2 : « Soldes : -30% sur les sacs »
• Variante 3 : « Dernière chance : -30% »

Exportez les trois. Alternez-les sur votre homepage tous les jours. Regardez laquelle génère le plus de clics (Shopify Analytics vous le dit). Gardez la meilleure.

C'est A/B testing en 30 minutes.

Bonnes pratiques finales

✅ Raccourcissez le texte — Si ça ne tient pas, c'est que c'est trop long. Enlevez les mots inutiles.

✅ Testez le contraste — Rendez-vous sur votre homepage en live. Zoomez à 70%. Est-ce que vous lisez le texte facilement ? Si vous squintez, ça veut dire que 40% de vos clients aussi vont rater.

✅ Bannière trop générique ? — Ajoutez une petite animation ou une touche personnelle. Maginali supporte les dégradés subtils et les textes courbés — c'est facile et ça fait pro.

✅ Bannière différente par saison — Septembre = back-to-school, décembre = Noël, etc. Changer la bannière tous les mois prend 15 minutes et améliore l'engagement client.

✅ Mesurez l'impact — Avant de mettre la bannière, notez votre taux de clics sur la homepage. Une semaine après, comparez. Si les résultats sont meilleurs, gardez-la et dupliquez-la pour d'autres promos.

Récapitulatif temps à temps

• Choisir un template : 2 min
• Écrire le texte et ajouter le badge : 3 min
• Personnaliser les couleurs : 2 min
• Ajouter l'image produit : 2 min
• Exporter et télécharger : 1 min
• Intégrer sur Shopify : 2 min

Total : 12 minutes pour une bannière promo pro.

Avec une deuxième variante pour tester ? Ajoutez 5 minutes.

C'est plus rapide et meilleur marché qu'une agence. Et vous gardez le contrôle.