Waimia.
Réserver un audit →

FAQ Sections

faq-accordion

stable Sur waimia · 57 Contenu inline (instance)

Répondre aux objections

FAQ en accordéon pour répondre aux questions fréquentes sans surcharger la page.

faq accordion
Ouvrir dans le builder

Instances sur le site

Global 55 instances sur 55 pages

Page Position Contenu Variante
/audit-ia-pme section 9 Ce que vous nous demandez paper
/audit-site-web-intelligent section 8 Vos questions sur l'audit de site paper-2
/cas-usages/centraliser-donnees section 8 Ce que vous nous demandez paper
/cas-usages/generer-plus-de-leads section 8 Ce que vous nous demandez paper
/cas-usages/reduire-reporting section 8 Ce que vous nous demandez paper
/cas-usages/reduire-temps-cms section 8 Ce que vous nous demandez paper
/cas-usages/standardiser-processus section 8 Ce que vous nous demandez paper
/demonstrations/avant-apres section 7 Ce que vous nous demandez paper
/demonstrations/integration-claude section 7 Ce que vous nous demandez paper
/demonstrations/site-web-intelligent section 7 Ce que vous nous demandez paper
/implantations/bordeaux section 7 Ce que les PME bordelaises nous demandent paper
/implantations/montpellier section 7 Ce que les entreprises de Montpellier nous demandent paper
/lp/site-web-intelligent section 11 Ce que vous nous demandez avant de signer. paper
/lp/systeme-acquisition section 12 Ce que vous nous demandez paper
/lp/systeme-ia-marketing section 12 Ce que vous nous demandez avant de signer. paper
/lp/visibilite-google-ia section 11 Ce que vous nous demandez avant de signer. paper-2
/ressources/comparatifs/claude-code-vs-cursor section 7 Ce que vous nous demandez paper
/ressources/comparatifs/claude-vs-chatgpt-pme section 7 Ce que vous nous demandez paper
/ressources/comparatifs/geo-vs-seo section 7 Ce que vous nous demandez paper
/ressources/comparatifs/site-web-intelligent-vs-wordpress section 8 Ce que vous nous demandez paper
/ressources/diagnostics/claude-pme section 10 Ce que vous nous demandez paper-2
/ressources/diagnostics/maturite-ia section 10 Ce que vous nous demandez paper-2
/ressources/diagnostics/referent-ia section 10 Ce que vous nous demandez paper-2
/ressources/diagnostics/site-web-intelligent section 9 Ce que vous nous demandez paper-2
/ressources/guides/claude-pme section 10 Ce que vous nous demandez paper
/services/agent-support-client section 19 Ce que vous nous demandez paper-2
/services/agents-ia section 13 Ce que vous nous demandez paper-2
/services/applications-internes section 13 Ce que vous nous demandez paper-2
/services/automatisation-n8n section 19 Ce que vous nous demandez paper-2
/services/automatisations section 13 Ce que vous nous demandez paper-2
/services/cold-email-b2b section 17 Ce que vous nous demandez paper-2
/services/consultant-ia-claude section 13 Ce que vous nous demandez paper
/services/crm-scoring-routing section 16 Ce que vous nous demandez paper-2
/services/donnees-reporting section 13 Ce que vous nous demandez paper-2
/services/integration-claude section 14 Ce que vous nous demandez paper-2
/services/integration-crm section 16 Ce que vous nous demandez paper-2
/services/landing-page-google-ads section 14 Ce que vous nous demandez paper-2
/services/landing-pages-tunnels section 14 Ce que vous nous demandez paper-2
/services/maintenance-growth section 13 Ce que vous nous demandez paper-2
/services/mvp-saas section 13 Ce que vous nous demandez paper-2
/services/prospection-automatisee section 17 Ce que vous nous demandez paper-2
/services/publicite-en-ligne section 14 Ce que vous nous demandez paper-2
/services/referencement-ia section 14 Ce que vous nous demandez paper-2
/services/relance-devis section 16 Ce que vous nous demandez paper-2
/services/seo-geo-contenu section 14 Ce que vous nous demandez paper-2
/services/seo-local section 14 Ce que vous nous demandez paper-2
/services/sequences-de-suivi section 16 Ce que vous nous demandez paper-2
/services/site-web-ia section 13 Ce que vous nous demandez paper-2
/services/sur-mesure-headless section 13 Ce que vous nous demandez paper-2
/services/systeme-acquisition section 15 Ce que vous nous demandez paper-2
/services/systeme-commercial section 16 Ce que vous nous demandez paper-2
/services/systemes-operationnels-ia section 9 Ce que vous nous demandez paper-2
/services/template-service-ref section 13 Ce que vous nous demandez paper-2
/services/webflow section 13 Webflow, ce que vous nous demandez paper-2
/services/wordpress section 13 Ce que vous nous demandez paper-2

