Waimia.

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

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

Aperçu

Comment l'utiliser

Rôle de page

Modèle de contenu

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 ·
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ée
    cta-newsletter-footer--paper
  • Newsletter pied · fond papier 2

    curée
    cta-newsletter-footer--paper-2
  • Newsletter pied · fond papier 3

    curée
    cta-newsletter-footer--paper-3
  • cta-newsletter-footer · en ligne · aligné début

    générée
    cta-newsletter-footer--inline-start
  • cta-newsletter-footer · en ligne · centré

    générée
    cta-newsletter-footer--inline-center
  • cta-newsletter-footer · empilé · aligné début

    générée
    cta-newsletter-footer--stacked-start
  • cta-newsletter-footer · empilé · centré

    générée
    cta-newsletter-footer--stacked-center
  • cta-newsletter-footer · centré · aligné début

    générée
    cta-newsletter-footer--centered-start
  • cta-newsletter-footer · centré · centré

    générée
    cta-newsletter-footer--centered-center
  • cta-newsletter-footer · pleine largeur · aligné début

    générée
    cta-newsletter-footer--full-bleed-start
  • cta-newsletter-footer · pleine largeur · centré

    générée
    cta-newsletter-footer--full-bleed-center
  • cta-newsletter-footer · split image · aligné début

    générée
    cta-newsletter-footer--split-image-start
  • cta-newsletter-footer · split image · centré

    générée
    cta-newsletter-footer--split-image-center
  • cta-newsletter-footer · encadré · aligné début

    générée
    cta-newsletter-footer--boxed-start
  • cta-newsletter-footer · encadré · centré

    générée
    cta-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ée
    cta-newsletter-footer--paper
    background:paper
    Ouvrir dans le builder
  • Newsletter pied · fond papier 2

    curée
    cta-newsletter-footer--paper-2
    background:paper-2
    Ouvrir dans le builder
  • Newsletter pied · fond papier 3

    curée
    cta-newsletter-footer--paper-3
    background:paper-3
    Ouvrir dans le builder
  • cta-newsletter-footer · en ligne · aligné début

    générée
    cta-newsletter-footer--inline-start
    layout:inlinealign:start
    Ouvrir dans le builder
  • cta-newsletter-footer · en ligne · centré

    générée
    cta-newsletter-footer--inline-center
    layout:inlinealign:center
    Ouvrir dans le builder
  • cta-newsletter-footer · empilé · aligné début

    générée
    cta-newsletter-footer--stacked-start
    layout:stackedalign:start
    Ouvrir dans le builder
  • cta-newsletter-footer · empilé · centré

    générée
    cta-newsletter-footer--stacked-center
    layout:stackedalign:center
    Ouvrir dans le builder
  • cta-newsletter-footer · centré · aligné début

    générée
    cta-newsletter-footer--centered-start
    layout:centeredalign:start
    Ouvrir dans le builder
  • cta-newsletter-footer · centré · centré

    générée
    cta-newsletter-footer--centered-center
    layout:centeredalign:center
    Ouvrir dans le builder
  • cta-newsletter-footer · pleine largeur · aligné début

    générée
    cta-newsletter-footer--full-bleed-start
    layout:full-bleedalign:start
    Ouvrir dans le builder
  • cta-newsletter-footer · pleine largeur · centré

    générée
    cta-newsletter-footer--full-bleed-center
    layout:full-bleedalign:center
    Ouvrir dans le builder
  • cta-newsletter-footer · split image · aligné début

    générée
    cta-newsletter-footer--split-image-start
    layout:split-imagealign:start
    Ouvrir dans le builder
  • cta-newsletter-footer · split image · centré

    générée
    cta-newsletter-footer--split-image-center
    layout:split-imagealign:center
    Ouvrir dans le builder
  • cta-newsletter-footer · encadré · aligné début

    générée
    cta-newsletter-footer--boxed-start
    layout:boxedalign:start
    Ouvrir dans le builder
  • cta-newsletter-footer · encadré · centré

    générée
    cta-newsletter-footer--boxed-center
    layout:boxedalign:center
    Ouvrir 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.

band Banner Sections 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.

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.
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.

band Comparison Sections Illustration au traitListe3 colonnes 18 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.

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.

band Newsletter Sections BoutonsCentré 17 décl.

Similaires

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.
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.
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-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.
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.
cta-inline stable

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

band CTA Sections 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"
}

Pour un agent / MCP

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

/library/section/cta-newsletter-footer.json

Chemin du détail machine

/library/section/cta-newsletter-footer.json