Articles sur : Espaces

Couverture de Page (la bannière au niveau de la Page)

La couverture de Page est une bannière pleine largeur placée en haut d'une Page, au-dessus de toutes les Sections. C'est la première chose que voient les acheteurs en ouvrant la Page — utilisez-la pour ancrer l'identité (logos + titre), donner le ton, ou mettre en avant un message clé.


Ce n'est pas un widget. Contrairement aux widgets de contenu (Text, Image, Video, etc.), la couverture est un élément au niveau de la Page — il y a une couverture par Page, gérée depuis la Page elle-même et non depuis le catalogue de widgets de la barre de construction flottante.


Ajouter ou retirer une couverture


La couverture se gère depuis l'en-tête de Page, pas depuis la barre de construction :


  1. Ouvrez la Page en mode édition.
  2. En haut de la Page, cliquez sur + Add cover. Une bannière par défaut apparaît et sa popover s'ouvre — configurez la mise en page, le fond, le texte et les logos.
  3. Cliquez à l'extérieur ou fermez la popover pour appliquer.


Pour la retirer, cliquez sur la couverture pour rouvrir la popover et cliquez sur Remove banner en bas.


En-tête de Page avec le bouton d'ajout de couverture, et le menu de couverture proposant de retirer la bannière


Modifier une couverture


Cliquez n'importe où sur une couverture existante — la même popover se rouvre pour l'édition.


Mise en page (trois variantes)


Choisissez l'une des trois dispositions, qui déterminent la relation entre le titre/sous-titre et le fond :


  • Overlay (superposition) — le titre et le sous-titre se placent par-dessus le fond (image ou couleur), l'aspect bannière hero classique. Idéal avec une image sombre et le réglage de texte Light pour le contraste.
  • Split (côte à côte) — le fond d'un côté, le titre/sous-titre de l'autre. Utile quand le visuel et les mots méritent un poids égal.
  • Vertical-split (division verticale) — le fond en haut, le texte en bas (ou l'inverse). Utile quand le fond est le visuel principal et le texte une légende.


Fond


  • Color — aplat de couleur ; choisissez n'importe quelle valeur hexadécimale
  • Gradient — choisissez parmi les préréglages ou définissez un dégradé personnalisé
  • Image — téléchargez un fichier ou collez une URL
  • Vidéo — téléchargez ou reliez une vidéo en boucle


Texte


  • Title — le titre principal
  • Subtitle — une ligne secondaire
  • Text color — Light (pour les fonds sombres) ou Dark (pour les fonds clairs) — à choisir selon le contraste
  • Alignment — Left ou Center


Logos


La couverture est l'endroit où votre marque (et celle de votre acheteur) s'exprime. Vous pouvez afficher un ou plusieurs logos avec un contrôle complet sur leur rendu :


  • Visibilité — activer/désactiver
  • Position — en haut ou en bas de la couverture
  • Taille — Small / Medium / Large
  • Forme — Circle / Rounded / Square
  • Traitement colorimétrique — Natural / White / Grey / Dark (utile pour harmoniser des logos de marques différentes)
  • Disposition — Separated , Separated (+) ou Overlap — la relation visuelle quand votre logo et celui de l'acheteur sont tous deux affichés


Le logo vendeur provient des Brand assets de votre espace de travail ; le logo prospect se règle sur l'Espace lui-même — voir Logo du prospect.


Quand utiliser une couverture


  • En haut de chaque Page destinée à l'acheteur — cela renforce l'identité et signale que ce n'est pas un modèle générique
  • Sur les Pages de moments clés — kickoff, proposition, page de signature — là où vous voulez un effet visuel
  • Pas sur les Pages internes — inutile de soigner l'esthétique sur des Pages masquées aux acheteurs


Quand NE PAS l'utiliser


  • La même couverture sur chaque Page — la variété aide au rythme ; répétez la couverture sur des Pages similaires (par ex. toutes les Pages de proposition) mais pas sur toutes les Pages
  • En remplacement d'une Section hero — si vous avez besoin de widgets dans le hero (CTA, vidéos, liens), utilisez plutôt une Section classique avec un fond de type couverture


Articles associés

Mis à jour le : 04/10/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !