Pages principales

Plans prenant en charge cette fonctionnalité : Professional Business Enterprise

La page d'accueil (anciennement « créateur de pages d'accueil ») est la première page qu'un utilisateur final verra lorsqu'il visitera votre base de connaissances. Vous pouvez personnaliser votre page d'accueil en ajoutant des liens, en changeant les couleurs, en incluant des catégories issues de votre base de connaissances, et plus encore.

Page d'accueil

1_Screenshot-Document360_landing_page

NOTE
L'en-tête, la navigation principale, la navigation secondaire et le pied de page sont affichés sur la page d'accueil du site de la base de connaissances. Celles-ci peuvent être configurées en () > Customize site > Site header & footer}.

Regardez : Comment personnaliser la page d'accueil

Accès aux paramètres de conception de la page d'accueil

Pour accéder aux paramètres de conception de la page d'accueil,

Survolez () dans la barre de navigation de gauche et sélectionnez Site de la base de connaissances.
Dans le panneau de navigation de gauche, naviguez vers Site customization.
La Site customization} apparaîtra, avec toutes les configurations de base du design du site.
Cliquez sur Customize site .
Sélectionnez Accueil sous Pages principales dans le menu déroulant à gauche.
Un design de page d'accueil par défaut est disponible pour personnaliser. Les différentes sections de la page d'accueil sont listées à gauche, et une aperçu en direct est disponible à droite.
Vous pouvez personnaliser les éléments de la section Héros .
Si besoin, cliquez sur la section Ajouter et choisissez parmi les options de blocs de corps disponibles, chacune adaptée à des besoins spécifiques de contenu :
- Texte enrichi : Ajoutez et formatez le contenu textuel avec Markdown pour une meilleure lisibilité et structure.
- Section carte multicolonnes : afficher le contenu en colonnes organisées, parfait pour mettre en avant plusieurs sujets ou fonctionnalités côte à côte.
- Image avec texte : Combinez des visuels avec des descriptions textuelles pour créer une mise en page plus dynamique et attrayante.
- Section code personnalisé : Intégrer du code HTML et CSS personnalisés pour une personnalisation avancée du contenu.
- Catégories de la base de connaissances : Mettez en évidence les catégories clés de votre base de connaissances pour améliorer la navigation.
- Widgets : Ajoutez des éléments interactifs, tels que des enquêtes ou des formulaires de contact, pour renforcer l'engagement des utilisateurs.
Body blocks permettent aux administrateurs de la base de connaissances de créer des pages d'accueil visuellement attrayantes et intuitives qui guident efficacement les utilisateurs. Chaque bloc offre une manière unique d'afficher le contenu, offrant une flexibilité pour concevoir une {{variable, attrayante et Home page.
Par exemple, une entreprise de logiciels peut utiliser la Knowledge base categories bloc pour afficher les guides produits. En revanche, la Image with text } peut mettre en évidence des fonctionnalités clés ou des annonces, améliorant l'expérience utilisateur et l'engagement.
Vous pouvez réorganiser la section dans le panneau de gauche en utilisant le glisser-déposer () et cliquer sur l'icône œil () pour masquer l'élément désiré.
NOTE
La section principale des Héros en haut ne peut pas être traînée ni déplacée.
Cliquez sur Preview pour voir comment vos changements apparaîtront sur le site de la base de connaissances.
Cliquez sur Save pour sauvegarder vos modifications sans les appliquer immédiatement.
Cliquez sur Publish pour rendre vos changements récents visibles aux lecteurs.
Cliquez sur la More () et sélectionnez Reset to published version pour supprimer toutes les personnalisations sauvegardées et non enregistrées et revenir à la dernière version publiée.
NOTE
- Le bouton Publier ne devient actif qu'après avoir enregistré vos modifications.
- La fonctionnalité Réinitialiser à la version publiée n’est disponible que pour les nouveaux projets de site de base de connaissances 2.0 créés après le 29 mars 2025.

Document360 interface showing options to add sections and manage content effectively.

Thèmes de la page d'accueil

Personnalisez votre page d'accueil avec les thèmes Document360. Vous pouvez configurer un thème unique pour chaque espace de travail ou langue.

Cliquez sur l' icône Thèmes () sur la page de conception de la page d'accueil
Sélectionnez l'un des thèmes : Engager, Innover, Apprendre ou Default.
Cliquez sur l'icône Œil () pour voir un aperçu statique.
Cliquez sur Activer pour implémenter le thème sélectionné.

Document360 interface showing theme options for customizing a knowledge base homepage.

NOTE
La résolution recommandée pour l'image de la page d'accueil est de 1920x415 pixels (largeur x hauteur). Vous pouvez personnaliser la résolution selon vos besoins.

SEO sur la page d'accueil

Vous pouvez utiliser un méta-titre, une méta-description et une image en vedette pour votre page d'accueil.

Pour personnaliser les paramètres SEO de la page d'accueil :

Cliquez sur () sur la page de conception de la page d'accueil.
La apparaîtra.
Configurez les paramètres suivants :
1. Titre : Saisissez le titre qui apparaîtra dans l'onglet navigateur de la page d'accueil de votre base de connaissances.
2. Méta-description : Fournissez une brève méta-description pour votre page d'accueil. Ces paramètres SEO ne s'appliquent qu'à la page d'accueil.
3. Paramètres de visibilité : activez ce bouton pour garder la page d'accueil visible dans la base de connaissances. Si désactivée, la page d'accueil sera masquée et les utilisateurs seront dirigés vers la page de documentation à la place.
4. Image en vedette : Cliquez sur Choisir une image pour télécharger une image mise en avant depuis le Drive.
Cliquez Save pour appliquer tes changements.

Settings menu for Document360 with SEO options and visibility settings displayed.

Documentation

La page Documentation vous permet de personnaliser la navigation par catégorie en ajustant la position de la barre de recherche et en appliquant des couleurs d'arrière-plan.

Regardez : Comment personnaliser la page Documentation

Accès aux paramètres de conception de la page de documentation

Pour accéder aux paramètres de conception de la page de documentation :

Survolez () dans la barre de navigation de gauche et sélectionnez Site de la base de connaissances.
Dans le panneau de navigation de gauche, naviguez vers la personnalisation du site.
La page de personnalisation du site apparaîtra, avec toutes les configurations de base de conception du site.
Cliquez Customize site.
Dans le menu déroulant à gauche, sélectionnez Documentation sous Pages principales.
Une page de documentation par défaut sera disponible pour personnaliser. Les options de personnalisation sont listées à gauche, et une prévisualisation en direct est disponible à droite.
Choisissez la position de la barre de recherche :
- Tête secondaire : Placez la barre de recherche dans l'en-tête secondaire en haut à droite. Par défaut, cette option sera sélectionnée.
- Panneau de gauche : Placez la barre de recherche en haut du panneau de navigation de gauche.
Choisissez le style de barre de recherche souhaité : boîte de saisie ou bouton.
Sélectionnez la case Couleur de fond personnalisée pour appliquer une couleur personnalisée dans la barre de recherche.
NOTE
Lorsque vous sélectionnez une couleur de fond personnalisée, la couleur primaire des thèmes Sombre et Clair est automatiquement préremplie. Vous pouvez personnaliser ces couleurs selon vos besoins.
La case à cocher Afficher le raccourci clavier est sélectionnée par défaut.
- Si activé, Ctrl + K apparaît dans la barre de recherche.
- Cela s'applique à la fois à la barre de recherche de navigation de gauche (à l'intérieur des articles) et à la barre de recherche principale de la page d'accueil.
Dans la section Navigation par catégorie , sélectionnez Ajouter une couleur de fond pour appliquer une couleur d'arrière-plan à la section catégorie sur le site de la Base de connaissances. Par défaut, une couleur gris clair (#F4F4F5) est utilisée, qui ne peut pas être personnalisée.
Sélectionnez Ajouter l'état de la sélection couleur de fond pour appliquer une couleur de fond à l'élément sélectionné dans le volet Articles & Catégories . Par défaut, une couleur bleu clair (#E6F0F7) est utilisée.
Sélectionnez la case Afficher les titres en 2 lignes pour enrouler les titres longs dans l'arbre de catégories en deux lignes. Si un titre dépasse deux lignes, une ellipse (...) apparaît à la fin de la deuxième ligne. En cas de désactivation, les titres longs sont limités à une seule ligne avec une ellipse sur votre site de base de connaissances.
Dans la section navigation TOC , activez la case à cocher Collapse TOC headers pour faire replier par défaut tous les en-têtes de Table des matières sur le site de la base de connaissances.
Par exemple, si vous avez choisi d'afficher H2, H3 et H4, le contenu de H4 sera imbriqué sous H3, et H3 sous H2, les deux étant repliés jusqu'à ce qu'ils soient développés par le lecteur.

NOTE
Vous pouvez aussi activer ce paramètre depuis () > Knowledge base site } > Paramètres de l'article et SEO. Développez l' accordéon droit de l'article et activez le bouton Collapse TOC headers.