Composé inline inline · non éditable ici

  • src/pages/en/index.astro
  • src/pages/index.astro

Aperçu

Comment l'utiliser

Intention

Répondre aux objections

Rôle de page

Clôture

Modèle de contenu

Contenu inline (instance)

Effets

Déplier / replier

Interactions

Clic (bascule)

Éléments

Illustration au trait Accordéon

Mise en page

1 colonne

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 ·
items Contenu array Oui · 2..∞
open_first Contenu bool Non · ·

Déclinaisons · 14

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

  • FAQ accordéon · papier

    curée
    faq-accordion--paper

  • FAQ accordéon · papier 2

    curée
    faq-accordion--paper-2

  • FAQ accordéon · papier 3

    curée
    faq-accordion--paper-3

  • FAQ accordéon · première réponse ouverte

    curée
    faq-accordion--open-first

  • FAQ accordéon · encre

    curée
    faq-accordion--ink

  • FAQ accordéon · encre · première réponse ouverte

    curée
    faq-accordion--ink-open-first

  • faq-accordion · accordéon simple

    générée
    faq-accordion--accordion-single

  • faq-accordion · accordéon 2 colonnes

    générée
    faq-accordion--accordion-two-col

  • faq-accordion · liste ouverte

    générée
    faq-accordion--list-open

  • faq-accordion · grille

    générée
    faq-accordion--grid

  • faq-accordion · avec aparté CTA

    générée
    faq-accordion--with-aside-cta

  • faq-accordion · 2 colonnes ouvert

    générée
    faq-accordion--two-col-open

  • faq-accordion · par catégories

    générée
    faq-accordion--categorized

  • faq-accordion · FAQ avec recherche

    générée
    faq-accordion--search-faq

Comparer les déclinaisons · 14

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 accordéon · papier

    curée
    faq-accordion--paper
    background:paper
    Ouvrir dans le builder

  • FAQ accordéon · papier 2

    curée
    faq-accordion--paper-2
    background:paper-2
    Ouvrir dans le builder

  • FAQ accordéon · papier 3

    curée
    faq-accordion--paper-3
    background:paper-3
    Ouvrir dans le builder

  • FAQ accordéon · première réponse ouverte

    curée
    faq-accordion--open-first
    background:paperopen_first:true
    Ouvrir dans le builder

  • FAQ accordéon · encre

    curée
    faq-accordion--ink
    background:inkopen_first:false
    Ouvrir dans le builder

  • FAQ accordéon · encre · première réponse ouverte

    curée
    faq-accordion--ink-open-first
    background:inkopen_first:true
    Ouvrir dans le builder

  • faq-accordion · accordéon simple

    générée
    faq-accordion--accordion-single
    layout:accordion-single
    Ouvrir dans le builder

  • faq-accordion · accordéon 2 colonnes

    générée
    faq-accordion--accordion-two-col
    layout:accordion-two-col
    Ouvrir dans le builder

  • faq-accordion · liste ouverte

    générée
    faq-accordion--list-open
    layout:list-open
    Ouvrir dans le builder

  • faq-accordion · grille

    générée
    faq-accordion--grid
    layout:grid
    Ouvrir dans le builder

  • faq-accordion · avec aparté CTA

    générée
    faq-accordion--with-aside-cta
    layout:with-aside-cta
    Ouvrir dans le builder

  • faq-accordion · 2 colonnes ouvert

    générée
    faq-accordion--two-col-open
    layout:two-col-open
    Ouvrir dans le builder

  • faq-accordion · par catégories

    générée
    faq-accordion--categorized
    layout:categorized
    Ouvrir dans le builder

  • faq-accordion · FAQ avec recherche

    générée
    faq-accordion--search-faq
    layout:search-faq
    Ouvrir dans le builder

