CTA Sections

cta-form-inline

stable Bibliothèque Contenu inline (instance)

Pousser à l'action

Bande CTA avec mini-formulaire inline (email et bouton), pour capter un lead ou une inscription newsletter à l'instant d'intention.

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

Pousser à l'action

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 · accent
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`body`	Contenu	`richtext`	Non	fr / en	·
`placeholder`	Contenu	`text`	Non	fr / en	·
`submit_label`	Contenu	`text`	Non	fr / en	·
`hint`	Contenu	`text`	Non	fr / en	·
`form_action`	Contenu	`text`	Non	·	·

Déclinaisons · 13

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

CTA formulaire · fond papier
curée
cta-form-inline--paper
CTA formulaire · fond papier 2
curée
cta-form-inline--paper-2
CTA formulaire · fond papier 3
curée
cta-form-inline--paper-3
CTA formulaire · fond accent
curée
cta-form-inline--accent
cta-form-inline · colonne unique
générée
cta-form-inline--single-col
cta-form-inline · deux colonnes
générée
cta-form-inline--two-col
cta-form-inline · en ligne
générée
cta-form-inline--inline
cta-form-inline · split avec média
générée
cta-form-inline--split-with-media
cta-form-inline · multi-étapes
générée
cta-form-inline--multi-step
cta-form-inline · carte encadrée
générée
cta-form-inline--boxed-card
cta-form-inline · deux étapes
générée
cta-form-inline--two-step
cta-form-inline · compact en ligne
générée
cta-form-inline--compact-inline
cta-form-inline · pleine largeur
générée
cta-form-inline--full-width

Comparer les déclinaisons · 13

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.

CTA formulaire · fond papier
curée
cta-form-inline--paper
background:paper
Ouvrir dans le builder
CTA formulaire · fond papier 2
curée
cta-form-inline--paper-2
background:paper-2
Ouvrir dans le builder
CTA formulaire · fond papier 3
curée
cta-form-inline--paper-3
background:paper-3
Ouvrir dans le builder
CTA formulaire · fond accent
curée
cta-form-inline--accent
background:accent
Ouvrir dans le builder
cta-form-inline · colonne unique
générée
cta-form-inline--single-col
layout:single-col
Ouvrir dans le builder
cta-form-inline · deux colonnes
générée
cta-form-inline--two-col
layout:two-col
Ouvrir dans le builder
cta-form-inline · en ligne
générée
cta-form-inline--inline
layout:inline
Ouvrir dans le builder
cta-form-inline · split avec média
générée
cta-form-inline--split-with-media
layout:split-with-media
Ouvrir dans le builder
cta-form-inline · multi-étapes
générée
cta-form-inline--multi-step
layout:multi-step
Ouvrir dans le builder
cta-form-inline · carte encadrée
générée
cta-form-inline--boxed-card
layout:boxed-card
Ouvrir dans le builder
cta-form-inline · deux étapes
générée
cta-form-inline--two-step
layout:two-step
Ouvrir dans le builder
cta-form-inline · compact en ligne
générée
cta-form-inline--compact-inline
layout:compact-inline
Ouvrir dans le builder
cta-form-inline · pleine largeur
générée
cta-form-inline--full-width
layout:full-width
Ouvrir dans le builder

Sections liées

Même famille

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.

contact-form stable

Section contact avec formulaire (nom, email, message) et colonne coordonnées, action vers /api/contact, bilingue.

form-panel Contact Sections SurvolIllustration au traitBoutons +4 9 décl.

Même catégorie

branded-callout stable

Callout de marque fond paper-2 avec kicker §, titre display italique et corps de deux paragraphes, CTA optionnel.

band CTA Sections Apparition au scrollDéfilementBoutons +1 20 décl.

closing-cta-band stable

Bande CTA de cloture sur fond ink : kicker + titre display-lg (accent italique) + bouton primaire. Titre rendu en HTML (accent <em>).

band CTA Sections Apparition au scrollSurvolBoutons +1 17 décl.

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

CTA final pour conclure une page et orienter vers l'action de conversion principale.

band CTA Sections Apparition au scrollSurvolDéfilement +3 18 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.

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.

split-media CTA Sections Apparition au scrollDéfilementIllustration au trait +4 17 décl.

Similaires

newsletter-band stable

Bande newsletter fond sombre : titre éditorial large à gauche, formulaire capture email à droite.

band CTA Sections Apparition au scrollSurvolDéfilement +4 12 décl.

tunnel-step-nav stable

Pied de navigation d'étape tunnel : lien prev optionnel + cta (primary/accent/ghost) + barre méta (lecture + retour offre).

list CTA Sections Survol1 colonne 17 décl.

department-cta stable

Clôture CTA sur fond ink : Dingbat, titre display italique, body et deux boutons (rendez-vous + lien secondaire).

band CTA Sections Apparition au scrollSurvolDéfilement +3 14 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.

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.

band Newsletter Sections Illustration au traitBoutonsFormulaire +3 17 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.

Code

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

{
  "type": "cta-form-inline",
  "background": "ink",
  "kicker_fr": "Veille IA appliquée",
  "kicker_en": "Applied AI intelligence",
  "h2_fr": "Un <i>essai</i> par mois, zéro promotion",
  "h2_en": "One <i>essay</i> per month, zero pitch",
  "body_fr": "Des analyses longues sur ce qui marche vraiment quand on câble l'IA dans une PME. Lu par 2 400 dirigeants.",
  "body_en": "Long-form analysis of what truly works when wiring AI into a mid-market company. Read by 2,400 leaders.",
  "placeholder_fr": "votre@email.com",
  "placeholder_en": "your@email.com",
  "submit_label_fr": "S'abonner →",
  "submit_label_en": "Subscribe →",
  "hint_fr": "Sans spam · Désinscription en 1 clic",
  "hint_en": "No spam · Unsubscribe in 1 click"
}

Pour un agent / MCP

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

/library/section/cta-form-inline.json

Chemin du détail machine

/library/section/cta-form-inline.json