User interface of Document360 showing navigation and article sections for documentation.

Cliquez sur Preview pour voir comment vos changements apparaîtront sur le site de la base de connaissances.
Cliquez sur Save pour sauvegarder vos modifications sans les appliquer immédiatement.
Cliquez sur Publish pour rendre vos changements récents visibles aux lecteurs.
Cliquez sur la More () et sélectionnez Reset to published version pour supprimer toutes les personnalisations sauvegardées et non enregistrées et revenir à la dernière version publiée.

NOTE
La fonctionnalité Réinitialiser à la version publiée n’est disponible que pour les nouveaux projets de site de base de connaissances 2.0 créés après le 29 mars 2025.

Page de connexion

Si votre base de connaissances est privée ou a un accès mixte, les lecteurs doivent se connecter avec leurs identifiants pour accéder au contenu. Vous pouvez personnaliser cette page de connexion en utilisant l'option Personnaliser le site disponible dans Document360.

Regardez : Comment personnaliser la page de connexion

Accès aux paramètres de conception de la page de connexion

Pour accéder aux paramètres de conception de la page de connexion :

Survolez () dans la barre de navigation de gauche et sélectionnez Site de la base de connaissances.
Dans le panneau de navigation de gauche, naviguez vers la personnalisation du site.
La page de personnalisation du site apparaîtra, avec toutes les configurations de base de conception du site.
Cliquez sur le bouton Personnaliser le site .
Dans le menu déroulant à gauche, sélectionnez Connexion sous Pages principales.
Vous verrez une page de connexion par défaut prête à être personnalisée.
Choisissez l'une des options suivantes :
- Style de base : Personnalisez uniquement l'image par défaut. Développez l'image avec un menu déroulant de texte et sélectionnez Image. Le panneau Image s'ouvrira. Cliquez sur Modifier et choisissez l'image souhaitée parmi les images système. Dans la section Alignement, sélectionnez Gauche, Centre ou Droite pour ajuster l'alignement de l'image.
- Style personnalisé : Ajouter du HTML et du CSS personnalisés. Vous pouvez activer/désactiver le bouton Aperçu à droite pour passer de la vue rendue à la vue code.
Cliquez sur Preview pour voir comment vos changements apparaîtront sur le site de la base de connaissances.
Cliquez sur Save pour sauvegarder vos modifications sans les appliquer immédiatement.
Cliquez sur Publish pour rendre vos changements récents visibles aux lecteurs.
Cliquez sur la More () et sélectionnez Reset to published version pour supprimer toutes les personnalisations sauvegardées et non enregistrées et revenir à la dernière version publiée.