Sections liées

Même famille

faq-cta-aside stable

FAQ en accordéon à gauche et panneau de réassurance avec CTA collant à droite, pour transformer une FAQ passive en capture de lead.

accordion FAQ Sections Déplier / replierApparition au scrollDéfilement +7 13 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.

accordion FAQ Sections 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.

accordion Feature Sections 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.

accordion FAQ Sections Liste2 colonnesMédia à droite +1 8 décl.

Même catégorie

faq-cta-aside stable

FAQ en accordéon à gauche et panneau de réassurance avec CTA collant à droite, pour transformer une FAQ passive en capture de lead.

accordion FAQ Sections Déplier / replierApparition au scrollDéfilement +7 13 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.

accordion FAQ Sections Liste2 colonnes 12 décl.
objection-handler stable

Bloc de traitement des objections pour lever les freins et rassurer avant conversion.

accordion FAQ Sections Liste2 colonnesMédia à droite +1 8 décl.

Similaires

hero-tunnel-step stable

Hero d'étape de tunnel : kicker accent + barre de progression [01][02]... + h1 (variante hero ou section) + lede.

hero Hero Header Sections Illustration au trait1 colonne 16 décl.
tunnel-step-hero stable

Hero d'étape tunnel V2 : kicker calculé (offre_label + step/progress_total) + barre [NN] + h1 (hero ou section) + lede.

hero Hero Header Sections Illustration au trait1 colonne 13 décl.
method-diagram-list stable

Bloc methode : entete + diagramme de process (SVG de marque) + liste numerotee de phases (numero mono + titre + corps).

process-steps Process Sections Apparition au scrollIllustration au traitListe +1 10 décl.
roi-band stable

Bande ROI sur fond ink : en-tête eyebrow et titre display, chiffres KeyMetric placés en asymétrie 6/5.

band Stats Sections Apparition au scrollDéfilementIllustration au trait +2 17 décl.
system-flow stable

Rangée horizontale de cartes d'étapes sur fond ink, reliées par des flèches accent, qui raconte le flux du système (site → lead → scoring → CRM → apprentissage). En-tête « Fig. N » + méta mono, grand titre serif avec dernier mot en accent, lede courte, puis une ligne « ↺ boucle d'amélioration continue ». Reveal-stagger, responsive (scroll horizontal / colonne empilée en mobile).

process-steps Feature Sections Apparition au scrollDéfilementIllustration au trait +3 16 décl.
timeline-horizontal stable

Frise chronologique horizontale datée (roadmap) : événements à statut (done/active/upcoming), date, label et body, scroll-snap horizontal, empilement vertical sur mobile.

timeline Timelines Défilement horizontalGlisser pour faire défilerIllustration au trait +4 12 décl.

Code

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

{
  "type": "faq-accordion",
  "kicker_fr": "FAQ · 3 questions",
  "kicker_en": "FAQ · 3 questions",
  "h2_fr": "Questions <i>fréquentes</i>",
  "h2_en": "<i>Frequent</i> questions",
  "items": [
    {
      "q_fr": "Combien de temps prend un projet ?",
      "q_en": "How long does a project take?",
      "a_fr": "AI Activation · 1 semaine. Growth System · 6 à 10 semaines.",
      "a_en": "AI Activation · 1 week. Growth System · 6 to 10 weeks."
    },
    {
      "q_fr": "Quels sont vos tarifs ?",
      "q_en": "What are your rates?",
      "a_fr": "Diagnostic gratuit, puis grille de 2 000 à 10 000 € HT selon la maturité, sur-mesure au-delà.",
      "a_en": "Free diagnostic, then a grid from €2,000 to €10,000 ex VAT by maturity, custom beyond."
    },
    {
      "q_fr": "Compatible avec notre stack actuelle ?",
      "q_en": "Compatible with our current stack?",
      "a_fr": "Oui : HubSpot, Salesforce, Notion, Excel, GA4, etc.",
      "a_en": "Yes: HubSpot, Salesforce, Notion, Excel, GA4, etc."
    }
  ]
}

Pour un agent / MCP

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

/library/section/faq-accordion.json

Chemin du détail machine

/library/section/faq-accordion.json