Waimia.
Réserver un audit →

Index Sections

related-links

stable Bibliothèque Contenu inline (instance)

Orienter / naviguer

Bloc compact de maillage interne : groupes de liens internes contextuels en colonnes, avec petit label de groupe et description optionnelle. Renforce le SEO et oriente la navigation en fin de page.

maillage liens internes navigation seo explorer compact
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

Orienter / naviguer

Rôle de page

Corps Clôture

Modèle de contenu

Contenu inline (instance)

Effets

Apparition au scroll

Interactions

Survol

Éléments

Liste

Mise en page

Multi-colonnes

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 ·
groups Contenu array Oui · 1..5

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

  • Liens connexes · papier 2

    curée
    related-links--paper-2

  • Liens connexes · papier 3

    curée
    related-links--paper-3

  • Liens connexes · encre

    curée
    related-links--ink

  • related-links · grille uniforme

    générée
    related-links--grid-uniform

  • related-links · grille auto

    générée
    related-links--grid-auto

  • related-links · grille asymétrique

    générée
    related-links--grid-asym

  • related-links · liste

    générée
    related-links--list

  • related-links · lignes séparées

    générée
    related-links--rows-divided

  • related-links · bento vedette

    générée
    related-links--bento-feature

  • related-links · vedette + split

    générée
    related-links--featured-split

  • related-links · deux colonnes

    générée
    related-links--two-col

  • related-links · alternance

    générée
    related-links--alternating

  • related-links · jeu de cartes

    générée
    related-links--cards-deck

  • related-links · liste média à gauche

    générée
    related-links--list-media-left

  • related-links · grille 3 + vedette

    générée
    related-links--grid-3-featured

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.

Sections liées

Même famille

coming-soon-pills stable

Bande teaser fond paper-2 avec kicker, H2 et liste de pills pour éléments à venir.

list Feature Sections ListeBadge1 colonne 16 décl.
curriculum-timeline stable

Bloc curriculum : entete + frise verticale (experience / formation / distinctions) sur fond paper-2. Compose l’atome Timeline.

list Timelines Apparition au scrollFrise chronologique1 colonne 15 décl.
decision-list stable

Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.

list Feature Sections Apparition au scrollDéfilementListe +1 17 décl.
inclusions-list stable

Liste d'inclusions inline séparée par point médian pour expliciter le périmètre d'un engagement.

list Feature Sections Liste1 colonne 17 décl.
learning-path-list stable

Liste de parcours : titre de section et une ligne par parcours (titre en gras + description).

list Index Sections 1 colonne 17 décl.
list-index-section stable

Masthead de listing avec filtres optionnels, conteneur de liste ouvert et footer custom.

list Index Sections Apparition au scrollDéfilement1 colonne 17 décl.

Même catégorie

course-catalog-table stable

Tableau du catalogue formations : titre de section et lignes (#, titre, niveau en pill, durée, prix, flèche), une formation par ligne.

table Index Sections SurvolBadgeMulti-colonnes 12 décl.
learning-path-list stable

Liste de parcours : titre de section et une ligne par parcours (titre en gras + description).

list Index Sections 1 colonne 17 décl.
list-index-section stable

Masthead de listing avec filtres optionnels, conteneur de liste ouvert et footer custom.

list Index Sections Apparition au scrollDéfilement1 colonne 17 décl.
used-service-callout stable

Encadre compact « offre(s) utilisee(s) » : liste de cross-liens vers les services mobilises sur un projet, bord gauche accent.

list Index Sections SurvolListe1 colonne 17 décl.

Similaires

sector-card-grid stable

Grille de hubs sectoriels en cartes cliquables : ICP en kicker, secteur, douleur en une phrase et CTA, en 3 colonnes sur fond hairline.

card-grid Content Listing Sections Apparition au scrollSurvolBoutons +2 17 décl.
article-grid stable

Grille de cartes d’articles/blog : image optionnelle, tag, titre, date, temps de lecture, extrait, auteur et lien, en 2 ou 3 colonnes. Le classique éditorial B2B.

card-grid Content Listing Sections SurvolImageIcônes +3 18 décl.
resource-card-grid stable

Grille de ressources téléchargeables : type (livre blanc, cookbook, outil), titre, description, format, badge gated et CTA, en 2 ou 3 colonnes.

card-grid Content Listing Sections SurvolBoutonsIcônes +3 17 décl.
signed-writing-list stable

Index chronologique d’ecrits long-form signes : date + titre (lien) + extrait. Date formatee par langue.

list Content Listing Sections Apparition au scrollSurvolListe +1 17 décl.
numbered-layer-list stable

Liste de couches numerotees : rang serif accent + titre + intro + sous-puces « → ». Ideale pour presenter une stack, des livrables ou des rangs par couche.

list Editorial Sections Apparition au scrollDéfilementListe +2 18 décl.
use-case-index stable

Index éditorial de cas d'usage en lignes numérotées avec libellé italique, tag mono et lien d'ancrage solution.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +2 17 décl.

Code

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

{
  "type": "related-links",
  "kicker_fr": "Explorer aussi",
  "kicker_en": "Explore more",
  "h2_fr": "Continuez votre <i class=\"acc\">parcours</i>.",
  "h2_en": "Continue your <i class=\"acc\">journey</i>.",
  "background": "paper",
  "groups": [
    {
      "label_fr": "Nos offres",
      "label_en": "Our offers",
      "links": [
        {
          "label_fr": "Site Web Intelligent",
          "label_en": "Intelligent Website",
          "href": "/services/site-web-ia",
          "desc_fr": "Un site qui convertit, mesuré et outillé IA.",
          "desc_en": "A site that converts, measured and AI-tooled."
        },
        {
          "label_fr": "Intégrateur Claude",
          "label_en": "Claude Integrator",
          "href": "/services/integration-claude",
          "desc_fr": "Vos processus câblés à Claude, de bout en bout.",
          "desc_en": "Your processes wired to Claude, end to end."
        },
        {
          "label_fr": "Agents IA",
          "label_en": "AI Agents",
          "href": "/services/agents-ia"
        }
      ]
    },
    {
      "label_fr": "Cas d'usage",
      "label_en": "Use cases",
      "links": [
        {
          "label_fr": "Générer plus de leads",
          "label_en": "Generate more leads",
          "href": "/cas-usages/generer-plus-de-leads"
        },
        {
          "label_fr": "Standardiser les processus",
          "label_en": "Standardize processes",
          "href": "/cas-usages/standardiser-processus"
        },
        {
          "label_fr": "Centraliser les données",
          "label_en": "Centralize data",
          "href": "/cas-usages/centraliser-donnees"
        }
      ]
    },
    {
      "label_fr": "À lire",
      "label_en": "Worth reading",
      "links": [
        {
          "label_fr": "L'IA pilier pour les PME en 2026",
          "label_en": "AI as a pillar for SMBs in 2026",
          "href": "/blog/essai-pillar-ia-pme-2026"
        },
        {
          "label_fr": "Agent IA contre automatisation classique",
          "label_en": "AI agent versus classic automation",
          "href": "/blog/agent-ia-vs-automatisation-classique-2026"
        },
        {
          "label_fr": "Calculateur de ROI IA",
          "label_en": "AI ROI calculator",
          "href": "/ressources/outils/calculateur-roi-ia"
        }
      ]
    }
  ]
}

Pour un agent / MCP

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

/library/section/related-links.json

Chemin du détail machine

/library/section/related-links.json