NOTE
La fonctionnalité Réinitialiser à la version publiée n’est disponible que pour les nouveaux projets de site de base de connaissances 2.0 créés après le 29 mars 2025.

FAQ

Comment ajouter des images à la page d'accueil ?

Pour ajouter des images à la page d'accueil, collez le code suivant dans le HTML personnalisé :

<img src="paris.jpg" alt="Paris" class="center">

Pour personnaliser l'alignement, ajoutez le code CSS suivant dans la section CSS personnalisé & JavaScript :

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Si je modifie ma page d'accueil, vont-ils automatiquement se mettre à jour dans toutes les langues ?

Non. Les modifications apportées dans votre langue par défaut ne se refléteront pas automatiquement dans d'autres langues. Dans Document360, vous devez mettre à jour manuellement le contenu pour chaque langue, y compris la page d'accueil et les autres pages principales.

Comment puis-je modifier la position de la barre de recherche pour refléter le site de la base de connaissances ?

Pour ajuster la position de la barre de recherche sur votre site de base de connaissances, suivez ces étapes :

Survolez () dans la barre de navigation de gauche et sélectionnez Site de la base de connaissances.
Dans le panneau de navigation de gauche, naviguez vers la personnalisation du site.
Cliquez sur Personnaliser le site. Sélectionnez le menu déroulant et cliquez sur Documentation.
Sur le panneau de gauche, vous avez deux options pour changer la position de la barre de recherche.
Panneau de gauche : Placez la barre de recherche dans l'arbre de catégories à gauche.
En-tête secondaire : Placez la barre de recherche sur le côté droit de l'en-tête secondaire.
Si besoin, cochez la case Ajouter couleur de fond pour appliquer la couleur de fond dans la barre de recherche.
Une fois terminé, cliquez sur Enregistrer et publier.

