Pricing Sections

pricing-cards

stable Bibliothèque Contenu inline (instance)

Présenter les tarifs

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.

Ouvrir dans le builder

Instances sur le site

Global 34 instances sur 34 pages

Page	Position	Contenu	Variante
/lp/site-web-intelligent	`section 9`	Quatre façons de construire votre site intelligent.	paper
/lp/systeme-acquisition	`section 10`	Quatre socles pour lancer votre acquisition	paper
/lp/systeme-ia-marketing	`section 10`	Une offre, deux manières d'avancer.	paper
/lp/visibilite-google-ia	`section 10`	Deux façons de reprendre votre visibilité.	paper
/services/agent-support-client	`section 17`	Une offre, deux manières d'avancer	paper
/services/agents-ia	`section 11`	Une offre, deux manières d'avancer	paper
/services/applications-internes	`section 11`	Combien coûte une application sur mesure	paper
/services/automatisation-n8n	`section 17`	Une offre, deux manières d'avancer	paper
/services/automatisations	`section 11`	Une offre, deux manières d'avancer	paper
/services/cold-email-b2b	`section 15`	Trois formules, un abonnement mensuel sans engagement	paper
/services/consultant-ia-claude	`section 11`	Combien coûte un accompagnement IA	paper
/services/crm-scoring-routing	`section 14`	Deux façons de remettre votre CRM au travail	paper
/services/donnees-reporting	`section 11`	Une offre, deux manières d'avancer	paper
/services/integration-claude	`section 12`	Combien coûte Claude en entreprise	paper
/services/integration-crm	`section 14`	Deux façons de brancher votre CRM	paper
/services/landing-page-google-ads	`section 12`	Deux façons de faire convertir vos clics Ads	paper
/services/landing-pages-tunnels	`section 12`	Deux façons de faire convertir votre trafic	paper
/services/maintenance-growth	`section 11`	Combien coûte la maintenance de votre site	paper
/services/mvp-saas	`section 11`	Combien coûte un MVP SaaS	paper
/services/prospection-automatisee	`section 15`	Trois formules, un abonnement mensuel sans engagement	paper
/services/publicite-en-ligne	`section 12`	Deux façons de mettre votre budget pub au travail	paper
/services/referencement-ia	`section 12`	Deux façons de rendre votre marque citable	paper
/services/relance-devis	`section 14`	Deux façons de relancer vos devis	paper
/services/seo-geo-contenu	`section 12`	Deux façons de lancer votre machine éditoriale	paper
/services/seo-local	`section 12`	Deux façons de gagner en visibilité locale	paper
/services/sequences-de-suivi	`section 14`	Deux façons de remettre votre suivi au travail	paper
/services/site-web-ia	`section 11`	Combien coûte un site internet qui vend	paper
/services/sur-mesure-headless	`section 11`	Quatre façons de construire sur mesure	paper
/services/systeme-acquisition	`section 13`	Quatre socles pour lancer votre acquisition	paper
/services/systeme-commercial	`section 14`	Trois formules pour alimenter votre pipeline	paper
/services/systemes-operationnels-ia	`section 7`	Quatre socles pour câbler votre système	paper
/services/template-service-ref	`section 12`	Deux façons d'avancer	paper
/services/webflow	`section 11`	Quatre façons de rendre votre Webflow intelligent	paper
/services/wordpress	`section 11`	Quatre façons de poser votre WordPress	paper

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
`layout`	Présentation	`enum`	Non	·	grid-uniform · grid-auto · grid-asym · list · rows-divided · bento-feature · featured-split
`density`	Présentation	`enum`	Non	·	compact · base · ample
`contentAlign`	Présentation	`enum`	Non	·	start · center · end
`actionsAlign`	Présentation	`enum`	Non	·	start · center · end · spread
`columns`	Présentation	`enum`	Non	·	2 · 3 · 4 · 5 · 6 · auto
`colRatio`	Présentation	`enum`	Non	·	equal · 1-2 · 2-1 · 1-1-2 · 2-3
`itemHeight`	Présentation	`enum`	Non	·	auto · even · square · video
`placement`	Présentation	`object`	Non	·	·
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`lede`	Contenu	`text`	Non	fr / en	·
`tiers`	Contenu	`array`	Oui	·	2..4
`footnote`	Contenu	`text`	Non	fr / en	·

