Waimia.
Réserver un audit →

Testimonial Sections

testimonial-block

stable Bibliothèque Contenu inline (instance)

Preuve sociale, Montrer les réalisations

Bloc témoignage pour mettre en avant une citation client et renforcer la confiance.

testimonial social-proof quote
Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

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

Aperçu

Comment l'utiliser

Intention

Preuve sociale Montrer les réalisations

Rôle de page

Preuve

Modèle de contenu

Contenu inline (instance)

Effets

Défilement horizontal

Interactions

Glisser pour faire défiler

Éléments

Illustration au trait Liste Citation Avatar Slider

Mise en page

2 colonnes Média à droite Scindé

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 Non fr / en ·
testimonials Contenu array Oui · 1..6
layout Présentation enum Non · carousel · grid-2 · rows

Déclinaisons · 14

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

  • Bloc témoignages · papier

    curée
    testimonial-block--paper

  • Bloc témoignages · papier 2

    curée
    testimonial-block--paper-2

  • Bloc témoignages · papier 3

    curée
    testimonial-block--paper-3

  • Bloc témoignages · encre

    curée
    testimonial-block--ink

  • testimonial-block · citation unique

    générée
    testimonial-block--single-quote

  • testimonial-block · grille de citations

    générée
    testimonial-block--quote-grid

  • testimonial-block · carrousel

    générée
    testimonial-block--carousel

  • testimonial-block · avec logos

    générée
    testimonial-block--with-logos

  • testimonial-block · ligne avatars

    générée
    testimonial-block--avatar-row

  • testimonial-block · grande citation

    générée
    testimonial-block--big-quote

  • testimonial-block · citation vidéo

    générée
    testimonial-block--video-quote

  • testimonial-block · grille logo + citation

    générée
    testimonial-block--logo-quote-grid

  • testimonial-block · citation split

    générée
    testimonial-block--split-quote

  • testimonial-block · cartes de notes

    générée
    testimonial-block--rating-cards

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.

  • Bloc témoignages · papier

    curée
    testimonial-block--paper
    background:paper
    Ouvrir dans le builder

  • Bloc témoignages · papier 2

    curée
    testimonial-block--paper-2
    background:paper-2
    Ouvrir dans le builder

  • Bloc témoignages · papier 3

    curée
    testimonial-block--paper-3
    background:paper-3
    Ouvrir dans le builder

  • Bloc témoignages · encre

    curée
    testimonial-block--ink
    background:ink
    Ouvrir dans le builder

  • testimonial-block · citation unique

    générée
    testimonial-block--single-quote
    layout:single-quote
    Ouvrir dans le builder

  • testimonial-block · grille de citations

    générée
    testimonial-block--quote-grid
    layout:quote-grid
    Ouvrir dans le builder

  • testimonial-block · carrousel

    générée
    testimonial-block--carousel
    layout:carousel
    Ouvrir dans le builder

  • testimonial-block · avec logos

    générée
    testimonial-block--with-logos
    layout:with-logos
    Ouvrir dans le builder

  • testimonial-block · ligne avatars

    générée
    testimonial-block--avatar-row
    layout:avatar-row
    Ouvrir dans le builder

  • testimonial-block · grande citation

    générée
    testimonial-block--big-quote
    layout:big-quote
    Ouvrir dans le builder

  • testimonial-block · citation vidéo

    générée
    testimonial-block--video-quote
    layout:video-quote
    Ouvrir dans le builder

  • testimonial-block · grille logo + citation

    générée
    testimonial-block--logo-quote-grid
    layout:logo-quote-grid
    Ouvrir dans le builder

  • testimonial-block · citation split

    générée
    testimonial-block--split-quote
    layout:split-quote
    Ouvrir dans le builder

  • testimonial-block · cartes de notes

    générée
    testimonial-block--rating-cards
    layout:rating-cards
    Ouvrir dans le builder

Sections liées

Même famille

bordered-pullquote stable

Citation manifeste a filet gauche : corps large avec accent italique + signature mono. Rendu du corps en HTML (accent <i>).

quote Manifesto Sections Apparition au scrollCitation1 colonne 12 décl.
case-spotlight stable

Vitrine de cas concret insérable partout : carte INK avec visuel habillé + titre serti d’un relevé accent, citation à barre accent, métriques massives latérales, tags méta et CTA. Levier de conversion à fort impact.

quote Testimonial Sections Apparition au scrollDéfilementPlusieurs images +8 12 décl.
manifesto-block stable

Bloc manifeste intercalary : kicker mono § + grand bloc display italique sans box, span accent terracotta, respiration éditoriale forte.

quote Feature Sections Apparition au scrollDéfilement1 colonne 16 décl.
manifesto-statement stable

