{"id":276,"date":"2026-06-23T18:31:14","date_gmt":"2026-06-23T18:31:14","guid":{"rendered":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/"},"modified":"2026-09-14T13:04:36","modified_gmt":"2026-09-14T13:04:36","slug":"add-document-library-framer","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-framer\/","title":{"rendered":"Comment ajouter votre biblioth\u00e8que de documents \u00e0 Framer"},"content":{"rendered":"<p>Le composant Int\u00e9grer de Framer suffit pour placer votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur n\u2019importe quelle page. Les \u00e9tapes ci-dessous couvrent tout le processus du d\u00e9but \u00e0 la fin.<\/p>\n<p><strong>Avant de commencer :<\/strong> Vous pouvez utiliser le composant Int\u00e9grer avec l\u2019offre gratuite de Framer, et votre biblioth\u00e8que s\u2019affiche d\u00e8s que le site est publi\u00e9. Notez que les sites gratuits sont publi\u00e9s \u00e0 une adresse framer.website et comportent un petit badge &#8220;Made in Framer&#8221;. Passer \u00e0 une offre Framer payante supprime ce badge et d\u00e9bloque votre propre domaine personnalis\u00e9.<\/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-open-the-page-for-your-library\">\u00c9tape 2 : ouvrir la page de votre biblioth\u00e8que<\/h2>\n<p>Dans l\u2019\u00e9diteur Framer, acc\u00e9dez \u00e0 la page qui contiendra la biblioth\u00e8que. Si vous pr\u00e9f\u00e9rez utiliser une nouvelle page, cr\u00e9ez-en une depuis le panneau Pages et donnez-lui un nom clair comme <strong>Biblioth\u00e8que de documents<\/strong>.<\/p>\n<h2 id=\"step-3-add-an-embed-component\">\u00c9tape 3 : ajouter un composant Int\u00e9grer<\/h2>\n<p>Choisissez <strong>Ins\u00e9rer<\/strong>, saisissez <strong>Int\u00e9grer<\/strong> dans le champ de recherche, puis faites glisser le composant <strong>Int\u00e9grer<\/strong> \u00e0 l\u2019endroit 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>Gardez le composant Int\u00e9grer s\u00e9lectionn\u00e9 afin que ses param\u00e8tres apparaissent \u00e0 droite. Changez le type de <strong>URL<\/strong> \u00e0 <strong>HTML<\/strong>, puis d\u00e9posez le code de l\u2019\u00e9tape 1 dans le <strong>HTML<\/strong> .<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg\" alt=\"Collage du code d\u2019int\u00e9gration de la biblioth\u00e8que de documents dans le composant Int\u00e9grer de Framer\" 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>Cliquez sur <strong>Publier<\/strong> en haut \u00e0 droite, puis ouvrez votre site en ligne. Votre biblioth\u00e8que de documents est maintenant en place, et les visiteurs peuvent la rechercher, filtrer par cat\u00e9gorie et pr\u00e9visualiser ou t\u00e9l\u00e9charger n\u2019importe quel document.<\/p>","protected":false},"excerpt":{"rendered":"<p>Int\u00e9grez votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur n\u2019importe quelle page Framer \u00e0 l\u2019aide du composant Int\u00e9grer, puis publiez afin que les visiteurs puissent rechercher et t\u00e9l\u00e9charger des fichiers.<\/p>","protected":false},"menu_order":110,"template":"","meta":{"footnotes":""},"doc_category":[6],"class_list":["post-276","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 Framer<\/title>\n<meta name=\"description\" content=\"Embed your hosted document library on any Framer page using the Embed component, 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-framer\/\" \/>\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 Framer\" \/>\n<meta property=\"og:description\" content=\"Embed your hosted document library on any Framer page using the Embed component, then publish so visitors can search and download files.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-framer\/\" \/>\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\/framer-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-framer\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/\",\"name\":\"How to add your document library to Framer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/framer-embed-document-library.jpg\",\"datePublished\":\"2026-06-23T18:31:14+00:00\",\"dateModified\":\"2026-09-14T13:04:36+00:00\",\"description\":\"Embed your hosted document library on any Framer page using the Embed component, then publish so visitors can search and download files.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/framer-embed-document-library.jpg\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/framer-embed-document-library.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#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 Framer\"}]},{\"@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 Framer","description":"Int\u00e9grez votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur n\u2019importe quelle page Framer \u00e0 l\u2019aide du composant Int\u00e9grer, 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-framer\/","og_locale":"fr_FR","og_type":"article","og_title":"How to add your document library to Framer","og_description":"Embed your hosted document library on any Framer page using the Embed component, then publish so visitors can search and download files.","og_url":"https:\/\/documentlibrary.pro\/fr\/docs\/add-document-library-framer\/","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\/framer-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-framer\/","url":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/","name":"Comment ajouter votre biblioth\u00e8que de documents \u00e0 Framer","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#primaryimage"},"image":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#primaryimage"},"thumbnailUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg","datePublished":"2026-06-23T18:31:14+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 Framer \u00e0 l\u2019aide du composant Int\u00e9grer, puis publiez afin que les visiteurs puissent rechercher et t\u00e9l\u00e9charger des fichiers.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#primaryimage","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#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 Framer"}]},{"@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\/276","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\/276\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/276\/revisions\/369"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/media?parent=276"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc_category?post=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}