{"id":34,"date":"2026-06-14T10:47:24","date_gmt":"2026-06-14T10:47:24","guid":{"rendered":"https:\/\/documentlibrary.pro\/platforms\/framer\/"},"modified":"2026-06-29T12:58:29","modified_gmt":"2026-06-29T12:58:29","slug":"framer","status":"publish","type":"page","link":"https:\/\/documentlibrary.pro\/nl\/platforms\/framer\/","title":{"rendered":"Framer"},"content":{"rendered":"<section class=\"phero\">\n  <div class=\"wrap\">\n    <span class=\"pbadge\"> Documentenbibliotheek Pro voor Framer<\/span>\n    <h1>Voeg een documentbibliotheek toe aan <span class=\"hl\">Framer<\/span><\/h1>\n    <p class=\"sub\">Geen WordPress nodig. Bouw je bibliotheek \u00e9\u00e9n keer op, voeg vervolgens een eenvoudige embedcode toe aan een Framer Embed-component om een doorzoekbare, filterbare documentbibliotheek weer te geven op elke pagina.<\/p>\n    <div class=\"hbtns\"><a class=\"gbtn\" href=\"https:\/\/documentlibrary.app\/pricing\/\">Aan de slag &rarr;<\/a><a class=\"ghost\" onclick=\"openDemo()\" style=\"cursor:pointer\">Live demo<\/a><\/div>\n  <\/div>\n<\/section>\n\n<section style=\"padding:74px 0 26px;text-align:center;\">\n  <div class=\"wrap\">\n    <p class=\"eyebrow\">Waarom documentbibliotheek toevoegen aan uw site?<\/p>\n    <h2 class=\"sec-h2\">Geef bezoekers de documenten die ze zoeken<\/h2>\n    <p class=\"sec-lead\">Whatever your Framer site is for, visitors often need more than a web page. Put the documents they came for one click away &#8211; searchable, on-brand, and easy to download.<\/p>\n    <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;max-width:1040px;margin:48px auto 0;text-align:left;\">\n      <div class=\"step\"><div style=\"width:42px;height:42px;border-radius:11px;background:rgba(15,118,110,.1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;\"><svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#0f766e\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 3v5h5\"\/><\/svg><\/div><h3>Projecten &amp; portfolio's<\/h3><p>Plaats uw werk, diensten en prijzen in downloadbare details.<\/p><\/div>\n      <div class=\"step\"><div style=\"width:42px;height:42px;border-radius:11px;background:rgba(15,118,110,.1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;\"><svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#0f766e\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg><\/div><h3>Gidsen &amp; handleidingen<\/h3><p>Handleidingen en instructies die uw bezoekers kunnen meenemen.<\/p><\/div>\n      <div class=\"step\"><div style=\"width:42px;height:42px;border-radius:11px;background:rgba(15,118,110,.1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;\"><svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#0f766e\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h3M3 15h3M9 21v-3M15 21v-3\"\/><\/svg><\/div><h3>Rapporten &amp; beleid<\/h3><p>Jaarverslagen, beleidsstukken en offici\u00eble documenten op \u00e9\u00e9n plek.<\/p><\/div>\n      <div class=\"step\"><div style=\"width:42px;height:42px;border-radius:11px;background:rgba(15,118,110,.1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;\"><svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"#0f766e\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div><h3>Formulieren &amp; prijslijsten<\/h3><p>Registratieformulieren, prijslijsten en bronnen om te downloaden.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"how\">\n  <div class=\"wrap\">\n    <p class=\"eyebrow\">Hoe het werkt<\/p>\n    <h2 class=\"sec-h2\">Een documentbibliotheek op Framer, <span class=\"hl\">in drie stappen<\/span><\/h2>\n    <p class=\"sec-lead\">Stel je bibliotheek samen in het gehoste dashboard en voeg vervolgens de insluitcode toe aan een Framer Embed-component.<\/p>\n    <div class=\"steps\">\n      <div class=\"step\"><div class=\"num\">1<\/div><h3>Bouw uw bibliotheek<\/h3><p>Maak je bibliotheek in het gehoste dashboard. Upload je documenten en sorteer ze in categorie\u00ebn.<\/p><\/div>\n      <div class=\"step\"><div class=\"num\">2<\/div><h3>Kopieer je insluitcode<\/h3><p>Kopieer de insluitcode die naast je bibliotheek in het dashboard wordt weergegeven.<\/p><\/div>\n      <div class=\"step\"><div class=\"num\">3<\/div><h3>Voeg toe aan uw site<\/h3><p>Voeg een Embed toe aan Framer, zet op HTML, plak de insluitcode en publiceer. Onze <a href=\"https:\/\/documentlibrary.pro\/nl\/docs\/add-document-library-framer\/\">stapsgewijze handleiding<\/a> helpt je erbij.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section style=\"padding:30px 0 10px;text-align:center;\">\n  <div class=\"wrap\">\n    <p class=\"eyebrow\">Hoe u het toevoegt<\/p>\n    <h2 class=\"sec-h2\">De insluitcode plakken in <span class=\"hl\">Framer<\/span><\/h2>\n    <p class=\"sec-lead\">Sleep een Embed-component naar je pagina, schakel over naar HTML en plak je insluitcode.<\/p>\n    <div style=\"max-width:1040px;margin:38px auto 0;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;\">\n      <img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/fr-backend.jpg\" alt=\"Pasting the Document Library Pro embed code into Framer's Embed component\" style=\"width:100%;display:block;border:0;\" \/>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"cta\">\n  <div class=\"cta-box\">\n    <h2>Help bezoekers elk document te vinden<\/h2>\n    <p>Deel brochures, gidsen en rapporten in \u00e9\u00e9n doorzoekbare bibliotheek waar uw bezoekers doorheen kunnen bladeren en die ze kunnen downloaden.<\/p>\n    <a class=\"cta-btn\" href=\"\/nl\/pricing\/\">Prijzen bekijken<\/a>\n    <a class=\"cta-btn\" href=\"https:\/\/documentlibrary.pro\/nl\/docs\/add-document-library-framer\/\" style=\"background:transparent;color:#fff;box-shadow:none;border:1.5px solid rgba(255,255,255,.55);margin-left:14px\">Volledige instructies<\/a>\n  <\/div>\n<\/section>\n\n<div class=\"dmodal\" id=\"dmodal\" onclick=\"if(event.target===this)closeDemo()\">\n  <div class=\"dmodal-card\">\n    <button class=\"dmodal-x\" aria-label=\"Sluiten\" onclick=\"closeDemo()\">&times;<\/button>\n    <div class=\"deye\">Live demo<\/div>\n    <h3>Zie het in actie<\/h3>\n    <div class=\"dopts\">\n      <a class=\"dopt\" href=\"https:\/\/documentlibrary.barn2.com\/\" target=\"_blank\">\n        <span class=\"di\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#0f766e\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.5\" y2=\"16.5\"\/><\/svg><\/span>\n        <strong>Front-end-demo<\/strong><span>Wat uw bezoekers zien - een live, doorzoekbare en filterbare bibliotheek.<\/span>\n      <\/a>\n      <a class=\"dopt\" href=\"https:\/\/barn2.com\/dlp-admin-demo\" target=\"_blank\">\n        <span class=\"di\"><svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"#0f766e\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><\/svg><\/span>\n        <strong>Beheerdersdemo<\/strong><span>Hier kunt u uw documenten toevoegen en beheren.<\/span>\n      <\/a>\n    <\/div>\n    <p class=\"dnote\">De admin demo toont de WordPress plugin. De gehoste versie werkt op dezelfde manier achter de schermen - alleen met zijn eigen dashboard.<\/p>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Document Library Pro for Framer Add a document library to Framer No WordPress needed. Build your library once, then add a simple embed code to a Framer Embed component to display a searchable, filterable document library on any page. Get Started &rarr;Live Demo Why add a document library to your site? Give visitors the documents [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":27,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Framer Document Library - Document Library Pro<\/title>\n<meta name=\"description\" content=\"Add a searchable Framer document library with simple embed code. Turn files, PDFs and resources into a filterable library on your Framer site.\" \/>\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\/platforms\/framer\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Framer Document Library - Document Library Pro\" \/>\n<meta property=\"og:description\" content=\"Add a searchable Framer document library with simple embed code. Turn files, PDFs and resources into a filterable library on your Framer site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/nl\/platforms\/framer\/\" \/>\n<meta property=\"og:site_name\" content=\"Document Library Pro\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-29T12:58:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/fr-backend.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\\\/platforms\\\/framer\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/platforms\\\/framer\\\/\",\"name\":\"Framer Document Library - Document Library Pro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/platforms\\\/framer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/platforms\\\/framer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/fr-backend.jpg\",\"datePublished\":\"2026-06-14T10:47:24+00:00\",\"dateModified\":\"2026-06-29T12:58:29+00:00\",\"description\":\"Add a searchable Framer document library with simple embed code. Turn files, PDFs and resources into a filterable library on your Framer site.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/platforms\\\/framer\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/platforms\\\/framer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/platforms\\\/framer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/fr-backend.jpg\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/fr-backend.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/platforms\\\/framer\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Platforms\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/platforms\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"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":"Framer documentenbibliotheek - Document Library Pro","description":"Voeg met eenvoudige embedcode een doorzoekbare documentenbibliotheek toe aan Framer. Zet bestanden, PDF's en bronnen om in een filterbare bibliotheek op je site.","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\/platforms\/framer\/","og_locale":"nl_NL","og_type":"article","og_title":"Framer Document Library - Document Library Pro","og_description":"Add a searchable Framer document library with simple embed code. Turn files, PDFs and resources into a filterable library on your Framer site.","og_url":"https:\/\/documentlibrary.pro\/nl\/platforms\/framer\/","og_site_name":"Document Library Pro","article_modified_time":"2026-06-29T12:58:29+00:00","og_image":[{"url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/fr-backend.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\/platforms\/framer\/","url":"https:\/\/documentlibrary.pro\/platforms\/framer\/","name":"Framer documentenbibliotheek - Document Library Pro","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documentlibrary.pro\/platforms\/framer\/#primaryimage"},"image":{"@id":"https:\/\/documentlibrary.pro\/platforms\/framer\/#primaryimage"},"thumbnailUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/fr-backend.jpg","datePublished":"2026-06-14T10:47:24+00:00","dateModified":"2026-06-29T12:58:29+00:00","description":"Voeg met eenvoudige embedcode een doorzoekbare documentenbibliotheek toe aan Framer. Zet bestanden, PDF's en bronnen om in een filterbare bibliotheek op je site.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/platforms\/framer\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/platforms\/framer\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/documentlibrary.pro\/platforms\/framer\/#primaryimage","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/fr-backend.jpg","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/fr-backend.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/platforms\/framer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/documentlibrary.pro\/"},{"@type":"ListItem","position":2,"name":"Platforms","item":"https:\/\/documentlibrary.pro\/platforms\/"},{"@type":"ListItem","position":3,"name":"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\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":6,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":467,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/pages\/34\/revisions\/467"}],"up":[{"embeddable":true,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/pages\/27"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}