Hero SaaS (Gutenberg) – Prompt + Exemple
Apprenez à créer le prompt parfait d’AI Builder pour générer une section hero SaaS à haut taux de conversion en quelques secondes. Ce guide inclut le modèle de prompt exact, les conseils de personnalisation et un exemple réel.
Pourquoi utiliser ce prompt ?
Ce prompt est conçu pour les fondateurs SaaS, les spécialistes du marketing et les designers qui ont besoin de créer des sections hero professionnelles sans coder. Il génère des blocs Gutenberg complets avec CSS personnalisé, garantissant que votre landing page soit soignée et convertisse les visiteurs en clients.
L’IA gère la mise en page, l’espacement, le contraste des couleurs et la réactivité mobile. Vous obtenez une section hero prête pour la production avec des CTA clairs, des mises en évidence des avantages et des espaces réservés pour les preuves sociales, le tout en moins de 60 secondes.
Le modèle de prompt
Copiez et collez ce prompt dans AI Builder, en remplaçant les espaces réservés par vos propres détails :
Create a Gutenberg HERO section for a SaaS named {NAME}. Target: {ICP}. Goal: {objective}. Tone: {tone}. Include: title ≤ 9 words, subtitle, 2 CTAs (primary + secondary), 3 short benefits, social proof (logo placeholders), image block with description. Style: modern, generous spacing, rounded buttons, accessible contrasts.Variations de prompt
- Ton : Professionnel, amical, audacieux, minimaliste, ludique
- Cible : SaaS B2B, application B2C, entreprise, startups, indépendants
- Langue : Ajoutez « en français » ou « en espagnol » à la fin
- Objectif : Inscriptions, réservations de démo, démarrages d’essai gratuit, téléchargements
Paramètres recommandés
Style de conception
Choisissez « Startup » pour les ombres douces et les dégradés. Utilisez un rayon de bordure de 4 à 8 px pour les formes modernes et neutres.
Couleurs et CTA
Utilisez les couleurs de votre marque. Le CTA principal doit être audacieux (par exemple, « Commencer »). Le CTA secondaire peut être de style contour ou fantôme.
Exemple de résultat
Voici ce qu’AI Builder génère lorsque vous utilisez ce prompt pour un SaaS fictif appelé « VTechMaster » ciblant les équipes de vente :
Blocs Gutenberg générés
- core/cover (arrière-plan hero avec dégradé)
- core/heading (titre H1, ≤ 9 mots)
- core/paragraph (sous-titre)
- core/buttons (CTA primaire + secondaire)
- core/columns (3 blocs d’avantages avec icônes)
- core/group (espaces réservés pour logos de preuve sociale)
- core/image (visuel hero avec prompt IA)
Erreurs courantes à éviter
- Espaces réservés vagues : Remplacez {NAME}, {ICP}, {objective}, {tone} par des détails spécifiques
- Trop de CTA : Limitez-vous à 2 boutons maximum (primaire + secondaire)
- Ignorer le mobile : AI Builder gère la conception réactive, mais testez sur petits écrans
- Titres faibles : Gardez les titres sous 9 mots et axés sur les avantages
- Pas de preuve sociale : Incluez toujours des espaces réservés pour logos ou témoignages
Prêt à créer votre section hero ?
Utilisez ce prompt dans AI Builder et générez un hero SaaS professionnel en moins de 60 secondes. Aucun codage requis.