{"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\/nl\/docs\/add-document-library-webflow\/","title":{"rendered":"Je documentbibliotheek toevoegen aan Webflow"},"content":{"rendered":"<p>Een Code Embed-element is de manier om je gehoste documentbibliotheek op een Webflow-pagina te plaatsen. De stappen hieronder leiden je er van begin tot eind doorheen.<\/p>\n<p><strong>Voordat je begint:<\/strong> Code Embed is een betaalde Webflow-functie, inbegrepen bij het <strong>Basic Site-abonnement en hoger<\/strong>. Het gratis Starter-abonnement blokkeert aangepaste code, dus je hebt een betaald Site-abonnement nodig voordat je de insluiting kunt toevoegen en publiceren. Houd er rekening mee dat de bibliotheek alleen wordt weergegeven wanneer je een voorbeeld bekijkt of publiceert. Terwijl de Designer open is om te bewerken, toont Webflow een placeholder in plaats van de live bibliotheek.<\/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-create-a-page-for-your-library\">Stap 2: Een pagina voor je bibliotheek maken<\/h2>\n<p>Open in de Webflow Designer het paneel <strong>Pagina's<\/strong> en klik op de <strong>+<\/strong> om een nieuwe pagina te maken en geef deze een naam zoals <strong>Documentenbibliotheek<\/strong>. Voeg een link naar deze pagina toe aan je navigatiemenu, zodat bezoekers deze kunnen vinden.<\/p>\n<h2 id=\"step-3-add-a-code-embed-element\">Stap 3: Voeg een Code Embed-element toe<\/h2>\n<p>Klik met je nieuwe pagina geopend op het paneel <strong>+<\/strong> (Elementen toevoegen), zoek naar <strong>Insluiten<\/strong>, en sleep de <strong>Code Embed<\/strong> element naar de sectie waar de bibliotheek hoort.<\/p>\n<h2 id=\"step-4-paste-your-embed-code\">Stap 4: Plak uw insluitcode<\/h2>\n<p>De code-editor verschijnt vanzelf. Verwijder eventuele placeholdertekst, plak het fragment uit stap 1 en klik op <strong>Save &amp; Close<\/strong>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/webflow-embed-document-library.jpg\" alt=\"De insluitcode van de documentbibliotheek plakken in een Webflow Code Embed-element\" 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>Tijdens het bewerken toont Webflow een placeholder op de plek van de Code Embed. Klik op <strong>Publiceren<\/strong> rechtsboven om de site live te zetten en open daarna de pagina om je documentbibliotheek te zien, waar bezoekers kunnen zoeken, op categorie kunnen filteren en elk document kunnen bekijken of downloaden. Als je een kijkje wilt nemen voordat je live gaat, klik dan op <strong>Voorbeeld<\/strong> (het oogicoon) in de Designer.<\/p>","protected":false},"excerpt":{"rendered":"<p>Sluit je gehoste documentbibliotheek in op elke Webflow-pagina met een Code Embed-element en publiceer daarna, zodat bezoekers bestanden kunnen zoeken en downloaden.<\/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\/nl\/docs\/add-document-library-webflow\/\" \/>\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 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\/nl\/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\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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\":\"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":"Je documentbibliotheek toevoegen aan Webflow","description":"Sluit je gehoste documentbibliotheek in op elke Webflow-pagina met een Code Embed-element 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-webflow\/","og_locale":"nl_NL","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\/nl\/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":"Je documentbibliotheek toevoegen aan 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":"Sluit je gehoste documentbibliotheek in op elke Webflow-pagina met een Code Embed-element en publiceer daarna, zodat bezoekers bestanden kunnen zoeken en downloaden.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@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":"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\/275","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\/275\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/275\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/media?parent=275"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc_category?post=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}