Newsletter Sections
newsletter-signup-section
stable Bibliothèque Contenu inline (instance)Capter un lead
Section d'inscription newsletter pleine largeur (réutilise NewsletterSignup), fonds au choix dont ink pour un climax de page.
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 | · |
body | Contenu | richtext | Non | fr / en | · |
hint | Contenu | text | Non | fr / en | · |
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é.
-
Inscription newsletter · fond papier
curéenewsletter-signup-section--paper -
Inscription newsletter · fond papier 2
curéenewsletter-signup-section--paper-2 -
Inscription newsletter · fond papier 3
curéenewsletter-signup-section--paper-3 -
newsletter-signup-section · en ligne · aligné début
généréenewsletter-signup-section--inline-start -
newsletter-signup-section · en ligne · centré
généréenewsletter-signup-section--inline-center -
newsletter-signup-section · empilé · aligné début
généréenewsletter-signup-section--stacked-start -
newsletter-signup-section · empilé · centré
généréenewsletter-signup-section--stacked-center -
newsletter-signup-section · centré · aligné début
généréenewsletter-signup-section--centered-start -
newsletter-signup-section · centré · centré
généréenewsletter-signup-section--centered-center -
newsletter-signup-section · pleine largeur · aligné début
généréenewsletter-signup-section--full-bleed-start -
newsletter-signup-section · pleine largeur · centré
généréenewsletter-signup-section--full-bleed-center -
newsletter-signup-section · split image · aligné début
généréenewsletter-signup-section--split-image-start -
newsletter-signup-section · split image · centré
généréenewsletter-signup-section--split-image-center -
newsletter-signup-section · encadré · aligné début
généréenewsletter-signup-section--boxed-start -
newsletter-signup-section · encadré · centré
généréenewsletter-signup-section--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.
-
Inscription newsletter · fond papier
curéenewsletter-signup-section--paperbackground:paperOuvrir dans le builder -
Inscription newsletter · fond papier 2
curéenewsletter-signup-section--paper-2background:paper-2Ouvrir dans le builder -
Inscription newsletter · fond papier 3
curéenewsletter-signup-section--paper-3background:paper-3Ouvrir dans le builder -
newsletter-signup-section · en ligne · aligné début
généréenewsletter-signup-section--inline-startlayout:inlinealign:startOuvrir dans le builder -
newsletter-signup-section · en ligne · centré
généréenewsletter-signup-section--inline-centerlayout:inlinealign:centerOuvrir dans le builder -
newsletter-signup-section · empilé · aligné début
généréenewsletter-signup-section--stacked-startlayout:stackedalign:startOuvrir dans le builder -
newsletter-signup-section · empilé · centré
généréenewsletter-signup-section--stacked-centerlayout:stackedalign:centerOuvrir dans le builder -
newsletter-signup-section · centré · aligné début
généréenewsletter-signup-section--centered-startlayout:centeredalign:startOuvrir dans le builder -
newsletter-signup-section · centré · centré
généréenewsletter-signup-section--centered-centerlayout:centeredalign:centerOuvrir dans le builder -
newsletter-signup-section · pleine largeur · aligné début
généréenewsletter-signup-section--full-bleed-startlayout:full-bleedalign:startOuvrir dans le builder -
newsletter-signup-section · pleine largeur · centré
généréenewsletter-signup-section--full-bleed-centerlayout:full-bleedalign:centerOuvrir dans le builder -
newsletter-signup-section · split image · aligné début
généréenewsletter-signup-section--split-image-startlayout:split-imagealign:startOuvrir dans le builder -
newsletter-signup-section · split image · centré
généréenewsletter-signup-section--split-image-centerlayout:split-imagealign:centerOuvrir dans le builder -
newsletter-signup-section · encadré · aligné début
généréenewsletter-signup-section--boxed-startlayout:boxedalign:startOuvrir dans le builder -
newsletter-signup-section · encadré · centré
généréenewsletter-signup-section--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
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.
Illustration au traitBoutonsFormulaire +3 17 décl.Similaires
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.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.cta-inline stable CTA inline discret pour insérer une action contextuelle dans un contenu existant.
BoutonsPleine largeur 18 décl.department-cta stable Clôture CTA sur fond ink : Dingbat, titre display italique, body et deux boutons (rendez-vous + lien secondaire).
Apparition au scrollSurvolDéfilement +3 14 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.Code
Données de la section (à placer dans sections[])
{
"type": "newsletter-signup-section",
"background": "ink",
"kicker_fr": "La lettre Waimia",
"kicker_en": "The Waimia letter",
"h2_fr": "Restez en avance sur l'<i>IA</i> appliquée",
"h2_en": "Stay ahead on applied <i>AI</i>",
"body_fr": "Une analyse longue par mois, sur ce qui change vraiment la donne en IA d'entreprise. Sans hype, sans jargon.",
"body_en": "One long-form analysis per month, on what genuinely moves the needle in enterprise AI. No hype, no jargon.",
"hint_fr": "Rejoint par 2 400 dirigeants",
"hint_en": "Joined by 2,400 leaders"
}/library/section/newsletter-signup-section.json
Chemin du détail machine
/library/section/newsletter-signup-section.json