Pricing Sections

pricing-table

stable Bibliothèque Contenu inline (instance)

Présenter les tarifs

Table de prix pour présenter clairement les formules, paliers et options commerciales.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Uniquement en bibliothèque (aucune instance en page).

Aperçu

Comment l'utiliser

Intention

Présenter les tarifs

Rôle de page

Conversion

Modèle de contenu

Contenu inline (instance)

Contrat de slots

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	·
`tiers`	Contenu	`array`	Oui	·	1..5

Déclinaisons · 14

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 4 curées, 10 générées.

Grille tarifaire · papier
curée
pricing-table--paper
Grille tarifaire · papier 2
curée
pricing-table--paper-2
Grille tarifaire · papier 3
curée
pricing-table--paper-3
Grille tarifaire · encre
curée
pricing-table--ink
pricing-table · 3 paliers
générée
pricing-table--tier-cards-3
pricing-table · 2 paliers
générée
pricing-table--tier-cards-2
pricing-table · palier unique
générée
pricing-table--single
pricing-table · matrice comparative
générée
pricing-table--comparison-matrix
pricing-table · bascule facturation
générée
pricing-table--toggle-billing
pricing-table · liste de cases
générée
pricing-table--feature-checklist
pricing-table · palier mis en avant
générée
pricing-table--highlighted-popular
pricing-table · 4 paliers
générée
pricing-table--tier-cards-4
pricing-table · côte à côte
générée
pricing-table--side-by-side
pricing-table · ligne entreprise
générée
pricing-table--enterprise-row

Comparer les déclinaisons · 14

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.

Grille tarifaire · papier
curée
pricing-table--paper
background:paper
Ouvrir dans le builder
Grille tarifaire · papier 2
curée
pricing-table--paper-2
background:paper-2
Ouvrir dans le builder
Grille tarifaire · papier 3
curée
pricing-table--paper-3
background:paper-3
Ouvrir dans le builder
Grille tarifaire · encre
curée
pricing-table--ink
background:ink
Ouvrir dans le builder
pricing-table · 3 paliers
générée
pricing-table--tier-cards-3
layout:tier-cards-3
Ouvrir dans le builder
pricing-table · 2 paliers
générée
pricing-table--tier-cards-2
layout:tier-cards-2
Ouvrir dans le builder
pricing-table · palier unique
générée
pricing-table--single
layout:single
Ouvrir dans le builder
pricing-table · matrice comparative
générée
pricing-table--comparison-matrix
layout:comparison-matrix
Ouvrir dans le builder
pricing-table · bascule facturation
générée
pricing-table--toggle-billing
layout:toggle-billing
Ouvrir dans le builder
pricing-table · liste de cases
générée
pricing-table--feature-checklist
layout:feature-checklist
Ouvrir dans le builder
pricing-table · palier mis en avant
générée
pricing-table--highlighted-popular
layout:highlighted-popular
Ouvrir dans le builder
pricing-table · 4 paliers
générée
pricing-table--tier-cards-4
layout:tier-cards-4
Ouvrir dans le builder
pricing-table · côte à côte
générée
pricing-table--side-by-side
layout:side-by-side
Ouvrir dans le builder
pricing-table · ligne entreprise
générée
pricing-table--enterprise-row
layout:enterprise-row
Ouvrir dans le builder

Sections liées

Même famille

comparison-table stable

Tableau comparatif pour clarifier les différences entre offres, options ou approches.

table Comparison Sections Défilement horizontalSurvolGlisser pour faire défiler +3 11 décl.

course-catalog-table stable

