> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://katalyz.crisp.help/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Widget Ticker Le widget **Ticker** est un bandeau horizontal d'images. Il peut accueillir n'importe quel type d'image, mais il est **principalement conçu pour les logos** — les cas d'usage classiques de preuve sociale comme « ils nous font confiance », la liste de clients ou la galerie de partenaires. ![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-16-at-18151_1478tha.png =616xauto) ## Comment l'ajouter 1. Sur la **barre d'édition** en bas de l'éditeur, repérez le widget — dans la rangée principale des widgets, ou sous la popover **⌄ Tous les widgets** s'il ne s'y trouve pas. 2. Glissez le widget **Ticker** sur la section cible. 3. Utilisez le menu flottant pour ouvrir la popup **Modifier le ticker** et configurer le titre, les éléments, l'animation, le type d'affichage et la couleur. ## Le menu flottant — contrôles du Ticker Cliquez sur le ticker pour le sélectionner. De gauche à droite : 1. **Modifier la ressource** (icône curseurs) — ouvre la popup **Modifier le ticker** (voir ci-dessous). C'est là que se fait l'essentiel de la configuration du ticker. 2. **Design** (icône pinceau) — ouvre le Panneau Design contextuel (Mise en page & coins / Espacement / Arrière-plan / Bordure / Effets). 3. **⋮ Plus** — Modifier la ressource (identique à l'icône curseurs) · **Dupliquer** · **Supprimer**. (Pas de Taille / Mode sombre / Remplacer / Agrandir — aucun ne s'applique à un ticker.) ## Modifier le ticker — la popup de configuration ![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/ticker-popup_3aebma.png =380xauto) La popup **Modifier le ticker** (icône curseurs sur le menu flottant) est l'endroit où tout est géré : * **Titre** — accroche optionnelle affichée au-dessus du ticker (par ex. *« Ils nous font confiance — 50+ entreprises »*). Laissez vide pour un ticker sans titre. * **Vitesse d'animation** — à quelle vitesse le bandeau défile : **Lente / Moyenne / Rapide / Personnalisée**. * **Taille d'image** — contrôle segmenté : **50×50 / 80×80 / 120×120 / Personnalisée** (dimensions en pixels de chaque élément du ticker). * **Tailles de police** — deux champs en pixels : * **Titre du bloc** — la taille de l'accroche optionnelle affichée au-dessus du bandeau. * **Nom** — la taille du libellé de nom de chaque élément (utilisé dans les modes d'affichage qui montrent les noms). * **Espacement** — écart en pixels entre les éléments adjacents du ticker. * **Type d'affichage** — ce que chaque élément montre : * **Images uniquement** — seulement l'image (par défaut pour les logos) * D'autres modes peuvent afficher le **nom** de l'élément à côté de l'image * **Couleur** — traitement de couleur appliqué uniformément à tous les éléments (utile pour la cohérence visuelle entre des styles de logos hétérogènes) : * **Naturel** — conserve les couleurs d'origine de chaque logo * **Niveaux de gris** — désature l'ensemble * **Blanc** / **Sombre** — teinte vers une nuance unique * **Éléments** — la liste ordonnée des images affichées dans le bandeau. Ajoutez, réorganisez ou supprimez. ## Ajouter des éléments — quatre sources Cliquez sur **+ Ajouter un élément** dans la popup. Une modale s'ouvre avec **quatre onglets**, chacun étant une façon différente d'importer un élément : ### 1. Nouvelle ressource Téléversez ou liez une nouvelle image. * **Déposez un fichier** ou **Parcourez un fichier** depuis votre ordinateur * **Saisissez l'URL** d'une image hébergée en externe * **Nom** — le libellé stocké avec l'élément (utilisé dans les modes d'affichage « avec nom ») * **Options** (dépliable) — réglages supplémentaires par élément ### 2. Depuis cet Espace Récupérez une image déjà utilisée ailleurs dans l'Espace actuel — pratique pour réutiliser des logos qui apparaissent sur les couvertures de page, les cartes de contact, etc. ### 3. Depuis la Bibliothèque Sélectionnez une image dans la **Bibliothèque de contenu** de l'espace de travail (partagée entre tous les Espaces). Voir [Ajouter des ressources à la Bibliothèque](https://katalyz.crisp.help/fr/article/ajouter-des-elements-a-la-bibliotheque-79uxyj/). ### 4. Rechercher une marque — l'intégration Brandfetch ⭐ Tapez un **nom d'entreprise** dans la barre de recherche et Katalyz interroge **Brandfetch** pour son logo officiel. Sélectionnez le résultat et le logo est ajouté automatiquement au ticker — aucun téléversement manuel nécessaire. C'est la façon la plus rapide de construire une galerie « ils nous font confiance » : tapez le nom du client, sélectionnez le logo, passez au suivant. Pas besoin de chasser sur les portails de marque, de demander le kit à l'équipe marketing, ni de gérer les variantes à fond transparent. > **Astuce :** Brandfetch couvre un énorme catalogue d'entreprises publiques et B2B. Si une entreprise n'est pas trouvée, repliez-vous sur **Nouvelle ressource** et téléversez manuellement depuis sa page de charte de marque. ## Bonnes pratiques * **6 à 10 éléments** est le bon équilibre — moins paraît maigre, plus submerge * **Utilisez Niveaux de gris** quand les marques jurent visuellement ; utilisez **Naturel** quand la couleur de chaque marque est intentionnelle * **Les marques connues d'abord** — les lecteurs balayent de gauche à droite avant que l'animation ne démarre * **Gardez des images au ratio cohérent** — des tailles très différentes créent un bandeau en dents de scie ## Articles liés * [Introduction aux widgets](https://katalyz.crisp.help/fr/article/introduction-aux-widgets-1e90glq/) * [Widget Image](https://katalyz.crisp.help/fr/article/widget-image-1nnpv3d/) * [Couverture de page](https://katalyz.crisp.help/fr/article/couverture-de-page-la-banniere-au-niveau-de-la-page-1md1thf/) * [Ajouter des ressources à la Bibliothèque](https://katalyz.crisp.help/fr/article/ajouter-des-elements-a-la-bibliotheque-79uxyj/)