--- title: "Personnalisation de la page 404" slug: "404-page" description: "404 page appears when a reader tries to access a nonexistent page on our Knowledge base site. You can customize the 404 page using the basic or custom style." tags: ["Customize site", "Error pages"] updated: 2026-06-22T08:30:09Z published: 2026-06-22T08:30:09Z canonical: "docs.document360.com/404-page" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Personnalisation de la page 404 La page 404 apparaît lorsqu’un lecteur tente d’accéder à une page inexistante sur votre site de base de connaissances – par exemple, lorsqu’il suit une URL supprimée ou défaillante. Alors que l’erreur 404 par défaut d’un navigateur ne donne aucun chemin utile aux lecteurs, une page 404 personnalisée peut reconnaître clairement l’erreur et orienter les lecteurs vers le bon endroit via des liens utiles et des boutons de navigation. NOTE Une fois que vous configurez une page personnalisée 404, vous ne pouvez plus revenir à la page par défaut. Il est recommandé d’avoir une page 404 personnalisée pour améliorer l’expérience du lecteur. --- ## Comment personnaliser la page 404 1. Naviguez vers () > **Knowledge base site** dans la barre de navigation de gauche du portail de la base de connaissances. 2. Dans le panneau de navigation de gauche, naviguez vers **la personnalisation du site**. 3. Cliquez sur le **bouton Personnaliser le site** . ![Site customization page showing the Customize site button](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Customize-site.png) 1. Dans le menu déroulant de gauche, sélectionnez **page 404**. 2. Personnalisez la page en utilisant l’une des deux options suivantes : - **Style de base** - Personnalisez par défaut les boutons d’image, d’en-tête, de paragraphe et de lien. - **Style personnalisé** - Ajouter du HTML et du CSS personnalisés. Utilisez le bouton **Aperçu** pour basculer entre la vue code et la vue rendue. 3. Cliquez **sur Enregistrer** pour sauvegarder sans postuler immédiatement, **Aperçu** pour vérifier, et **Publier** pour effectuer des modifications en direct. ![404 error page with options to navigate to documentation or home](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140589648.png) --- ## Style de base ### Image 1. **Cliquez sur l’image**. Le panneau Image apparaît. 2. Cliquez sur **Modifier** et choisissez entre : - **Images par défaut** - Sélectionnez parmi les images par défaut disponibles et cliquez **sur Enregistrer**. - **Image** - Saisissez une URL d’image ou téléchargez depuis votre Drive et cliquez **sur Enregistrer**. 3. Réglez l’alignement de l’image (gauche, centre ou droite) selon les besoins. ![Image selection interface showing alignment options and default images](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140609668.png) ### Tête 1. **Cliquez sur l’en-tête**. Le panneau Titre apparaît. 2. Saisissez le texte d’en-tête souhaité. 3. Sélectionnez une couleur dans la palette de couleurs du texte. > L’en-tête par défaut sera « 404 ». ![Editing the 404 page heading](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140635154.png) ### Paragraphe 1. **Cliquez sur le paragraphe**. Le panneau Paragraphe apparaît. 2. Entrez une description pour aider les lecteurs à comprendre le contexte. 3. Sélectionnez une couleur dans la palette de couleurs du texte. > Le texte par défaut sera « Oups ! Page non trouvée. » ![Editing the 404 page paragraph](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140655833.png) ### Boutons Ajoutez jusqu’à trois boutons de lien pour guider les lecteurs vers des pages utiles. 1. **Cliquez sur les boutons**. 2. Cliquez sur **le bouton Ajouter** pour créer un nouveau bouton. 3. Saisissez le texte et l’URL pour chaque bouton. 4. Cliquez sur l’icône **Supprimer** () pour retirer un bouton ou sur **l’icône Cacher** () pour la masquer. 5. Cliquez sur **Supprimer** en bas pour supprimer tous les boutons. 6. Une fois terminé, cliquez **sur Enregistrer**. NOTE Liens suggérés à inclure sur la page 404 : page d’accueil, un formulaire de contact pour les lecteurs afin de signaler des liens cassés, votre site de base de connaissances, ainsi que vos catégories ou articles les plus populaires. ![404 page buttons panel showing Documentation and Home navigation options](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140681230.png) --- ## Style personnalisé 1. **Sélectionnez Style personnalisé** et basculez entre les **sections HTML** et **CSS**. 2. Mettez à jour le code si nécessaire. 3. Activez le bouton **Aperçu** pour consulter la page mise à jour. 4. **Cliquez sur Enregistrer**, puis **sur Publier** pour postuler. ![Custom style editor showing HTML and CSS sections for the 404 page](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1773140700291.png) --- ## Meilleures pratiques - **Gardez le design fidèle à la marque** – utilisez les mêmes couleurs et tonalités que le reste de votre base de connaissances pour que les lecteurs sachent qu’ils sont toujours au bon endroit. - **Utilisez un langage amical et clair** – évitez le jargon technique. Reconnaissez légèrement l’erreur : « Il est possible que cette page ait déménagé ou n’existe plus. » - **Ajoutez toujours au moins un bouton** – revenez au minimum à la page d’accueil. Deux ou trois boutons couvrant la maison, la documentation et un formulaire de contact offrent aux lecteurs des prochaines étapes claires. - **Utilisez la page 404 avec les règles de redirection** - personnalisez la page 404 pour détecter les erreurs inévitables, et utilisez [les règles de redirection d’article](https://docs.document360.com/docs/fr/article-redirect-rules) pour corriger proactivement les URL connues qui sont défaillantes. ## Related - [Pages d’erreur](/error-pages.md) - [Personnalisation de la page d’accès refusé](/access-denied-page.md) - [Personnalisation de la page non autorisée](/unauthorized-page.md) - [Page de personnalisation de la restriction IP](/ip-restriction-page.md)