Comment puis-je modifier le titre de l'onglet navigateur pour la page d'accueil de ma base de connaissances ?

Le titre SEO de la page d'accueil apparaît comme le nom de l'onglet du navigateur. Pour changer le titre SEO de la page d'accueil :

Survolez () dans la barre de navigation de gauche et sélectionnez Site de la base de connaissances.
Dans le panneau de navigation de gauche, naviguez vers la personnalisation du site.
La page de personnalisation du site apparaîtra, avec toutes les configurations de base de conception du site.
Cliquez sur le bouton Personnaliser le site .
Dans le menu déroulant à gauche, sélectionnez Accueil.
Cliquez sur l' icône Paramètres () sur la page d'accueil.
Le panneau Paramètres apparaîtra.
Saisissez le titre souhaité pour votre page d'accueil.
Une fois terminé, cliquez sur Enregistrer et publier.

Comment intégrer un chargeur vidéo dans votre page d'accueil ?

Ajouter un chargeur vidéo attrayant à votre page d'accueil peut susciter un sentiment de curiosité et d'interactivité chez vos visiteurs. Suivez ces étapes simples pour intégrer un chargeur vidéo sans problème :

Survolez () dans la barre de navigation de gauche et sélectionnez Site de la base de connaissances.
Dans le panneau de navigation de gauche, naviguez vers la personnalisation du site.
La page de personnalisation du site apparaîtra, avec toutes les configurations de base de conception du site.
Cliquez sur le bouton Personnaliser le site .
Dans le menu déroulant à gauche, sélectionnez Accueil.
Créez une nouvelle section de code personnalisé et insérez le code HTML suivant, en remplaçant le src lien par le lien vidéo depuis votre lecteur :
```
htmlCopy code<div class="video__loader">
    <video muted autoplay loop>
        <source src="https://cdn.document360.io/560b3c6e-18a1-4ad6-babc-d0257662eab2/Images/Documentation/Revolving_Video.mp4" />
    </video>
</div>
```
Ce code intégrera parfaitement le chargeur vidéo à votre page d'accueil, améliorant son attrait visuel et captivant votre audience dès son arrivée.
Dans le menu déroulant à gauche, sélectionnez CSS personnalisé/JavaScript et allez à l'onglet CSS .

