L’intégration hébergée de Document Library Pro est un extrait unique et universel qui fonctionne sur presque tous les sites web. Tant que votre plateforme vous offre un endroit où déposer une intégration ou un morceau de HTML personnalisé, vous pouvez y afficher votre bibliothèque de documents. Utilisez ce guide pour toute plateforme que nous n’avons pas traitée séparément, y compris les autres CMS, les sites HTML simples, les intranets internes et les développements personnalisés sur mesure.
Fonctionnement : l’intégration combine un <iframe> avec un petit <script>d’assistance. L’iframe s’affiche partout sans exception. Sur les plateformes qui autorisent les scripts, l’assistant redimensionne la bibliothèque pour l’adapter et ajoute une prévisualisation du document dans la page. Sur les plateformes qui bloquent les scripts, la bibliothèque fonctionne tout de même à une hauteur fixe et ouvre les prévisualisations dans un nouvel onglet à la place.
Étape 1 : copier votre code d’intégration
Dans votre tableau de bord hébergé, ouvrez Publier la bibliothèque pour trouver votre code d’intégration, puis copiez-le. La plupart des sites ont une seule bibliothèque, et la page Publier la bibliothèque est l’endroit où se trouve son code d’intégration. (Si vous avez créé plusieurs bibliothèques, copiez plutôt le code de celle que vous voulez depuis l’écran Bibliothèques .) Collez toujours le code exact provenant de votre propre tableau de bord, et non l’exemple ci-dessous :
<iframe src="https://your-library.documentlibrary.app/?dlp_embed=1" title="Document library" style="width:100%;border:0;height:600px;" loading="lazy"></iframe> <script src="https://your-library.documentlibrary.app/?dlp_embed_resize=1" async></script>
Étape 2 : trouver où votre plateforme accepte le HTML
Presque toutes les plateformes proposent un endroit où ajouter du HTML personnalisé. L’option que vous cherchez ressemble généralement à l’une de celles-ci :
- Autres CMS (Drupal, Joomla, Ghost, HubSpot, Weebly et autres) : un bloc ou module “Custom HTML”, “Code” ou “Embed”.
- Sites HTML statiques: déposez l’extrait directement dans le HTML de votre page, à l’endroit où la bibliothèque doit apparaître.
- Intranets privés: un composant web ou un bloc de contenu qui accepte le code d’intégration.
- Sites personnalisés (React, Vue, rendu côté serveur, etc.) : ajoutez l’extrait à votre modèle ou composant de page.
Étape 3 : coller votre code d’intégration et publier
Prenez le code d’intégration de l’étape 1, déposez-le dans cette zone HTML ou d’intégration, puis enregistrez ou publiez la page. Ouvrez la page pour voir votre bibliothèque de documents, où les visiteurs peuvent effectuer des recherches, affiner les résultats par catégorie et prévisualiser ou télécharger n’importe quel document.
Regarder le tutoriel complet
Si la bibliothèque est coupée
Certaines plateformes placent les intégrations dans un conteneur de taille fixe. Si votre bibliothèque apparaît rognée ou défile dans un petit cadre, rendez la zone d’intégration légèrement plus haute et plus large que la bibliothèque afin que tout s’affiche confortablement.
Pas de site web ? Utilisez une bibliothèque autonome
Pas de site web dans lequel l’intégrer ? Chaque compte inclut un site web prêt à l’emploi pour votre bibliothèque, à votre propre adresse documentlibrary.app ou sur votre propre domaine, afin que vous puissiez simplement partager le lien. Voir la publication de votre bibliothèque.