{"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\/nl\/docs\/add-document-library-framer\/","title":{"rendered":"Hoe voeg je je documentbibliotheek toe aan Framer"},"content":{"rendered":"<p>De Embed-component van Framer is alles wat je nodig hebt om je gehoste documentbibliotheek op een pagina te plaatsen. De stappen hieronder behandelen het hele proces van begin tot eind.<\/p>\n<p><strong>Voordat je begint:<\/strong> Je kunt de Embed-component gebruiken met het gratis abonnement van Framer, en je bibliotheek verschijnt zodra de site is gepubliceerd. Let op: gratis sites worden gepubliceerd op een framer.website-adres en hebben een kleine badge &#8220;Made in Framer&#8221;. Met een betaald Framer-abonnement verdwijnt die badge en kun je je eigen aangepaste domein gebruiken.<\/p>\n<h2 id=\"step-1-copy-your-embed-code\">Stap 1: Kopieer je insluitcode<\/h2>\n<p>Open in uw gehoste dashboard <strong>Bibliotheek publiceren<\/strong> om uw insluitcode te vinden en deze te kopi\u00ebren. De meeste sites hebben een enkele bibliotheek, en de pagina Publiceren bibliotheek is waar de insluitcode zich bevindt. (Als u meer dan \u00e9\u00e9n bibliotheek hebt gebouwd, kopieert u de code voor degene die u wilt uit <strong>Bibliotheken<\/strong> scherm in plaats daarvan.) Plak altijd de exacte code van uw eigen dashboard, niet het onderstaande voorbeeld:<\/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\">Stap 2: Open de pagina voor je bibliotheek<\/h2>\n<p>Ga in de Framer-editor naar de pagina waarop de bibliotheek moet komen. Als je liever een nieuwe pagina gebruikt, maak er dan een aan vanuit het paneel Pages en geef deze een duidelijke naam zoals <strong>Documentenbibliotheek<\/strong>.<\/p>\n<h2 id=\"step-3-add-an-embed-component\">Stap 3: Voeg een Embed-component toe<\/h2>\n<p>Kies <strong>Invoegen<\/strong>, typ <strong>Insluiten<\/strong> in het zoekvak en sleep de <strong>Insluiten<\/strong> component naar de plek waar de bibliotheek moet staan.<\/p>\n<h2 id=\"step-4-paste-your-embed-code\">Stap 4: Plak uw insluitcode<\/h2>\n<p>Houd de Embed-component geselecteerd, zodat de instellingen rechts verschijnen. Wijzig het type van <strong>URL<\/strong> naar <strong>HTML<\/strong>, en plak daarna de code uit stap 1 in het <strong>HTML<\/strong> .<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg\" alt=\"De insluitcode van de documentbibliotheek plakken in de 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\">Stap 5: Publiceer en bekijk je bibliotheek<\/h2>\n<p>Klik op <strong>Publiceren<\/strong> rechtsboven en open daarna je live site. Je documentbibliotheek staat nu op zijn plek, en bezoekers kunnen zoeken, op categorie filteren en elk document bekijken of downloaden.<\/p>","protected":false},"excerpt":{"rendered":"<p>Sluit je gehoste documentbibliotheek in op elke Framer-pagina met de Embed-component en publiceer daarna, zodat bezoekers bestanden kunnen zoeken en downloaden.<\/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\/nl\/docs\/add-document-library-framer\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\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\/nl\/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\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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":"Hoe voeg je je documentbibliotheek toe aan Framer","description":"Sluit je gehoste documentbibliotheek in op elke Framer-pagina met de Embed-component en publiceer daarna, zodat bezoekers bestanden kunnen zoeken en downloaden.","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\/nl\/docs\/add-document-library-framer\/","og_locale":"nl_NL","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\/nl\/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":"Hoe voeg je je documentbibliotheek toe aan 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":"Sluit je gehoste documentbibliotheek in op elke Framer-pagina met de Embed-component en publiceer daarna, zodat bezoekers bestanden kunnen zoeken en downloaden.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@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":"Zoekbare documentbibliotheken voor elke 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":"nl-NL"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@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 gehoste documentbibliotheeksoftware waarmee u doorzoekbare, filterbare bibliotheken met PDF's, documenten en bronnen op elke website of platform kunt publiceren."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":1,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/276\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/276\/revisions\/369"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/media?parent=276"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc_category?post=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}