Déclinaisons · 30

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

Tarifs · cartes · papier
curée
pricing-cards--paper
Tarifs · cartes · papier 2
curée
pricing-cards--paper-2
Tarifs · cartes · papier 3
curée
pricing-cards--paper-3
Tarifs · cartes · encre
curée
pricing-cards--ink
Tarifs · grille fluide · titre centré
curée
pricing-cards--auto-centre
Tarifs · 4 colonnes
curée
pricing-cards--4col
Tarifs · 3 colonnes · aéré
curée
pricing-cards--3col-ample
Tarifs · 2 colonnes · titre centré
curée
pricing-cards--2col-centre
Tarifs · encre · titre centré
curée
pricing-cards--ink-centre
Tarifs · cartes · dense
curée
pricing-cards--compact
Tarifs · grille uniforme · 4 colonnes · hauteurs égales
curée
pricing-cards--grid-uniform-4-even
Tarifs · grille fluide adaptative
curée
pricing-cards--grid-auto
Tarifs · grille asymétrique · offre large + étroite
curée
pricing-cards--grid-asym-2-1
Tarifs · grille asymétrique · 3 colonnes (vedette large) · encre
curée
pricing-cards--grid-asym-1-1-2-ink
Tarifs · liste (formules en lignes)
curée
pricing-cards--list
Tarifs · lignes séparées (table tarifaire)
curée
pricing-cards--rows-divided
Tarifs · bento vedette (offre phare large)
curée
pricing-cards--bento-feature
Tarifs · offre phare + colonne · encre
curée
pricing-cards--featured-split-ink
Tarifs · grille fluide · CTA centrés (placement)
curée
pricing-cards--atomic-actions-center
Tarifs · grille uniforme · en-tête centré (placement)
curée
pricing-cards--atomic-header-center
pricing-cards · 3 paliers
générée
pricing-cards--tier-cards-3
pricing-cards · 2 paliers
générée
pricing-cards--tier-cards-2
pricing-cards · palier unique
générée
pricing-cards--single
pricing-cards · matrice comparative
générée
pricing-cards--comparison-matrix
pricing-cards · bascule facturation
générée
pricing-cards--toggle-billing
pricing-cards · liste de cases
générée
pricing-cards--feature-checklist
pricing-cards · palier mis en avant
générée
pricing-cards--highlighted-popular
pricing-cards · 4 paliers
générée
pricing-cards--tier-cards-4
pricing-cards · côte à côte
générée
pricing-cards--side-by-side
pricing-cards · ligne entreprise
générée
pricing-cards--enterprise-row

Comparer les déclinaisons · 30

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.