Tableau du catalogue formations : titre de section et lignes (#, titre, niveau en pill, durée, prix, flèche), une formation par ligne.

table Index Sections SurvolBadgeMulti-colonnes 12 décl.

data-table stable

Table de données neutre générique : en-tête optionnel, colonnes avec alignements, lignes et cellules typées (emphase), zébrures et légende. Distincte des tables habillées terminal ou éditoriale.

table Table Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +4 13 décl.

department-stack stable

Stack outils en table éditoriale : en-tête eyebrow et titre display, aside Callout, EditorialTable catégorie/outil/rôle.

table Comparison Sections Apparition au scrollDéfilementTableau +3 13 décl.

editorial-table-block stable

Comparateur éditorial : en-tête kicker mono et titre display, puis tableau EditorialTable bilingue (colonnes, lignes, caption).

table Comparison Sections Défilement horizontalApparition au scrollSurvol +6 14 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.

table Pricing Sections Défilement horizontalSurvolGlisser pour faire défiler +3 13 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.

card-grid Pricing Sections 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.

table Pricing Sections Défilement horizontalSurvolGlisser pour faire défiler +3 13 décl.

pricing-single-highlight stable

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.

card-grid Pricing Sections Liste2 colonnesMédia à droite +1 18 décl.

pricing-tabs-showcase stable

Showcase de formules avec onglets, cartes illustrées, listes de livrables et bande sur mesure.

tabs Pricing Sections 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.

card-grid Pricing Sections SurvolClic (bascule)Illustration au trait +4 18 décl.

Similaires

cta-band stable

Bandeau CTA horizontal pour relancer une action au milieu ou en fin de parcours.

band CTA Sections BoutonsPleine largeur 17 décl.

cta-inline stable

CTA inline discret pour insérer une action contextuelle dans un contenu existant.

band CTA Sections BoutonsPleine largeur 18 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.

band CTA Sections Boutons2 colonnesScindé 27 décl.

newsletter-signup-section stable

Section d'inscription newsletter pleine largeur (réutilise NewsletterSignup), fonds au choix dont ink pour un climax de page.

band Newsletter Sections BoutonsCentré 17 décl.

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.

form-panel Contact Sections DéfilementIllustration au traitListe +3 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.

form-panel CTA Sections SurvolBoutonsFormulaire +3 13 décl.

Code

Données de la section (à placer dans sections[])

{
  "type": "pricing-table",
  "kicker_fr": "Tarifs · démo",
  "kicker_en": "Pricing · demo",
  "h2_fr": "Trois <i>paliers</i>",
  "h2_en": "Three <i>tiers</i>",
  "tiers": [
    {
      "name_fr": "Activation",
      "name_en": "Activation",
      "price": "1 500 €",
      "features_fr": [
        "1 workflow",
        "Audit 5 jours",
        "Formation 1 jour"
      ],
      "features_en": [
        "1 workflow",
        "5-day audit",
        "1-day training"
      ],
      "cta": {
        "label_fr": "Démarrer",
        "label_en": "Start",
        "href": "#",
        "variant": "ghost"
      },
      "featured": false
    },
    {
      "name_fr": "Growth",
      "name_en": "Growth",
      "price": "5 000 €",
      "features_fr": [
        "5-8 workflows",
        "Système complet 6-10 sem.",
        "Support 90j"
      ],
      "features_en": [
        "5-8 workflows",
        "Full system 6-10wk",
        "90d support"
      ],
      "cta": {
        "label_fr": "Choisir",
        "label_en": "Choose",
        "href": "#",
        "variant": "primary"
      },
      "featured": true
    },
    {
      "name_fr": "Sur-mesure",
      "name_en": "Custom",
      "price": "Devis",
      "features_fr": [
        "Workflows illimités",
        "Architecture dédiée",
        "Support 12 mois"
      ],
      "features_en": [
        "Unlimited workflows",
        "Custom architecture",
        "12mo support"
      ],
      "cta": {
        "label_fr": "Discuter",
        "label_en": "Talk",
        "href": "#",
        "variant": "ghost"
      },
      "featured": false
    }
  ]
}

Pour un agent / MCP

Détail machine de cette section (intention, rôle, contrat de slots, sections liées).

/library/section/pricing-table.json

Chemin du détail machine

/library/section/pricing-table.json