> ## 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 Document Utilisez le widget **Document** pour intégrer un fichier en ligne — PDF, présentations, feuilles de calcul — avec un aperçu dans le navigateur et un téléchargement optionnel. ![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-16-at-17453_co5acf.png =679xauto) ## Comment l'ajouter 1. Dans la **barre d'édition** en bas de l'éditeur, repérez le widget — dans la rangée des widgets principaux, ou sous le popover **⌄ Tous les widgets** s'il ne s'y trouve pas. 2. Glissez le widget **Document** sur la section cible. 3. Téléversez un fichier (depuis votre ordinateur ou la Bibliothèque de contenu) ou collez une URL. 4. Configurez le mode d'affichage et les légendes depuis le menu flottant (voir ci-dessous). ## Formats pris en charge * **PDF** — le plus fiable ; aperçu natif * **Word (.docx)**, **Excel (.xlsx)**, **PowerPoint (.pptx)** — la prise en charge de l'aperçu varie selon le navigateur * **Google Docs / Sheets / Slides** — pris en charge via URL, mais voir l'avertissement ci-dessous Pour plus de fiabilité, **convertissez en PDF avant de téléverser** dès que possible — les aperçus PDF sont cohérents sur tous les navigateurs et appareils. > ⚠️ **Attention avec Google Docs / Sheets / Slides :** par défaut, un document Google n'est accessible qu'aux **comptes Google invités et connectés**. Si vous liez ou intégrez un document Google sans modifier son partage, la plupart des acheteurs verront un écran « Vous devez demander l'accès ». Options : soit **Publier sur le Web** depuis le document Google (Fichier → Partager → Publier sur le Web — mais très peu d'équipes le font en pratique), soit **exporter en PDF** et téléverser le PDF à la place. Le PDF est l'option par défaut la plus sûre. ## Le menu flottant — contrôles du Document Cliquez sur le document pour le sélectionner. Le menu flottant au-dessus reflète celui du [widget Image](→ 02-rooms/03-widgets-content-storytelling/03-image-widget#the-selection-pill-image-controls), avec une différence : la première pastille est un menu déroulant **Mode d'affichage** au lieu d'un sélecteur de taille. De gauche à droite : 1. **Mode d'affichage** — menu déroulant avec **quatre options** : * **Intégrer directement** — le document est rendu en ligne, pleine largeur, sans clic nécessaire (option par défaut dans de nombreux cas — idéal pour le document central d'une page). * **Petit** — vignette cliquable, ligne compacte avec l'icône du type de fichier + légendes. * **Moyen** — vignette cliquable, aperçu plus grand à côté des légendes (côte à côte). * **Grand** — vignette cliquable, grand aperçu en haut avec les légendes empilées en dessous. 2. **🌙 Mode sombre (légendes)** — interrupteur. Bascule le bloc de légendes vers un fond sombre avec un texte clair. 3. **Modifier la ressource** (icône curseurs) — ouvre la **fenêtre d'édition** avec le titre du document, les légendes et l'action **Remplacer le document**. 4. **Remplacer le document** (icône rafraîchir) — raccourci pour échanger le fichier sans ouvrir la fenêtre d'édition complète. Le contenu des légendes et les paramètres de design sont conservés. 5. **Design** (icône pinceau) — ouvre le Panneau Design contextuel (Disposition et coins / Espacement / Arrière-plan / Bordure / Effets). 6. **Agrandir au clic** (icône flèches diagonales) — interrupteur. Lorsqu'il est activé, cliquer sur une vignette dans l'espace rendu ouvre la visionneuse plein écran. (Sans effet sur **Intégrer directement**, puisque le document est déjà entièrement visible.) 7. **⋮ Plus** — Modifier la ressource (identique à l'icône curseurs) · **Dupliquer** · **Supprimer**. ![](https://storage.crisp.chat/users/helpdesk/website/-/5/5/4/8/554891f22af0b400/screenshot-2026-06-16-at-17461_1q1hypf.png =563xauto) > **Remarque :** lorsque le document est en mode **Petit ou Moyen**, le **titre de la légende est toujours affiché** — quel que soit l'état de l'interrupteur Titre. L'interrupteur ne contrôle l'affichage que lorsque le document est en mode **Grand** ou **Intégrer directement**. ## Modifier la ressource — légendes et contenu Ouvrez via l'icône curseurs sur le menu flottant (ou le même élément dans le menu ⋮ Plus). Mêmes champs de légende que pour les widgets Image et Vidéo : * **Nom** — le **titre** du document * **Sous-titre** — une courte ligne secondaire sous le titre * **Citation** — un bloc de citation mis en avant * **Auteur** — nom affiché sous la citation * **Avatar de l'auteur** — image téléversée à côté du nom de l'auteur * **Remplacer le document** — bouton pour échanger le fichier sans perdre le contenu de vos légendes ni vos paramètres de design ## Ce que les acheteurs peuvent faire Votre acheteur peut : * **Prévisualiser** le document en ligne (aucun téléchargement requis) * **Télécharger** une copie locale * **Ouvrir en plein écran** pour une lecture attentive ## Remplacer le document plus tard — préserver le design Lorsque vous échangez du contenu pour un nouveau deal, **remplacez le fichier dans le widget existant** plutôt que de le supprimer et de le rajouter. Tous les paramètres de design et le contenu des légendes restent intacts. Pour remplacer : sélectionnez le document, puis cliquez sur l'icône **rafraîchir** du menu flottant (ou **Modifier la ressource → Remplacer le document** dans la fenêtre) → téléversez / choisissez le nouveau fichier. ## 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/) * [Widget Vidéo](https://katalyz.crisp.help/fr/article/widget-video-1nmmj82/) * [Ajouter des ressources à la bibliothèque](https://katalyz.crisp.help/fr/article/ajouter-des-elements-a-la-bibliotheque-79uxyj/) * [Widget Signature](→ 02-rooms/05-widgets-conversion-engagement/03-signature-widget)