Tarifs · cartes · papier
curée
pricing-cards--paper
Identique à la démo par défaut (aucun axe surchargé).
Ouvrir dans le builder
Tarifs · cartes · papier 2
curée
pricing-cards--paper-2
background:paper-2
Ouvrir dans le builder
Tarifs · cartes · papier 3
curée
pricing-cards--paper-3
background:paper-3
Ouvrir dans le builder
Tarifs · cartes · encre
curée
pricing-cards--ink
background:ink
Ouvrir dans le builder
Tarifs · grille fluide · titre centré
curée
pricing-cards--auto-centre
columns:autocontentAlign:center
Ouvrir dans le builder
Tarifs · 4 colonnes
curée
pricing-cards--4col
columns:4
Ouvrir dans le builder
Tarifs · 3 colonnes · aéré
curée
pricing-cards--3col-ample
background:paper-2columns:3density:ample
Ouvrir dans le builder
Tarifs · 2 colonnes · titre centré
curée
pricing-cards--2col-centre
columns:2contentAlign:center
Ouvrir dans le builder
Tarifs · encre · titre centré
curée
pricing-cards--ink-centre
background:inkcontentAlign:centercolumns:auto
Ouvrir dans le builder
Tarifs · cartes · dense
curée
pricing-cards--compact
density:compactcolumns:auto
Ouvrir dans le builder
Tarifs · grille uniforme · 4 colonnes · hauteurs égales
curée
pricing-cards--grid-uniform-4-even
layout:grid-uniformcolumns:4itemHeight:even
Ouvrir dans le builder
Tarifs · grille fluide adaptative
curée
pricing-cards--grid-auto
layout:grid-autobackground:paper-2
Ouvrir dans le builder
Tarifs · grille asymétrique · offre large + étroite
curée
pricing-cards--grid-asym-2-1
layout:grid-asymcolRatio:2-1
Ouvrir dans le builder
Tarifs · grille asymétrique · 3 colonnes (vedette large) · encre
curée
pricing-cards--grid-asym-1-1-2-ink
layout:grid-asymcolRatio:1-1-2background:ink
Ouvrir dans le builder
Tarifs · liste (formules en lignes)
curée
pricing-cards--list
layout:list
Ouvrir dans le builder
Tarifs · lignes séparées (table tarifaire)
curée
pricing-cards--rows-divided
layout:rows-divided
Ouvrir dans le builder
Tarifs · bento vedette (offre phare large)
curée
pricing-cards--bento-feature
layout:bento-featurebackground:paper-2
Ouvrir dans le builder
Tarifs · offre phare + colonne · encre
curée
pricing-cards--featured-split-ink
layout:featured-splitbackground:ink
Ouvrir dans le builder
Tarifs · grille fluide · CTA centrés (placement)
curée
pricing-cards--atomic-actions-center
layout:grid-autoplacement
Ouvrir dans le builder
Tarifs · grille uniforme · en-tête centré (placement)
curée
pricing-cards--atomic-header-center
layout:grid-uniformcolumns:3placement
Ouvrir dans le builder
pricing-cards · 3 paliers
générée
pricing-cards--tier-cards-3
layout:tier-cards-3
Ouvrir dans le builder
pricing-cards · 2 paliers
générée
pricing-cards--tier-cards-2
layout:tier-cards-2
Ouvrir dans le builder
pricing-cards · palier unique
générée
pricing-cards--single
layout:single
Ouvrir dans le builder
pricing-cards · matrice comparative
générée
pricing-cards--comparison-matrix
layout:comparison-matrix
Ouvrir dans le builder
pricing-cards · bascule facturation
générée
pricing-cards--toggle-billing
layout:toggle-billing
Ouvrir dans le builder
pricing-cards · liste de cases
générée
pricing-cards--feature-checklist
layout:feature-checklist
Ouvrir dans le builder
pricing-cards · palier mis en avant
générée
pricing-cards--highlighted-popular
layout:highlighted-popular
Ouvrir dans le builder
pricing-cards · 4 paliers
générée
pricing-cards--tier-cards-4
layout:tier-cards-4
Ouvrir dans le builder
pricing-cards · côte à côte
générée
pricing-cards--side-by-side
layout:side-by-side
Ouvrir dans le builder
pricing-cards · ligne entreprise
générée
pricing-cards--enterprise-row
layout:enterprise-row
Ouvrir 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.

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

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

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

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

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

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 29 décl.

Même catégorie

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-table stable

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

table Pricing Sections BoutonsListe3 colonnes 14 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

resource-card-grid stable

Grille de ressources téléchargeables : type (livre blanc, cookbook, outil), titre, description, format, badge gated et CTA, en 2 ou 3 colonnes.

card-grid Content Listing Sections SurvolBoutonsIcônes +3 17 décl.

feature-comparison-grid stable

Différenciation légère « nous vs eux » en grille de cartes : 2 ou 3 colonnes, lignes cochées ou barrées, colonne mise en avant. Plus léger que la table comparative.

card-grid Feature Sections ListeCartes3 colonnes 18 décl.

persona-attributes-grid stable

Grille persona 2×2 pain points / critères / objections / preuves avec footer méta sombre en trois colonnes.

card-grid Feature Sections Liste3 colonnes 18 décl.

integrations-grid stable

Grille de logos d’intégrations groupés par catégorie (CRM, communication, données). Répond à l’objection « est-ce que ça se branche à nos outils ? » d’un coup d’œil.

card-grid Logo Sections SurvolPlusieurs imagesLogos +2 8 décl.

sector-card-grid stable