Déclaration manifeste plein écran : kicker mono et statement XL en sans, relevés italiques serif, tone encre (interlude console) ou terracotta avec grille translucide.

quote Manifesto Sections Apparition au scrollDéfilementImage de fond +2 16 décl.
off-proof stable

Signal terrain : citation client (PullQuote) à gauche et grille de chiffres KeyMetric à droite, en asymétrie 5/7 avec séparateur Dingbat.

quote Testimonial Sections Apparition au scrollDéfilementIllustration au trait +5 16 décl.
pull-quote-block stable

Citation éditoriale isolée centrée ou inline, wrapper catalogue autour de la molécule PullQuote.

quote Testimonial Sections CitationAvatar1 colonne 18 décl.

Même catégorie

case-card-grid stable

Table éditoriale de cas clients en six colonnes (index, client, secteur, stack, impact, flèche) façon compte rendu d'audit.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +3 31 décl.
case-featured-grid stable

Grille de cas clients « featured » : un cas mis en avant (colonne large, cover optionnelle) plus des cas secondaires en lignes numérotées, avec chip de provenance.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +6 17 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.

split-media Testimonial Sections Apparition au scrollSurvolDéfilement +4 13 décl.
case-spotlight stable

Vitrine de cas concret insérable partout : carte INK avec visuel habillé + titre serti d’un relevé accent, citation à barre accent, métriques massives latérales, tags méta et CTA. Levier de conversion à fort impact.

quote Testimonial Sections Apparition au scrollDéfilementPlusieurs images +8 12 décl.
editorial-case-grid stable

Grille editoriale de cas clients : en-tete numerote + titre + intro, puis cartes EditorialCaseCard en 2 colonnes avec decalage vertical alterne (signature /manifesto Acte IV).

card-grid Testimonial Sections Apparition au scrollSurvolCartes +1 16 décl.
off-proof stable

Signal terrain : citation client (PullQuote) à gauche et grille de chiffres KeyMetric à droite, en asymétrie 5/7 avec séparateur Dingbat.

quote Testimonial Sections Apparition au scrollDéfilementIllustration au trait +5 16 décl.

Similaires

testimonial-single-spotlight stable

Un seul témoignage en plein écran : grande citation, portrait, logo client et attribution nom/rôle. Donne tout le poids à une voix client, sombre par défaut.

quote Testimonial Sections Plusieurs imagesCitationAvatar +3 20 décl.
quote-spotlight stable

Grande citation pleine lumiere sur fond paper-2 : guillemet decoratif, texte display italique, auteur avec avatar rond.

quote Testimonial Sections Apparition au scrollDéfilementImage +4 15 décl.
testimonial-logo-metric stable

Carte de preuve B2B la plus persuasive : logo client + citation attribuée + métrique d’impact chiffrée par carte. Combine preuve sociale, autorité de marque et résultat mesuré.

quote Testimonial Sections Apparition au scrollSurvolDéfilement +7 16 décl.
testimonial-metrics stable

Témoignage chiffré : grande citation serif d’un côté + grille de 3 à 4 métriques massives de l’autre, reliées par une barre accent. Combine la voix client et le résultat mesuré en un seul bloc de réassurance.

stat-grid Testimonial Sections Apparition au scrollDéfilementLogos +3 18 décl.
team-card-grid stable

Grille auto-fill de cartes auteurs avec photo, rôle, description, compteur de publications et CTA profil.

card-grid Testimonial Sections Zoom au survolSurvolImage +4 11 décl.
stat-block stable

Bloc de statistiques en grille pour mettre en avant des chiffres de performance ou d'impact.

stat-grid Stats Sections Apparition au scrollSurvolDéfilement +5 17 décl.

Code

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

{
  "type": "testimonial-block",
  "kicker_fr": "Témoignages · démo",
  "kicker_en": "Testimonials · demo",
  "h2_fr": "Ce que disent les <i>clients</i>",
  "h2_en": "What <i>clients</i> say",
  "testimonials": [
    {
      "quote_fr": "En 5 jours, on a câblé l'IA dans nos workflows. Premier ROI à 6 semaines.",
      "quote_en": "In 5 days we wired AI into our workflows. First ROI at 6 weeks.",
      "author": "Marie L.",
      "role_fr": "COO",
      "role_en": "COO",
      "company": "PME B2B Services"
    },
    {
      "quote_fr": "Méthodologie carrée. Mesure avant/après. On a su exactement ce qui marchait.",
      "quote_en": "Solid methodology. Before/after measurement. We knew exactly what worked.",
      "author": "Thomas R.",
      "role_fr": "CFO",
      "role_en": "CFO",
      "company": "ETI Industrie"
    }
  ],
  "layout": "grid-2"
}

Pour un agent / MCP

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

/library/section/testimonial-block.json

Chemin du détail machine

/library/section/testimonial-block.json