{"id":275,"date":"2026-06-23T18:31:13","date_gmt":"2026-06-23T18:31:13","guid":{"rendered":"https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/"},"modified":"2026-09-14T13:04:36","modified_gmt":"2026-09-14T13:04:36","slug":"add-document-library-webflow","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-webflow\/","title":{"rendered":"Comment ajouter votre biblioth\u00e8que de documents \u00e0 Webflow"},"content":{"rendered":"<p>Un \u00e9l\u00e9ment Code Embed est la solution pour placer votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur n\u2019importe quelle page Webflow. Les \u00e9tapes ci-dessous vous guident de bout en bout.<\/p>\n<p><strong>Avant de commencer :<\/strong> Code Embed est une fonctionnalit\u00e9 Webflow payante, incluse avec l\u2019offre <strong>Basic Site et sup\u00e9rieure<\/strong>. L\u2019offre Starter gratuite bloque le code personnalis\u00e9, une offre Site payante est donc n\u00e9cessaire avant de pouvoir ajouter et publier l\u2019int\u00e9gration. Gardez aussi \u00e0 l\u2019esprit que la biblioth\u00e8que ne s\u2019affiche que lorsque vous pr\u00e9visualisez ou publiez. Pendant que le Designer est ouvert pour modification, Webflow affiche un espace r\u00e9serv\u00e9 plut\u00f4t que la biblioth\u00e8que en direct.<\/p>\n<h2 id=\"step-1-copy-your-embed-code\">\u00c9tape 1 : copier votre code d\u2019int\u00e9gration<\/h2>\n<p>Dans votre tableau de bord h\u00e9berg\u00e9, ouvrez <strong>Publier la biblioth\u00e8que<\/strong> pour trouver votre code d\u2019int\u00e9gration, puis copiez-le. La plupart des sites ont une seule biblioth\u00e8que, et la page Publier la biblioth\u00e8que est l\u2019endroit o\u00f9 se trouve son code d\u2019int\u00e9gration. (Si vous avez cr\u00e9\u00e9 plusieurs biblioth\u00e8ques, copiez plut\u00f4t le code de celle que vous voulez depuis l\u2019\u00e9cran <strong>Biblioth\u00e8ques<\/strong> .) Collez toujours le code exact provenant de votre propre tableau de bord, et non l\u2019exemple ci-dessous :<\/p>\n<pre>&lt;iframe src=\"https:\/\/your-library.documentlibrary.app\/?dlp_embed=1\" title=\"Document library\" style=\"width:100%;border:0;height:600px;\" loading=\"lazy\"&gt;&lt;\/iframe&gt;\n&lt;script src=\"https:\/\/your-library.documentlibrary.app\/?dlp_embed_resize=1\" async&gt;&lt;\/script&gt;<\/pre>\n<h2 id=\"step-2-create-a-page-for-your-library\">\u00c9tape 2 : cr\u00e9er une page pour votre biblioth\u00e8que<\/h2>\n<p>Dans le Designer Webflow, ouvrez le panneau <strong>Pages<\/strong> et cliquez sur le <strong>+<\/strong> pour cr\u00e9er une nouvelle page, en lui donnant un nom comme <strong>Biblioth\u00e8que de documents<\/strong>. Pour que les visiteurs puissent la trouver, ajoutez un lien vers cette page dans votre menu de navigation.<\/p>\n<h2 id=\"step-3-add-a-code-embed-element\">\u00c9tape 3 : ajouter un \u00e9l\u00e9ment Code Embed<\/h2>\n<p>Avec votre nouvelle page ouverte, cliquez sur le panneau <strong>+<\/strong> (Ajouter des \u00e9l\u00e9ments), recherchez <strong>Int\u00e9grer<\/strong>, et faites glisser le <strong>Code Embed<\/strong> sur la section o\u00f9 la biblioth\u00e8que doit se trouver.<\/p>\n<h2 id=\"step-4-paste-your-embed-code\">\u00c9tape 4 : coller votre code d\u2019int\u00e9gration<\/h2>\n<p>L\u2019\u00e9diteur de code appara\u00eet tout seul. Supprimez tout texte d\u2019espace r\u00e9serv\u00e9, collez l\u2019extrait de l\u2019\u00e9tape 1, puis cliquez sur <strong>Enregistrer et fermer<\/strong>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/webflow-embed-document-library.jpg\" alt=\"Collage du code d\u2019int\u00e9gration de la biblioth\u00e8que de documents dans un \u00e9l\u00e9ment Code Embed de Webflow\" style=\"max-width:100%;height:auto;border:1px solid #e3e8ee;border-radius:8px;margin:8px 0;\" \/><\/p>\n<h2 id=\"step-5-publish-and-view-your-library\">\u00c9tape 5 : publier et afficher votre biblioth\u00e8que<\/h2>\n<p>Pendant la modification, Webflow affiche un espace r\u00e9serv\u00e9 \u00e0 l\u2019endroit o\u00f9 se trouve le Code Embed. Pour mettre le site en ligne, cliquez sur <strong>Publier<\/strong> en haut \u00e0 droite, puis ouvrez la page pour voir votre biblioth\u00e8que de documents, o\u00f9 les visiteurs peuvent rechercher, filtrer par cat\u00e9gorie et pr\u00e9visualiser ou t\u00e9l\u00e9charger chaque document. Si vous voulez jeter un \u0153il avant la mise en ligne, cliquez sur <strong>Aper\u00e7u<\/strong> (l\u2019ic\u00f4ne en forme d\u2019\u0153il) dans le Designer.<\/p>","protected":false},"excerpt":{"rendered":"<p>Int\u00e9grez votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur n\u2019importe quelle page Webflow \u00e0 l\u2019aide d\u2019un \u00e9l\u00e9ment Code Embed, puis publiez afin que les visiteurs puissent rechercher et t\u00e9l\u00e9charger des fichiers.<\/p>","protected":false},"menu_order":70,"template":"","meta":{"footnotes":""},"doc_category":[6],"class_list":["post-275","doc","type-doc","status-publish","hentry","doc_category-platforms"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to add your document library to Webflow<\/title>\n<meta name=\"description\" content=\"Embed your hosted document library on any Webflow page using a Code Embed element, then publish so visitors can search and download files.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-webflow\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add your document library to Webflow\" \/>\n<meta property=\"og:description\" content=\"Embed your hosted document library on any Webflow page using a Code Embed element, then publish so visitors can search and download files.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-webflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Document Library Pro\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-14T13:04:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/webflow-embed-document-library.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/\",\"name\":\"How to add your document library to Webflow\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/webflow-embed-document-library.jpg\",\"datePublished\":\"2026-06-23T18:31:13+00:00\",\"dateModified\":\"2026-09-14T13:04:36+00:00\",\"description\":\"Embed your hosted document library on any Webflow page using a Code Embed element, then publish so visitors can search and download files.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/#primaryimage\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/webflow-embed-document-library.jpg\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/webflow-embed-document-library.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to add your document library to Webflow\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"name\":\"Document Library Pro\",\"description\":\"Searchable document libraries for any website\",\"publisher\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/documentlibrary.pro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"width\":512,\"height\":512,\"caption\":\"Document Library Pro\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"description\":\"Document Library Pro is hosted document library software that lets you publish searchable, filterable libraries of PDFs, documents and resources on any website or platform.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment ajouter votre biblioth\u00e8que de documents \u00e0 Webflow","description":"Int\u00e9grez votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur n\u2019importe quelle page Webflow \u00e0 l\u2019aide d\u2019un \u00e9l\u00e9ment Code Embed, puis publiez afin que les visiteurs puissent rechercher et t\u00e9l\u00e9charger des fichiers.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-webflow\/","og_locale":"fr_FR","og_type":"article","og_title":"How to add your document library to Webflow","og_description":"Embed your hosted document library on any Webflow page using a Code Embed element, then publish so visitors can search and download files.","og_url":"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-webflow\/","og_site_name":"Document Library Pro","article_modified_time":"2026-09-14T13:04:36+00:00","og_image":[{"url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/webflow-embed-document-library.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/","url":"https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/","name":"Comment ajouter votre biblioth\u00e8que de documents \u00e0 Webflow","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/#primaryimage"},"image":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/#primaryimage"},"thumbnailUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/webflow-embed-document-library.jpg","datePublished":"2026-06-23T18:31:13+00:00","dateModified":"2026-09-14T13:04:36+00:00","description":"Int\u00e9grez votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur n\u2019importe quelle page Webflow \u00e0 l\u2019aide d\u2019un \u00e9l\u00e9ment Code Embed, puis publiez afin que les visiteurs puissent rechercher et t\u00e9l\u00e9charger des fichiers.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/#primaryimage","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/webflow-embed-document-library.jpg","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/webflow-embed-document-library.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/documentlibrary.pro\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/documentlibrary.pro\/docs\/"},{"@type":"ListItem","position":3,"name":"How to add your document library to Webflow"}]},{"@type":"WebSite","@id":"https:\/\/documentlibrary.pro\/#website","url":"https:\/\/documentlibrary.pro\/","name":"Document Library Pro","description":"Biblioth\u00e8ques de documents consultables pour tout site web","publisher":{"@id":"https:\/\/documentlibrary.pro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/documentlibrary.pro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","width":512,"height":512,"caption":"Document Library Pro"},"image":{"@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/"},"description":"Document Library Pro est un logiciel de biblioth\u00e8que de documents h\u00e9berg\u00e9 qui vous permet de publier des biblioth\u00e8ques consultables et filtrables de PDF, de documents et de ressources sur tout site web ou plateforme."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":1,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/275\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/275\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/media?parent=275"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc_category?post=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}