FAQ Sections
faq-cta-aside
stable Bibliothèque Contenu inline (instance)Répondre aux objections
FAQ en accordéon à gauche et panneau de réassurance avec CTA collant à droite, pour transformer une FAQ passive en capture de lead.
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 | · |
items | Contenu | array | Oui | · | 2..∞ |
open_first | Contenu | bool | Non | · | · |
aside_title | Contenu | text | Oui | fr / en | · |
aside_body | Contenu | text | Non | fr / en | · |
aside_cta | Contenu | object | Oui | · | · |
aside_note | Contenu | text | Non | fr / en | · |
Déclinaisons · 13
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 5 curées, 8 générées.
-
FAQ + encart CTA · papier
curéefaq-cta-aside--paper -
FAQ + encart CTA · papier 2
curéefaq-cta-aside--paper-2 -
FAQ + encart CTA · papier 3
curéefaq-cta-aside--paper-3 -
FAQ + encart CTA · encre
curéefaq-cta-aside--ink -
FAQ + encart CTA · tout replié
curéefaq-cta-aside--closed -
faq-cta-aside · accordéon simple
généréefaq-cta-aside--accordion-single -
faq-cta-aside · accordéon 2 colonnes
généréefaq-cta-aside--accordion-two-col -
faq-cta-aside · liste ouverte
généréefaq-cta-aside--list-open -
faq-cta-aside · grille
généréefaq-cta-aside--grid -
faq-cta-aside · avec aparté CTA
généréefaq-cta-aside--with-aside-cta -
faq-cta-aside · 2 colonnes ouvert
généréefaq-cta-aside--two-col-open -
faq-cta-aside · par catégories
généréefaq-cta-aside--categorized -
faq-cta-aside · FAQ avec recherche
généréefaq-cta-aside--search-faq
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.
-
FAQ + encart CTA · papier
curéefaq-cta-aside--paperbackground:paperOuvrir dans le builder -
FAQ + encart CTA · papier 2
curéefaq-cta-aside--paper-2Ouvrir dans le builder -
FAQ + encart CTA · papier 3
curéefaq-cta-aside--paper-3background:paper-3Ouvrir dans le builder -
FAQ + encart CTA · encre
curéefaq-cta-aside--inkbackground:inkOuvrir dans le builder -
FAQ + encart CTA · tout replié
curéefaq-cta-aside--closedopen_first:falseOuvrir dans le builder -
faq-cta-aside · accordéon simple
généréefaq-cta-aside--accordion-singlelayout:accordion-singleOuvrir dans le builder -
faq-cta-aside · accordéon 2 colonnes
généréefaq-cta-aside--accordion-two-collayout:accordion-two-colOuvrir dans le builder -
faq-cta-aside · liste ouverte
généréefaq-cta-aside--list-openlayout:list-openOuvrir dans le builder -
faq-cta-aside · grille
généréefaq-cta-aside--gridlayout:gridOuvrir dans le builder -
faq-cta-aside · avec aparté CTA
généréefaq-cta-aside--with-aside-ctalayout:with-aside-ctaOuvrir dans le builder -
faq-cta-aside · 2 colonnes ouvert
généréefaq-cta-aside--two-col-openlayout:two-col-openOuvrir dans le builder -
faq-cta-aside · par catégories
généréefaq-cta-aside--categorizedlayout:categorizedOuvrir dans le builder -
faq-cta-aside · FAQ avec recherche
généréefaq-cta-aside--search-faqlayout:search-faqOuvrir dans le builder
Sections liées
Même famille
faq-accordion stable FAQ en accordéon pour répondre aux questions fréquentes sans surcharger la page.
Déplier / replierClic (bascule)Illustration au trait +2 14 décl.faq-two-column stable FAQ en deux colonnes statiques (question en gras, réponse en dessous), sans accordéon. Pensée pour le scan rapide quand toutes les réponses doivent être visibles d’emblée.
Liste2 colonnes 12 décl.feature-accordion stable Features en progressive disclosure : accordéon natif <details>, chaque item ouvre un détail explicatif et une métadonnée optionnelle. Premier item ouvrable par défaut.
Déplier / replierClic (bascule)Illustration au trait +2 8 décl.objection-handler stable Bloc de traitement des objections pour lever les freins et rassurer avant conversion.
Liste2 colonnesMédia à droite +1 8 décl.Même catégorie
faq-accordion stable FAQ en accordéon pour répondre aux questions fréquentes sans surcharger la page.
Déplier / replierClic (bascule)Illustration au trait +2 14 décl.faq-two-column stable FAQ en deux colonnes statiques (question en gras, réponse en dessous), sans accordéon. Pensée pour le scan rapide quand toutes les réponses doivent être visibles d’emblée.
Liste2 colonnes 12 décl.objection-handler stable Bloc de traitement des objections pour lever les freins et rassurer avant conversion.
Liste2 colonnesMédia à droite +1 8 décl.Similaires
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.
Apparition au scrollDéfilementIllustration au trait +4 17 décl.hero-offer-detail stable Hero de page offre détail : SVG cercles concentriques signature, breadcrumb, tier kicker, h1 + lead italique, CTA et meta.
Apparition au scrollSurvolDéfilement +7 16 décl.hero-sector stable Hero de page secteur ou département : SVG rotated 15° accent, dept kicker, h1 + lead italique, CTA et meta, tags secteurs.
Apparition au scrollSurvolDéfilement +7 16 décl.hero-tech-layer stable Hero de couche technologique : triangles SVG signature, layer badge (claude/os/orch), h1 + lead italique, CTA et meta.
Apparition au scrollSurvolDéfilement +7 16 décl.case-split stable Cas client en split dark/light 50/50 : récit du cas à gauche (titre, body, CTA) et résultats chiffrés à droite.
Apparition au scrollSurvolDéfilement +4 13 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.
Illustration au traitBoutonsFormulaire +3 17 décl.Code
Données de la section (à placer dans sections[])
{
"type": "faq-cta-aside",
"background": "paper-2",
"kicker_fr": "FAQ · réponses directes",
"kicker_en": "FAQ · direct answers",
"h2_fr": "Les questions <i>avant</i> de signer",
"h2_en": "The questions <i>before</i> you sign",
"items": [
{
"q_fr": "Combien de temps pour un premier livrable ?",
"q_en": "How long until a first deliverable?",
"a_fr": "AI Activation expédie un pilote utile en 1 semaine. Le Growth System se déploie en 6 à 10 semaines.",
"a_en": "AI Activation ships a useful pilot in 1 week. The Growth System rolls out in 6 to 10 weeks."
},
{
"q_fr": "Que se passe-t-il si l'audit ne trouve rien ?",
"q_en": "What if the audit finds nothing?",
"a_fr": "On vous le dit franchement et on ne relance pas. Pas de mission inventée pour la facturer.",
"a_en": "We tell you plainly and never follow up. No invented engagement just to bill it."
},
{
"q_fr": "Travaillez-vous avec notre stack actuelle ?",
"q_en": "Do you work with our current stack?",
"a_fr": "Oui. HubSpot, Salesforce, Notion, Excel, GA4 : on câble sur ce qui tourne déjà.",
"a_en": "Yes. HubSpot, Salesforce, Notion, Excel, GA4: we wire onto what already runs."
}
],
"open_first": true,
"aside_title_fr": "Encore une question ?",
"aside_title_en": "Still one question?",
"aside_body_fr": "45 minutes en visio. On regarde votre cas, on chiffre, vous repartez avec un plan clair.",
"aside_body_en": "45 minutes on a call. We look at your case, we price it, you leave with a clear plan.",
"aside_cta": {
"label_fr": "Réserver un créneau →",
"label_en": "Book a slot →",
"href": "/contact",
"variant": "primary"
},
"aside_note_fr": "Réponse sous 24h · sans engagement",
"aside_note_en": "Reply within 24h · no commitment"
}/library/section/faq-cta-aside.json
Chemin du détail machine
/library/section/faq-cta-aside.json