Grille de hubs sectoriels en cartes cliquables : ICP en kicker, secteur, douleur en une phrase et CTA, en 3 colonnes sur fond hairline.

card-grid Content Listing Sections Apparition au scrollSurvolBoutons +2 17 décl.

team-card-grid stable

Grille auto-fill de cartes auteurs avec photo, rôle, description, compteur de publications et CTA profil.

card-grid Testimonial Sections Zoom au survolSurvolImage +4 11 décl.

Code

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

{
  "type": "pricing-cards",
  "background": "paper",
  "kicker_fr": "Tarifs · formules",
  "kicker_en": "Pricing · plans",
  "h2_fr": "Trois <i>formules</i>, un seul cap",
  "h2_en": "Three <i>plans</i>, one direction",
  "lede_fr": "Du pilote à la plateforme agentique complète. Sans engagement caché, facturation au forfait.",
  "lede_en": "From pilot to a full agentic platform. No hidden commitment, flat-rate billing.",
  "tiers": [
    {
      "name_fr": "Activation",
      "name_en": "Activation",
      "price": "2 000 €",
      "period_fr": "HT · forfait",
      "period_en": "excl. VAT · flat",
      "features_fr": [
        "1 workflow agentique",
        "Audit cartographie 5 jours",
        "Formation équipe 1 jour",
        "Support 30 jours"
      ],
      "features_en": [
        "1 agentic workflow",
        "5-day mapping audit",
        "1-day team training",
        "30-day support"
      ],
      "cta": {
        "label_fr": "Démarrer",
        "label_en": "Start",
        "href": "/contact?offer=activation",
        "variant": "ghost"
      },
      "featured": false
    },
    {
      "name_fr": "Growth",
      "name_en": "Growth",
      "price": "10 000 €",
      "period_fr": "HT · forfait",
      "period_en": "excl. VAT · flat",
      "features_fr": [
        "5 à 8 workflows agentiques",
        "Système complet 6 à 10 semaines",
        "Agent éditeur GEO/AIO",
        "Support 90 jours"
      ],
      "features_en": [
        "5 to 8 agentic workflows",
        "Full system in 6 to 10 weeks",
        "GEO/AIO editor agent",
        "90-day support"
      ],
      "cta": {
        "label_fr": "Choisir Growth",
        "label_en": "Choose Growth",
        "href": "/contact?offer=growth",
        "variant": "primary"
      },
      "featured": true
    },
    {
      "name_fr": "Sur-mesure",
      "name_en": "Custom",
      "price": "Sur devis",
      "period_fr": "selon périmètre",
      "period_en": "scope-based",
      "features_fr": [
        "Workflows illimités",
        "Architecture dédiée multi-agents",
        "SSO, SLA et conformité",
        "Support 12 mois"
      ],
      "features_en": [
        "Unlimited workflows",
        "Dedicated multi-agent architecture",
        "SSO, SLA and compliance",
        "12-month support"
      ],
      "cta": {
        "label_fr": "Nous parler",
        "label_en": "Talk to us",
        "href": "/contact?offer=custom",
        "variant": "ghost"
      },
      "featured": false
    },
    {
      "name_fr": "Enterprise",
      "name_en": "Enterprise",
      "price": "40 000 €",
      "period_fr": "HT · annuel",
      "period_en": "excl. VAT · annual",
      "features_fr": [
        "Plateforme agentique multi-équipes",
        "Gouvernance et audit dédiés",
        "Intégrations sur-mesure (ERP, CRM)",
        "CSM dédié + SLA 99,9%"
      ],
      "features_en": [
        "Multi-team agentic platform",
        "Dedicated governance and audit",
        "Custom integrations (ERP, CRM)",
        "Dedicated CSM + 99.9% SLA"
      ],
      "cta": {
        "label_fr": "Demander une démo",
        "label_en": "Request a demo",
        "href": "/contact?offer=enterprise",
        "variant": "ghost"
      },
      "featured": false
    }
  ],
  "footnote_fr": "Tarifs HT. Migration des données et hébergement première année inclus.",
  "footnote_en": "Prices excl. VAT. Data migration and first-year hosting included."
}

Pour un agent / MCP

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

/library/section/pricing-cards.json

Chemin du détail machine

/library/section/pricing-cards.json