{"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\/es\/docs\/add-document-library-webflow\/","title":{"rendered":"C\u00f3mo a\u00f1adir tu biblioteca de documentos a Webflow"},"content":{"rendered":"<p>Un elemento Code Embed es la v\u00eda para colocar tu biblioteca de documentos alojada en cualquier p\u00e1gina de Webflow. Los pasos siguientes te llevan por todo el proceso.<\/p>\n<p><strong>Antes de comenzar:<\/strong> Code Embed es una funci\u00f3n de pago de Webflow, incluida con el <strong>plan Basic Site y superiores<\/strong>. El plan gratuito Starter bloquea el c\u00f3digo personalizado, por lo que necesitas un plan Site de pago antes de poder a\u00f1adir y publicar la incrustaci\u00f3n. Ten en cuenta que la biblioteca solo se renderiza cuando previsualizas o publicas. Mientras el Designer est\u00e1 abierto para editar, Webflow muestra un marcador de posici\u00f3n en lugar de la biblioteca en vivo.<\/p>\n<h2 id=\"step-1-copy-your-embed-code\">Paso 1: Copia tu c\u00f3digo de inserci\u00f3n<\/h2>\n<p>En tu panel alojado, abre <strong>Publicar biblioteca<\/strong> para encontrar tu 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 has creado m\u00e1s de una biblioteca, copia el c\u00f3digo de la que quieras desde la pantalla <strong>Libraries<\/strong> en su lugar.) Pega siempre el c\u00f3digo exacto de tu 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: Crea una p\u00e1gina para tu biblioteca<\/h2>\n<p>En el Designer de Webflow, abre el <strong>Pages<\/strong> panel y haz clic en el <strong>+<\/strong> para crear una p\u00e1gina nueva, con un nombre como <strong>biblioteca de documentos<\/strong>. Para que los visitantes puedan encontrarla, a\u00f1ade un enlace a esta p\u00e1gina en tu men\u00fa de navegaci\u00f3n.<\/p>\n<h2 id=\"step-3-add-a-code-embed-element\">Paso 3: A\u00f1ade un elemento Code Embed<\/h2>\n<p>Con tu nueva p\u00e1gina abierta, haz clic en el <strong>+<\/strong> panel (A\u00f1adir elementos), busca <strong>Insertar<\/strong>, y arrastra el <strong>Inserci\u00f3n de c\u00f3digo<\/strong> elemento a la secci\u00f3n donde debe ir la biblioteca.<\/p>\n<h2 id=\"step-4-paste-your-embed-code\">Paso 4: Pega tu c\u00f3digo de inserci\u00f3n<\/h2>\n<p>El editor de c\u00f3digo aparece por separado. Borra cualquier texto de marcador de posici\u00f3n, pega el fragmento del paso 1 y haz clic en <strong>Guardar y cerrar<\/strong>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/webflow-embed-document-library.jpg\" alt=\"Pegando el c\u00f3digo de incrustaci\u00f3n de la biblioteca de documentos en un elemento Code Embed de Webflow\" 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\">Paso 5: Publica y ve tu biblioteca<\/h2>\n<p>Durante la edici\u00f3n, Webflow muestra un marcador de posici\u00f3n donde est\u00e1 el Code Embed. Para publicar el sitio, haz clic en <strong>Publicar<\/strong> en la parte superior derecha y abre la p\u00e1gina para ver tu biblioteca de documentos, donde los visitantes pueden buscar, filtrar por categor\u00eda y previsualizar o descargar cada documento. Si quieres echar un vistazo antes de publicarlo, haz clic en <strong>Vista previa<\/strong> (el icono del ojo) en el Designer.<\/p>","protected":false},"excerpt":{"rendered":"<p>Incrusta tu biblioteca de documentos alojada en cualquier p\u00e1gina de Webflow usando un elemento Code Embed y publica para que los visitantes puedan buscar y descargar archivos.<\/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\/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-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\":\"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":"C\u00f3mo a\u00f1adir tu biblioteca de documentos a Webflow","description":"Incrusta tu biblioteca de documentos alojada en cualquier p\u00e1gina de Webflow usando un elemento Code Embed y publica para que los visitantes puedan buscar y descargar archivos.","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-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":"C\u00f3mo a\u00f1adir tu biblioteca de documentos a 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":"Incrusta tu biblioteca de documentos alojada en cualquier p\u00e1gina de Webflow usando un elemento Code Embed y publica para que los visitantes puedan buscar y descargar archivos.","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}]}}