Newsletter Sections
cta-newsletter-footer
stable Bibliothèque Contenu inline (instance)Capter un lead
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.
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 | · |
subtitle | Contenu | text | Non | fr / en | · |
placeholder | Contenu | text | Non | fr / en | · |
button_label | Contenu | text | Non | fr / en | · |
consent | Contenu | text | Non | fr / en | · |
action | Contenu | text | Non | · | · |
Déclinaisons · 17
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 3 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.
-
Newsletter pied · fond papier
curéecta-newsletter-footer--paper -
Newsletter pied · fond papier 2
curéecta-newsletter-footer--paper-2 -
Newsletter pied · fond papier 3
curéecta-newsletter-footer--paper-3 -
cta-newsletter-footer · en ligne · aligné début
généréecta-newsletter-footer--inline-start -
cta-newsletter-footer · en ligne · centré
généréecta-newsletter-footer--inline-center -
cta-newsletter-footer · empilé · aligné début
généréecta-newsletter-footer--stacked-start -
cta-newsletter-footer · empilé · centré
généréecta-newsletter-footer--stacked-center -
cta-newsletter-footer · centré · aligné début
généréecta-newsletter-footer--centered-start -
cta-newsletter-footer · centré · centré
généréecta-newsletter-footer--centered-center -
cta-newsletter-footer · pleine largeur · aligné début
généréecta-newsletter-footer--full-bleed-start -
cta-newsletter-footer · pleine largeur · centré
généréecta-newsletter-footer--full-bleed-center -
cta-newsletter-footer · split image · aligné début
généréecta-newsletter-footer--split-image-start -
cta-newsletter-footer · split image · centré
généréecta-newsletter-footer--split-image-center -
cta-newsletter-footer · encadré · aligné début
généréecta-newsletter-footer--boxed-start -
cta-newsletter-footer · encadré · centré
généréecta-newsletter-footer--boxed-center
Comparer les déclinaisons · 15
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.
-
Newsletter pied · fond papier
curéecta-newsletter-footer--paperbackground:paperOuvrir dans le builder -
Newsletter pied · fond papier 2
curéecta-newsletter-footer--paper-2background:paper-2Ouvrir dans le builder -
Newsletter pied · fond papier 3
curéecta-newsletter-footer--paper-3background:paper-3Ouvrir dans le builder -
cta-newsletter-footer · en ligne · aligné début
généréecta-newsletter-footer--inline-startlayout:inlinealign:startOuvrir dans le builder -
cta-newsletter-footer · en ligne · centré
généréecta-newsletter-footer--inline-centerlayout:inlinealign:centerOuvrir dans le builder -
cta-newsletter-footer · empilé · aligné début
généréecta-newsletter-footer--stacked-startlayout:stackedalign:startOuvrir dans le builder -
cta-newsletter-footer · empilé · centré
généréecta-newsletter-footer--stacked-centerlayout:stackedalign:centerOuvrir dans le builder -
cta-newsletter-footer · centré · aligné début
généréecta-newsletter-footer--centered-startlayout:centeredalign:startOuvrir dans le builder -
cta-newsletter-footer · centré · centré
généréecta-newsletter-footer--centered-centerlayout:centeredalign:centerOuvrir dans le builder -
cta-newsletter-footer · pleine largeur · aligné début
généréecta-newsletter-footer--full-bleed-startlayout:full-bleedalign:startOuvrir dans le builder -
cta-newsletter-footer · pleine largeur · centré
généréecta-newsletter-footer--full-bleed-centerlayout:full-bleedalign:centerOuvrir dans le builder -
cta-newsletter-footer · split image · aligné début
généréecta-newsletter-footer--split-image-startlayout:split-imagealign:startOuvrir dans le builder -
cta-newsletter-footer · split image · centré
généréecta-newsletter-footer--split-image-centerlayout:split-imagealign:centerOuvrir dans le builder -
cta-newsletter-footer · encadré · aligné début
généréecta-newsletter-footer--boxed-startlayout:boxedalign:startOuvrir dans le builder -
cta-newsletter-footer · encadré · centré
généréecta-newsletter-footer--boxed-centerlayout:boxedalign:centerOuvrir dans le builder
Sections liées
Même famille
announcement-banner stable Bandeau d’annonce/promo fin : badge optionnel, texte court et lien, bouton de fermeture optionnel (dismissible), variantes accent, encre ou paper-2.
SurvolBoutonsIcônes +2 17 décl.branded-callout stable Callout de marque fond paper-2 avec kicker §, titre display italique et corps de deux paragraphes, CTA optionnel.
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>).
Apparition au scrollSurvolBoutons +1 17 décl.comparison-pricing-callout stable Bloc « pourquoi nous » en trois colonnes de propositions de valeur, terminé par un CTA et une mention. Sert de pont entre les features et la page tarifaire.
Illustration au traitListe3 colonnes 18 décl.cta-band stable Bandeau CTA horizontal pour relancer une action au milieu ou en fin de parcours.
BoutonsPleine largeur 17 décl.cta-final stable CTA final pour conclure une page et orienter vers l'action de conversion principale.
Apparition au scrollSurvolDéfilement +3 18 décl.Même catégorie
newsletter-signup-section stable Section d'inscription newsletter pleine largeur (réutilise NewsletterSignup), fonds au choix dont ink pour un climax de page.
BoutonsCentré 17 décl.Similaires
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.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.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.newsletter-band stable Bande newsletter fond sombre : titre éditorial large à gauche, formulaire capture email à droite.
Apparition au scrollSurvolDéfilement +4 12 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-inline stable CTA inline discret pour insérer une action contextuelle dans un contenu existant.
BoutonsPleine largeur 18 décl.Code
Données de la section (à placer dans sections[])
{
"type": "cta-newsletter-footer",
"background": "ink",
"kicker_fr": "Veille IA",
"kicker_en": "AI intelligence",
"h2_fr": "Une longueur <i>d’avance</i> sur l’IA appliquée",
"h2_en": "Stay one <i>step</i> ahead on applied AI",
"subtitle_fr": "Les décisions, outils et cas qui comptent pour les dirigeants. Une édition par semaine, sans bruit.",
"subtitle_en": "The decisions, tools and cases that matter for leaders. One edition a week, no noise.",
"placeholder_fr": "vous@entreprise.com",
"placeholder_en": "you@company.com",
"button_label_fr": "S’abonner",
"button_label_en": "Subscribe",
"consent_fr": "Pas de spam. Désinscription en un clic. Vos données restent en Union européenne.",
"consent_en": "No spam. Unsubscribe in one click. Your data stays in the European Union.",
"action": "/api/newsletter"
}/library/section/cta-newsletter-footer.json
Chemin du détail machine
/library/section/cta-newsletter-footer.json