Pricing Sections
pricing-single-highlight
stable Bibliothèque Contenu inline (instance)Présenter les tarifs
Offre mono-produit en grand format : une carte large centrée avec prix d'ancrage, liste de bénéfices, garantie et CTA fort. Idéal landing mono-offre.
Instances sur le site
Global 0 instance en page composable
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
background | Présentation | enum | Non | · | paper · paper-2 · paper-3 · ink |
kicker | Contenu | text | Non | fr / en | · |
h2 | Contenu | text | Oui | fr / en | · |
name | Contenu | text | Oui | fr / en | · |
desc | Contenu | text | Non | fr / en | · |
anchor_price | Contenu | text | Non | · | · |
anchor_label | Contenu | text | Non | fr / en | · |
price | Contenu | text | Oui | · | · |
period | Contenu | text | Non | fr / en | · |
benefits | Contenu | array | Oui | fr / en | 2..∞ |
cta | Contenu | object | Oui | · | · |
guarantee | Contenu | text | Non | fr / en | · |
secondary_note | Contenu | text | Non | fr / en | · |
Déclinaisons · 18
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 4 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.
-
Offre unique · papier
curéepricing-single-highlight--paper -
Offre unique · papier 2
curéepricing-single-highlight--paper-2 -
Offre unique · papier 3
curéepricing-single-highlight--paper-3 -
Offre unique · encre
curéepricing-single-highlight--ink -
pricing-single-highlight · grille uniforme
généréepricing-single-highlight--grid-uniform -
pricing-single-highlight · grille auto
généréepricing-single-highlight--grid-auto -
pricing-single-highlight · grille asymétrique
généréepricing-single-highlight--grid-asym -
pricing-single-highlight · liste
généréepricing-single-highlight--list -
pricing-single-highlight · lignes séparées
généréepricing-single-highlight--rows-divided -
pricing-single-highlight · bento vedette
généréepricing-single-highlight--bento-feature -
pricing-single-highlight · vedette + split
généréepricing-single-highlight--featured-split -
pricing-single-highlight · deux colonnes
généréepricing-single-highlight--two-col -
pricing-single-highlight · alternance
généréepricing-single-highlight--alternating -
pricing-single-highlight · jeu de cartes
généréepricing-single-highlight--cards-deck -
pricing-single-highlight · liste média à gauche
généréepricing-single-highlight--list-media-left -
pricing-single-highlight · grille 3 + vedette
généréepricing-single-highlight--grid-3-featured
Comparer les déclinaisons · 16
Chaque déclinaison, résumée par son écart d'axes face à la démo par défaut du type : seuls les axes qui changent une valeur sont listés. Ouvre-la dans le builder pour l'assembler dans une page.
-
Offre unique · papier
curéepricing-single-highlight--paperOuvrir dans le builder -
Offre unique · papier 2
curéepricing-single-highlight--paper-2background:paper-2Ouvrir dans le builder -
Offre unique · papier 3
curéepricing-single-highlight--paper-3background:paper-3Ouvrir dans le builder -
Offre unique · encre
curéepricing-single-highlight--inkbackground:inkOuvrir dans le builder -
pricing-single-highlight · grille uniforme
généréepricing-single-highlight--grid-uniformlayout:grid-uniformOuvrir dans le builder -
pricing-single-highlight · grille auto
généréepricing-single-highlight--grid-autolayout:grid-autoOuvrir dans le builder -
pricing-single-highlight · grille asymétrique
généréepricing-single-highlight--grid-asymlayout:grid-asymOuvrir dans le builder -
pricing-single-highlight · liste
généréepricing-single-highlight--listlayout:listOuvrir dans le builder -
pricing-single-highlight · lignes séparées
généréepricing-single-highlight--rows-dividedlayout:rows-dividedOuvrir dans le builder -
pricing-single-highlight · bento vedette
généréepricing-single-highlight--bento-featurelayout:bento-featureOuvrir dans le builder -
pricing-single-highlight · vedette + split
généréepricing-single-highlight--featured-splitlayout:featured-splitOuvrir dans le builder -
pricing-single-highlight · deux colonnes
généréepricing-single-highlight--two-collayout:two-colOuvrir dans le builder -
pricing-single-highlight · alternance
généréepricing-single-highlight--alternatinglayout:alternatingOuvrir dans le builder -
pricing-single-highlight · jeu de cartes
généréepricing-single-highlight--cards-decklayout:cards-deckOuvrir dans le builder -
pricing-single-highlight · liste média à gauche
généréepricing-single-highlight--list-media-leftlayout:list-media-leftOuvrir dans le builder -
pricing-single-highlight · grille 3 + vedette
généréepricing-single-highlight--grid-3-featuredlayout:grid-3-featuredOuvrir dans le builder
Sections liées
Même famille
article-grid stable Grille de cartes d’articles/blog : image optionnelle, tag, titre, date, temps de lecture, extrait, auteur et lien, en 2 ou 3 colonnes. Le classique éditorial B2B.
SurvolImageIcônes +3 18 décl.case-card-grid stable Table éditoriale de cas clients en six colonnes (index, client, secteur, stack, impact, flèche) façon compte rendu d'audit.
Apparition au scrollSurvolDéfilement +3 31 décl.case-featured-grid stable Grille de cas clients « featured » : un cas mis en avant (colonne large, cover optionnelle) plus des cas secondaires en lignes numérotées, avec chip de provenance.
Apparition au scrollSurvolDéfilement +6 17 décl.challenges-grid stable Grille 2x2 de défis ou pain-points : numéro en coin, icône, titre et texte par carte, border-left accent et élévation au survol. Pose le problème avant la solution sur une landing.
SurvolIllustration au traitIcônes +4 16 décl.commitments-grid stable Grille hairline de 2 à 6 engagements ou garanties, titre display et corps sans, extrait de la page Méthode.
Zoom au survolApparition au scrollSurvol +8 17 décl.deliverables-grid stable Grille de livrables tangibles avec cards numérotées et tag format/durée, extraite des pages offre et détail.
Apparition au scrollSurvolDéfilement +4 29 décl.Même catégorie
pricing-cards stable Grille de 2 à 4 cartes de prix côte à côte avec une carte « Recommandé » mise en avant, prix, période, features et CTA par carte. Ancrage par contraste.
SurvolCartesBadge +3 30 décl.pricing-comparison-matrix stable Matrice comparative tarifaire pour mettre en regard les fonctionnalites de 3 plans avec mise en avant de la colonne recommandee.
Défilement horizontalSurvolGlisser pour faire défiler +3 13 décl.pricing-table stable Table de prix pour présenter clairement les formules, paliers et options commerciales.
BoutonsListe3 colonnes 14 décl.pricing-tabs-showcase stable Showcase de formules avec onglets, cartes illustrées, listes de livrables et bande sur mesure.
revealtabsSurvol +7 11 décl.pricing-toggle stable Grille de cartes de prix avec bascule mensuel/annuel (CSS-only, sans JS) qui change les prix affichés et signale l'économie annuelle.
SurvolClic (bascule)Illustration au trait +4 18 décl.Similaires
booking-embed stable Section de prise de rendez-vous intégrant le widget Cal.com (CalEmbed) avec une copy de réassurance, pour réserver un audit ou un appel.
DéfilementIllustration au traitListe +3 9 décl.contact-form stable Section contact avec formulaire (nom, email, message) et colonne coordonnées, action vers /api/contact, bilingue.
SurvolIllustration au traitBoutons +4 9 décl.cta-form-inline stable Bande CTA avec mini-formulaire inline (email et bouton), pour capter un lead ou une inscription newsletter à l'instant d'intention.
SurvolBoutonsFormulaire +3 13 décl.cta-newsletter-footer stable Capture email compacte multi-colonne de type pré-footer : titre, champ, bouton et mention RGPD sur une ligne. Sombre par défaut pour clore la page sur l’abonnement.
Illustration au traitBoutonsFormulaire +3 17 décl.footer-cta-band stable Bande CTA finale pleine largeur (titre, sous-titre, un à deux boutons), pensée comme le climax juste avant le footer. Sombre par défaut pour trancher avec la page.
Boutons2 colonnesScindé 27 décl.cta-split-visual stable Bandeau CTA asymetrique 2 colonnes : texte kicker/titre/body/boutons a gauche, visuel SVG decoratif a droite. Distinct des CTA centres.
Apparition au scrollDéfilementIllustration au trait +4 17 décl.Code
Données de la section (à placer dans sections[])
{
"type": "pricing-single-highlight",
"background": "paper",
"kicker_fr": "Offre · pilote agentique",
"kicker_en": "Offer · agentic pilot",
"h2_fr": "Un seul produit, <i>tout</i> compris",
"h2_en": "One product, <i>everything</i> included",
"name_fr": "Pilote IA Activation",
"name_en": "AI Activation Pilot",
"desc_fr": "Le forfait unique pour passer un premier workflow agentique en production en une semaine.",
"desc_en": "The single package to ship a first agentic workflow to production in one week.",
"anchor_price": "2 400 €",
"anchor_label_fr": "valeur catalogue",
"anchor_label_en": "list value",
"price": "2 000 €",
"period_fr": "HT · paiement unique",
"period_en": "excl. VAT · one-time",
"benefits_fr": [
"Cartographie complète de vos process en 5 jours",
"Un workflow agentique livré et déployé",
"Formation de votre équipe sur 1 journée",
"Tableau de bord de suivi des actions",
"Garantie résultat ou remboursé sous 30 jours"
],
"benefits_en": [
"Full mapping of your processes in 5 days",
"One agentic workflow delivered and deployed",
"One-day training for your team",
"Action tracking dashboard",
"Results guaranteed or refunded within 30 days"
],
"cta": {
"label_fr": "Réserver mon pilote →",
"label_en": "Book my pilot →",
"href": "/contact?offer=pilot",
"variant": "accent"
},
"guarantee_fr": "Satisfait ou remboursé sous 30 jours, sans condition.",
"guarantee_en": "Satisfied or refunded within 30 days, no strings attached.",
"secondary_note_fr": "Places limitées à 4 pilotes par mois pour garantir la qualité du suivi.",
"secondary_note_en": "Limited to 4 pilots per month to guarantee follow-up quality."
}/library/section/pricing-single-highlight.json
Chemin du détail machine
/library/section/pricing-single-highlight.json