Articles sur : Espaces

Widget Ticker

Le widget Ticker est une bande horizontale d'images. Il peut accueillir n'importe quel type d'image, mais il est avant tout conçu pour les logos — les cas d'usage classiques de preuve sociale : « ils nous font confiance », liste de clients, bandeau de partenaires.

Comment l'ajouter

Le Ticker n'est pas dans la barre de construction flottante — ni dans la première rangée, ni sous le sélecteur de widgets (tous les widgets). Vous l'ajoutez via un widget Emplacement :

Ajoutez un widget Emplacement depuis la popover le sélecteur de widgets, ou cliquez sur un placeholder vide déjà présent dans une Section.
Dans la popover de configuration du placeholder, choisissez le type Ticker (ou, depuis un placeholder Generic (générique), choisissez Ticker dans la liste déroulante des widgets).
La popup l'édition du widget (modifier le ticker) s'ouvre aussitôt pour que vous puissiez ajouter des éléments et régler le titre, la vitesse d'animation, le type d'affichage et la couleur.

La pastille de sélection — les contrôles Ticker

Cliquez sur le ticker pour le sélectionner. De gauche à droite :

Demander à l'IA (la marque IA en dégradé).
l'édition du contenu (modifier le contenu — icône de réglages) — ouvre la popup l'édition du widget (voir plus bas). C'est là que se fait toute la configuration du ticker.
Design (icône pot de peinture) — ouvre le panneau Design contextuel (Layout & corners / Spacing / Background / Border / Effects).
le menu ⋯ (plus) — Dupliquer (dupliquer) · Supprimer (supprimer).

(Pas de Open / S-M-L — aucun des deux ne s'applique à un ticker.)

La popup l'édition du widget (« Manage the items displayed in the ticker ») est l'endroit où tout se gère :

Title (titre) — l'accroche facultative affichée au-dessus du ticker (par ex. « Trusted by 50+ companies »). Laissez vide pour un ticker sans titre.
la vitesse de défilement (vitesse d'animation) — la vitesse de défilement de la bande : Slow (lente) · Medium (moyenne, par défaut) · Fast (rapide).
Display type (type d'affichage) — ce que montre chaque élément :
- images seules (images seules) — uniquement l'image (le réglage par défaut pour les logos)
- images et libellés (images et libellés) — l'image avec son libellé en dessous
- libellés seuls (libellés seuls) — du texte seulement, pas d'images

(Un élément sans image affiche toujours son libellé en repli.)

Color (couleur) — le traitement colorimétrique appliqué uniformément à tous les éléments :
- Full color (couleurs d'origine) — conserve les couleurs originales de chaque logo
- Grayscale (niveaux de gris) — désature tout
- niveaux de gris, couleur au survol (niveaux de gris, couleur au survol) — désaturé, avec les couleurs d'origine révélées au survol
Items (éléments) — la liste ordonnée affichée dans la bande. Faites glisser la poignée pour réordonner, cliquez sur le crayon pour modifier un élément, sur la ✕ pour le retirer.

Fermez avec Terminé (terminé) (ou Annuler). La taille, l'espacement et les tailles de police ne se règlent pas ici — redimensionnez le bloc lui-même, et utilisez le panneau Design pour l'espacement.

Ajouter des éléments — deux sources

Cliquez sur l'ajout d'un élément (ajouter un élément) dans la popup. La fenêtre l'ajout d'un élément s'ouvre avec deux onglets :

1. Import manuel (l'onglet par défaut)

l'ajout d'un libellé (ajouter un libellé) — le nom de l'élément (obligatoire ; utilisé dans les modes d'affichage « labels » et en repli quand il n'y a pas d'image).
l'import d'une image (télécharger une image) — cliquez sur la zone de téléchargement pour choisir un fichier (PNG, SVG, JPG).
Validez avec l'ajout d'un élément (ou Enregistrer les modifications si vous modifiez un élément existant).

2. Search brand — l'intégration Brandfetch ⭐

Saisissez un nom d'entreprise dans le champ de recherche et Katalyz interroge Brandfetch pour récupérer son logo officiel. Chaque résultat affiche le nom de la marque et son domaine, ce qui vous permet de choisir la bonne entité. Cliquez sur un résultat et le logo est ajouté immédiatement — aucun téléchargement manuel nécessaire.

C'est le moyen le plus rapide de construire un bandeau « ils nous font confiance » : tapez le nom du client, choisissez le logo, passez à la suite. Pas besoin de fouiller les portails de marque, de demander le kit au marketing, ni de bricoler des variantes à fond transparent.

Astuce : Brandfetch couvre un très large catalogue d'entreprises publiques et B2B. Si une entreprise est introuvable, repliez-vous sur l'import manuel et téléchargez le logo depuis sa page de charte graphique.

Bonnes pratiques

6 à 10 éléments, c'est le bon équilibre — moins, cela fait maigre ; plus, cela sature
Utilisez Grayscale quand les marques jurent visuellement entre elles ; utilisez Full color quand la couleur de chaque marque est intentionnelle
Les marques les plus connues en premier — les lecteurs balaient de gauche à droite avant que l'animation ne démarre
Gardez des images au format cohérent — des tailles très différentes créent une bande irrégulière

Articles associés

Mis à jour le : 26/10/2026

Cet article a-t-il répondu à vos questions ?

Merci !