{"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-06-24T09:40:49","modified_gmt":"2026-06-24T09:40:49","slug":"add-document-library-webflow","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/es\/docs\/add-document-library-webflow\/","title":{"rendered":"How to add your document library to Webflow"},"content":{"rendered":"<p>A Code Embed element is the route to placing your hosted document library on any Webflow page. The steps below take you through it end to end.<\/p>\n<p><strong>Antes de comenzar:<\/strong> Code Embed is a paid Webflow feature, included with the <strong>Basic Site plan and higher<\/strong>. The free Starter plan blocks custom code, so a paid Site plan is required before you can add and publish the embed. Keep in mind that the library renders only when you preview or publish. While the Designer is open for editing, Webflow shows a placeholder rather than the live library.<\/p>\n<h2 id=\"step-1-copy-your-embed-code\">Paso 1: Copie su c\u00f3digo de inserci\u00f3n<\/h2>\n<p>En su panel alojado, abra <strong>Publicar biblioteca<\/strong> para encontrar su c\u00f3digo de inserci\u00f3n y copiarlo. La mayor\u00eda de los sitios tienen una sola biblioteca, y la p\u00e1gina Publicar biblioteca es donde vive su c\u00f3digo de inserci\u00f3n. (Si ha creado m\u00e1s de una biblioteca, copie el c\u00f3digo de la que desee desde la pantalla <strong>Libraries<\/strong> en su lugar.) Pegue siempre el c\u00f3digo exacto de su propio panel, no el ejemplo a continuaci\u00f3n:<\/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\">Paso 2: Cree una p\u00e1gina para su biblioteca<\/h2>\n<p>In the Webflow Designer, open the <strong>Pages<\/strong> panel and click the <strong>+<\/strong> to create a new page, naming it something like <strong>biblioteca de documentos<\/strong>. So that visitors can find it, add a link to this page in your navigation menu.<\/p>\n<h2 id=\"step-3-add-a-code-embed-element\">Step 3: Add a Code Embed element<\/h2>\n<p>With your new page open, click the <strong>+<\/strong> (Add elements) panel, search for <strong>Insertar<\/strong>, and drag the <strong>Code Embed<\/strong> element onto the section where the library belongs.<\/p>\n<h2 id=\"step-4-paste-your-embed-code\">Paso 4: Pega tu c\u00f3digo de inserci\u00f3n<\/h2>\n<p>The code editor appears on its own. Clear out any placeholder text, paste in the snippet from Step 1, and click <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=\"Pasting the document library embed code into a 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\">Step 5: Publish and view your library<\/h2>\n<p>During editing, Webflow displays a placeholder where the Code Embed sits. To push the site live, click <strong>Publicar<\/strong> at the top right, then open the page to see your document library, where visitors can search, filter by category, and preview or download each document. If you want a look before going live, click <strong>Vista previa<\/strong> (the eye icon) in the Designer.<\/p>","protected":false},"excerpt":{"rendered":"<p>Embed your hosted document library on any Webflow page using a Code Embed element, then publish so visitors can search and download files.<\/p>","protected":false},"menu_order":0,"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 v27.8 - 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\/es\/docs\/add-document-library-webflow\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/docs\/add-document-library-webflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Document Library Pro\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-24T09:40:49+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-06-24T09:40:49+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\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-webflow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@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\":\"es-ES\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@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":"How to add your document library to Webflow","description":"Embed your hosted document library on any Webflow page using a Code Embed element, 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\/es\/docs\/add-document-library-webflow\/","og_locale":"es_ES","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\/es\/docs\/add-document-library-webflow\/","og_site_name":"Document Library Pro","article_modified_time":"2026-06-24T09:40:49+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":"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-06-24T09:40:49+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":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-webflow\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@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":"Bibliotecas de documentos con b\u00fasqueda para cualquier sitio 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":"es-ES"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"es-ES","@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 es un software de biblioteca de documentos alojada que le permite publicar bibliotecas con b\u00fasqueda y filtros de PDF, documentos y recursos en cualquier sitio web o plataforma."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/doc\/275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":1,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/doc\/275\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/doc\/275\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/media?parent=275"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/doc_category?post=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}