Remplacez "Innovate" dans le code suivant par le nom de votre thème configuré (par exemple, Engager, Apprendre, Innover ou Default) :

cssCopy codebody.innovate {
    position: relative;
    overflow: hidden !important;
}

body.innovate.custom--loaded {
    overflow: auto !important;
}

/* Loader */
.video__loader {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--color-dark);
    opacity: 1;
    visibility: visible;
    z-index: 9999999999;
    transition: all 1s ease;
}

.video__loader.remove--loader {
    opacity: 0;
    visibility: hidden;
}

.video__loader video {
    width: 100%;
}

Cela garantit que le style CSS est en accord avec le thème choisi, optimisant la présentation visuelle pour une expérience utilisateur améliorée.

Naviguez jusqu'à l'onglet JavaScript .

Remplacez "innovate" dans le code suivant par le nom de votre thème :

javascriptCopy code/* Loader */
var elBody = document.querySelector("body.innovate");
var customLoaderVideo = document.querySelector(".video__loader");

document.addEventListener("DOMContentLoaded", function() {
    setTimeout(function() {
        elBody?.classList.add("custom--loaded");
        customLoaderVideo?.classList.add("remove--loader");
    }, 5000);
});

Cette personnalisation garantit que la fonctionnalité JavaScript s'intègre parfaitement à votre thème, améliorant ainsi les performances globales de votre site.

NOTE
La fonction de chargement vidéo fonctionnera exclusivement sur la page d'accueil et ne s'appliquera pas aux pages de documentation.

Comment désactiver la page d'accueil sur le site de la base de connaissances ?

Survolez () dans la barre de navigation de gauche et sélectionnez Site de la base de connaissances.
Dans le panneau de navigation de gauche, naviguez vers la personnalisation du site.
Cliquez sur l'icône Paramètres () sur la page de conception de la page d'accueil.
Désactivez le bouton Paramètres de visibilité et cliquez sur Enregistrer.

Comment ajouter un bouton contact/inscription à ma page de connexion ?

Ajouter un bouton d'assistance à votre page de connexion peut simplifier le processus de demande d'aide. Suivez ces étapes simples pour intégrer un bouton d'assistance à votre page de connexion sans interruption :

Survolez () dans la barre de navigation de gauche et sélectionnez Site de la base de connaissances.
Dans le panneau de navigation de gauche, naviguez vers la personnalisation du site.
Sélectionnez le bouton Personnaliser le site .
Sélectionnez Connexion dans le menu déroulant de gauche sous le groupe Pages principales.
Ensuite, choisissez le bouton Style personnalisé pour activer les modifications spécifiquement adaptées à votre page de connexion.

Dans l'onglet personnalisation HTML, ajoutez le code suivant pour créer votre bouton de support :

htmlCopy code<div class="login-form--support">
    <button class="support-button">
        <a href="Support portal button or registration button link">Contact Support</a>
    </button>
    <p>Click here to Contact Support</p>
</div>

À côté de l'onglet HTML, trouvez l'onglet personnalisation CSS. Collez le code suivant pour vous assurer que le bouton de support est centré sur la page :
```
cssCopy code.login-form--support {
    text-align: center; /* Centers the content inside the element */
}
```

En suivant ces étapes, vous pourrez ajouter avec succès un bouton d'assistance à votre page de connexion. Cette amélioration permet aux utilisateurs confrontés à des difficultés d'accéder facilement aux ressources de support sans quitter l'interface de connexion, améliorant considérablement leur expérience. Fournir une assistance rapide là où elle est nécessaire peut conduire à une plus grande satisfaction des utilisateurs.