{"id":276,"date":"2026-06-23T18:31:14","date_gmt":"2026-06-23T18:31:14","guid":{"rendered":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/"},"modified":"2026-09-14T13:04:36","modified_gmt":"2026-09-14T13:04:36","slug":"add-document-library-framer","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/de\/docs\/add-document-library-framer\/","title":{"rendered":"So f\u00fcgst du deine Dokumentbibliothek zu Framer hinzu"},"content":{"rendered":"<p>Die Einbetten-Komponente von Framer ist alles, was du brauchst, um deine gehostete Dokumentbibliothek auf einer beliebigen Seite einzuf\u00fcgen. Die folgenden Schritte f\u00fchren dich von Anfang bis Ende durch den Prozess.<\/p>\n<p><strong>Bevor du beginnst:<\/strong> Du kannst die Einbetten-Komponente im kostenlosen Framer-Tarif verwenden, und deine Bibliothek erscheint, sobald die Website ver\u00f6ffentlicht ist. Beachte, dass kostenlose Websites unter einer framer.website-Adresse ver\u00f6ffentlicht werden und ein kleines &#8220;Made in Framer&#8221;-Badge tragen. Der Wechsel zu einem kostenpflichtigen Framer-Tarif entfernt dieses Badge und schaltet deine eigene benutzerdefinierte Domain frei.<\/p>\n<h2 id=\"step-1-copy-your-embed-code\">Schritt 1: Kopiere deinen Einbettungscode<\/h2>\n<p>\u00d6ffne in deinem gehosteten Dashboard <strong>Publish Library<\/strong> , um deinen Einbettungscode zu finden, und kopiere ihn dann. Die meisten Websites haben eine einzige Bibliothek, und auf der Seite Bibliothek ver\u00f6ffentlichen befindet sich ihr Einbettungscode. (Wenn du mehr als eine Bibliothek erstellt hast, kopiere stattdessen den Code f\u00fcr die gew\u00fcnschte Bibliothek aus dem <strong>Libraries<\/strong> Bildschirm.) F\u00fcge immer den exakten Code aus deinem eigenen Dashboard ein, nicht das Beispiel unten:<\/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-open-the-page-for-your-library\">Schritt 2: \u00d6ffne die Seite f\u00fcr deine Bibliothek<\/h2>\n<p>Navigiere im Framer-Editor zu der Seite, die die Bibliothek enthalten soll. Wenn du lieber eine neue Seite verwenden m\u00f6chtest, erstelle eine im Seiten-Panel und gib ihr einen eindeutigen Namen wie <strong>Dokumentenbibliothek<\/strong>.<\/p>\n<h2 id=\"step-3-add-an-embed-component\">Schritt 3: F\u00fcge eine Einbetten-Komponente hinzu<\/h2>\n<p>W\u00e4hle <strong>Einf\u00fcgen<\/strong>, gib <strong>Einbetten<\/strong> in das Suchfeld ein und ziehe die <strong>Einbetten<\/strong> Komponente an die Stelle, an der die Bibliothek sitzen soll.<\/p>\n<h2 id=\"step-4-paste-your-embed-code\">Schritt 4: F\u00fcge deinen Einbettungscode ein<\/h2>\n<p>Lass die Einbetten-Komponente ausgew\u00e4hlt, damit ihre Einstellungen rechts erscheinen. \u00c4ndere den Typ von <strong>URL<\/strong> zu <strong>HTML<\/strong>, und f\u00fcge dann den Code aus Schritt 1 in das <strong>HTML<\/strong> ein.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg\" alt=\"Einf\u00fcgen des Einbettungscodes der Dokumentbibliothek in die Framer-Einbetten-Komponente\" 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\">Schritt 5: Ver\u00f6ffentliche deine Bibliothek und sieh sie dir an<\/h2>\n<p>Dr\u00fcck <strong>Ver\u00f6ffentlichen<\/strong> oben rechts und \u00f6ffne anschlie\u00dfend deine Live-Website. Deine Dokumentbibliothek ist jetzt eingebunden, und Besucher k\u00f6nnen darin suchen, nach Kategorie filtern und jedes Dokument in der Vorschau ansehen oder herunterladen.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bette deine gehostete Dokumentbibliothek mit der Einbetten-Komponente auf jeder Framer-Seite ein und ver\u00f6ffentliche sie, damit Besucher Dateien suchen und herunterladen k\u00f6nnen.<\/p>","protected":false},"menu_order":110,"template":"","meta":{"footnotes":""},"doc_category":[6],"class_list":["post-276","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 Framer<\/title>\n<meta name=\"description\" content=\"Embed your hosted document library on any Framer page using the Embed component, 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\/de\/docs\/add-document-library-framer\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add your document library to Framer\" \/>\n<meta property=\"og:description\" content=\"Embed your hosted document library on any Framer page using the Embed component, then publish so visitors can search and download files.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/de\/docs\/add-document-library-framer\/\" \/>\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\/framer-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-framer\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/\",\"name\":\"How to add your document library to Framer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/framer-embed-document-library.jpg\",\"datePublished\":\"2026-06-23T18:31:14+00:00\",\"dateModified\":\"2026-09-14T13:04:36+00:00\",\"description\":\"Embed your hosted document library on any Framer page using the Embed component, then publish so visitors can search and download files.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#primaryimage\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/framer-embed-document-library.jpg\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/framer-embed-document-library.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-framer\\\/#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 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\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@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":"So f\u00fcgst du deine Dokumentbibliothek zu Framer hinzu","description":"Bette deine gehostete Dokumentbibliothek mit der Einbetten-Komponente auf jeder Framer-Seite ein und ver\u00f6ffentliche sie, damit Besucher Dateien suchen und herunterladen k\u00f6nnen.","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\/de\/docs\/add-document-library-framer\/","og_locale":"de_DE","og_type":"article","og_title":"How to add your document library to Framer","og_description":"Embed your hosted document library on any Framer page using the Embed component, then publish so visitors can search and download files.","og_url":"https:\/\/documentlibrary.pro\/de\/docs\/add-document-library-framer\/","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\/framer-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-framer\/","url":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/","name":"So f\u00fcgst du deine Dokumentbibliothek zu Framer hinzu","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#primaryimage"},"image":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#primaryimage"},"thumbnailUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg","datePublished":"2026-06-23T18:31:14+00:00","dateModified":"2026-09-14T13:04:36+00:00","description":"Bette deine gehostete Dokumentbibliothek mit der Einbetten-Komponente auf jeder Framer-Seite ein und ver\u00f6ffentliche sie, damit Besucher Dateien suchen und herunterladen k\u00f6nnen.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#primaryimage","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/framer-embed-document-library.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-framer\/#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 Framer"}]},{"@type":"WebSite","@id":"https:\/\/documentlibrary.pro\/#website","url":"https:\/\/documentlibrary.pro\/","name":"Document Library Pro","description":"Durchsuchbare Dokumentenbibliotheken f\u00fcr jede 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":"de-DE"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@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 ist eine gehostete Dokumentenbibliothekssoftware, mit der du durchsuchbare, filterbare Bibliotheken mit PDFs, Dokumenten und Ressourcen auf jeder Website oder Plattform ver\u00f6ffentlichen kannst."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc\/276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":1,"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc\/276\/revisions"}],"predecessor-version":[{"id":369,"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc\/276\/revisions\/369"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/media?parent=276"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc_category?post=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}