{"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\/es\/platforms\/framer\/","title":{"rendered":"Framer"},"content":{"rendered":"<section class=\"phero\">\n  <div class=\"wrap\">\n    <span class=\"pbadge\"> Document Library Pro para Framer<\/span>\n    <h1>A\u00f1ade una biblioteca de documentos a <span class=\"hl\">Framer<\/span><\/h1>\n    <p class=\"sub\">No necesitas WordPress. Crea tu biblioteca una vez y a\u00f1ade un c\u00f3digo de inserci\u00f3n sencillo a un componente Embed de Framer para mostrar una biblioteca de documentos con b\u00fasqueda y filtros en cualquier p\u00e1gina.<\/p>\n    <div class=\"hbtns\"><a class=\"gbtn\" href=\"https:\/\/documentlibrary.app\/pricing\/\">Comenzar &rarr;<\/a><a class=\"ghost\" onclick=\"openDemo()\" style=\"cursor:pointer\">Demo en vivo<\/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\">\u00bfPor qu\u00e9 a\u00f1adir una biblioteca de documentos a tu sitio?<\/p>\n    <h2 class=\"sec-h2\">Ofrece a los visitantes los documentos que buscan<\/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>Proyectos &amp; portfolios<\/h3><p>Muestra tu trabajo, servicios y precios en detalle descargable.<\/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>Gu\u00edas &amp; manuales<\/h3><p>Gu\u00edas pr\u00e1cticas e instrucciones que tus visitantes pueden llevarse.<\/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>Informes &amp; pol\u00edticas<\/h3><p>Informes anuales, pol\u00edticas y documentos oficiales en un solo lugar.<\/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>Formularios &amp; tarifas<\/h3><p>Formularios de registro, listas de precios y recursos para descargar.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"how\">\n  <div class=\"wrap\">\n    <p class=\"eyebrow\">C\u00f3mo funciona<\/p>\n    <h2 class=\"sec-h2\">Una biblioteca de documentos en Framer, <span class=\"hl\">en tres pasos<\/span><\/h2>\n    <p class=\"sec-lead\">Crea tu biblioteca en el panel alojado y a\u00f1ade el c\u00f3digo de inserci\u00f3n a un componente Embed de Framer.<\/p>\n    <div class=\"steps\">\n      <div class=\"step\"><div class=\"num\">1<\/div><h3>Crea tu biblioteca<\/h3><p>Crea tu biblioteca en el panel alojado. Sube tus documentos y organ\u00edzalos en categor\u00edas.<\/p><\/div>\n      <div class=\"step\"><div class=\"num\">2<\/div><h3>Copia tu c\u00f3digo de inserci\u00f3n<\/h3><p>Copia el c\u00f3digo de inserci\u00f3n que aparece junto a tu biblioteca en el panel.<\/p><\/div>\n      <div class=\"step\"><div class=\"num\">3<\/div><h3>A\u00f1\u00e1delo a tu sitio<\/h3><p>A\u00f1ade un componente Embed a una p\u00e1gina de Framer, c\u00e1mbialo a HTML, pega el c\u00f3digo y publica. Nuestra <a href=\"https:\/\/documentlibrary.pro\/es\/docs\/add-document-library-framer\/\">gu\u00eda paso a paso<\/a> te lo explica.<\/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\">C\u00f3mo se a\u00f1ade<\/p>\n    <h2 class=\"sec-h2\">Pegar el c\u00f3digo de inserci\u00f3n en <span class=\"hl\">Framer<\/span><\/h2>\n    <p class=\"sec-lead\">Arrastra un componente Embed a tu p\u00e1gina, c\u00e1mbialo a HTML y pega tu c\u00f3digo de inserci\u00f3n.<\/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>Ayuda a tus visitantes a encontrar cualquier documento<\/h2>\n    <p>Comparte folletos, gu\u00edas e informes en una biblioteca con b\u00fasqueda que tus visitantes pueden explorar y descargar.<\/p>\n    <a class=\"cta-btn\" href=\"\/es\/pricing\/\">Ver precios<\/a>\n    <a class=\"cta-btn\" href=\"https:\/\/documentlibrary.pro\/es\/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\">Instrucciones completas<\/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=\"Cerrar\" onclick=\"closeDemo()\">&times;<\/button>\n    <div class=\"deye\">Demo en vivo<\/div>\n    <h3>V\u00e9lo en acci\u00f3n<\/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>Demo del front-end<\/strong><span>What your visitors see &#8211; a live, searchable, filterable library.<\/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>Demo de administraci\u00f3n<\/strong><span>Donde a\u00f1ades y gestionas tus documentos.<\/span>\n      <\/a>\n    <\/div>\n    <p class=\"dnote\">The admin demo shows the WordPress plugin. The hosted version works the same way behind the scenes &#8211; just with its own 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\/es\/platforms\/framer\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/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\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/platforms\\\/framer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@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\":\"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":"Biblioteca de documentos para Framer - Document Library Pro","description":"A\u00f1ade una biblioteca de documentos con buscador en Framer usando un sencillo c\u00f3digo de inserci\u00f3n. Convierte archivos, PDF y recursos en una biblioteca con filtros.","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\/platforms\/framer\/","og_locale":"es_ES","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\/es\/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":"Biblioteca de documentos para Framer - 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":"A\u00f1ade una biblioteca de documentos con buscador en Framer usando un sencillo c\u00f3digo de inserci\u00f3n. Convierte archivos, PDF y recursos en una biblioteca con filtros.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/platforms\/framer\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/platforms\/framer\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@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":"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\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":6,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":467,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/pages\/34\/revisions\/467"}],"up":[{"embeddable":true,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/pages\/27"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}