{"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-06-24T09:40:52","modified_gmt":"2026-06-24T09:40:52","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>Framer&#8217;s Embed component is all you need to drop your hosted document library onto any page. The steps below cover the whole process from start to finish.<\/p>\n<p><strong>Before you begin:<\/strong> You can use the Embed component on Framer&#8217;s free plan, and your library shows up as soon as the site is published. Note that free sites publish to a framer.website address and carry a small &#8220;Made in Framer&#8221; badge. Moving to a paid Framer plan clears that badge and unlocks your own custom domain.<\/p>\n<h2 id=\"step-1-copy-your-embed-code\">Step 1: Copy your embed code<\/h2>\n<p>In your hosted dashboard, open <strong>Publier la biblioth\u00e8que<\/strong> to find your embed code, then copy it. Most sites have a single library, and the Publish Library page is where its embed code lives. (If you have built more than one library, copy the code for the one you want from the <strong>Libraries<\/strong> screen instead.) Always paste the exact code from your own dashboard, not the sample below:<\/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\">Step 2: Open the page for your library<\/h2>\n<p>Inside the Framer editor, navigate to the page that will hold the library. If you would rather use a fresh page, create one from the Pages panel and give it a clear name like <strong>Document Library<\/strong>.<\/p>\n<h2 id=\"step-3-add-an-embed-component\">Step 3: Add an Embed component<\/h2>\n<p>Choose <strong>Insert<\/strong>, type <strong>Embed<\/strong> into the search box, and drag the <strong>Embed<\/strong> component onto the spot where the library should sit.<\/p>\n<h2 id=\"step-4-paste-your-embed-code\">Step 4: Paste your embed code<\/h2>\n<p>Keep the Embed component selected so its settings appear on the right. Change the type from <strong>URL<\/strong> to <strong>HTML<\/strong>, then drop the code from Step 1 into the <strong>HTML<\/strong> field.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg\" alt=\"Pasting the document library embed code into the Framer Embed component\" 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\">Step 5: Publish and view your library<\/h2>\n<p>Hit <strong>Publish<\/strong> at the top right and then open your live site. Your document library is now in place, and visitors can search it, filter by category, and preview or download any document.<\/p>","protected":false},"excerpt":{"rendered":"<p>Embed your hosted document library on any Framer page using the Embed component, then publish so visitors can search and download files.<\/p>","protected":false},"menu_order":0,"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 v27.8 - 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-06-24T09:40:52+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-06-24T09:40:52+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":"Embed your hosted document library on any Framer page using the Embed component, then publish so visitors can search and download files.","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-06-24T09:40:52+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-06-24T09:40:52+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":"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}]}}