{"id":806,"date":"2026-08-17T16:36:01","date_gmt":"2026-08-17T16:36:01","guid":{"rendered":"https:\/\/documentlibrary.pro\/?post_type=doc&p=806"},"modified":"2026-09-14T13:04:36","modified_gmt":"2026-09-14T13:04:36","slug":"add-document-library-hubspot","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/de\/docs\/add-document-library-hubspot\/","title":{"rendered":"F\u00fcge deine Dokumentenbibliothek zu HubSpot hinzu"},"content":{"rendered":"

Mit dem integrierten Rich-Text-Modul von HubSpot kannst du deine gehostete Dokumentenbibliothek auf jeder HubSpot-Seite platzieren. Die folgenden Schritte decken den gesamten Prozess ab.<\/p>\n

Bevor du beginnst:<\/strong> Das funktioniert mit jedem HubSpot-Tarif, auch mit dem kostenlosen. Du brauchst kein kostenpflichtiges Upgrade und kein eigenes Modul. HubSpot f\u00fcgt die Dokumentenbibliothek mit einer schmalen festen Breite ein. Deshalb gibt es sp\u00e4ter im Artikel einen zus\u00e4tzlichen Schritt, um sie breiter zu machen. Der HubSpot-Editor zeigt au\u00dferdem nicht immer das fertige Ergebnis an. Pr\u00fcfe daher die ver\u00f6ffentlichte Seite.<\/p>\n

Einbettungscode kopieren<\/h2>\n

\u00d6ffne in deinem gehosteten Document Library Pro-Dashboard Publish Library<\/strong> und kopiere den Einbettungscode f\u00fcr deine Dokumentenbibliothek. Wenn du mehr als eine Dokumentenbibliothek erstellt hast, \u00f6ffne den Libraries<\/strong> Bildschirm und kopiere den Code f\u00fcr die bestimmte Dokumentenbibliothek, die du zu HubSpot hinzuf\u00fcgen m\u00f6chtest.<\/p>\n

Verwende deinen eigenen Einbettungscode, nicht dieses Beispiel:<\/p>\n

<iframe src=\"https:\/\/your-library.documentlibrary.app\/?dlp_embed=1\" title=\"Document library\" style=\"display:block;width:100%;border:0;height:600px;\" loading=\"lazy\"><\/iframe>\n<script src=\"https:\/\/your-library.documentlibrary.app\/?dlp_embed_resize=1\" async><\/script><\/pre>\n
Kostenlose und Starter-Tarife von HubSpot<\/h2>\n
Mit den kostenlosen und Starter-Tarifen von HubSpot kannst du keine eigenen Module erstellen. Deshalb verwende das integrierte Rich-Text<\/strong> Modul. Es gibt zwei M\u00f6glichkeiten, und beide funktionieren gleich.<\/p>\n
Methode 1: Einbettung einf\u00fcgen<\/h3>\n
    \n
  1. \u00d6ffne die HubSpot-Seite, auf der du die Dokumentenbibliothek anzeigen m\u00f6chtest.<\/li>\n
  2. Zieh ein Rich-Text<\/strong> Modul auf die Seite oder klicke auf ein Rich-Text<\/strong> Modul, das bereits vorhanden ist.<\/li>\n
  3. Klicken Einf\u00fcgen<\/strong> in der Symbolleiste.<\/li>\n
  4. W\u00e4hle Einbetten<\/strong>.<\/li>\n
  5. F\u00fcge deinen Document Library Pro-Einbettungscode ein.<\/li>\n
  6. Klicken Einf\u00fcgen<\/strong>.<\/li>\n<\/ol>\n
    \"Das<\/p>\n
    Im kostenlosen Tarif gibt es kein separates Einbetten<\/strong> Modul in der Modulliste. Rich-Text<\/strong> ist der Weg.<\/p>\n
    Methode 2: In den Quellcode einf\u00fcgen<\/h3>\n
      \n
    1. \u00d6ffne die HubSpot-Seite, auf der du die Dokumentenbibliothek anzeigen m\u00f6chtest.<\/li>\n
    2. Zieh ein Rich-Text<\/strong> Modul auf die Seite oder klicke auf ein Rich-Text<\/strong> Modul, das bereits vorhanden ist.<\/li>\n
    3. Klicken Erweitert<\/strong>.<\/li>\n
    4. W\u00e4hle Quellcode<\/strong>.<\/li>\n
    5. F\u00fcge deinen Document Library Pro-Einbettungscode ein.<\/li>\n
    6. Klicken \u00c4nderungen speichern<\/strong>.<\/li>\n<\/ol>\n
      Diese Methode passt, wenn du mit HTML vertraut bist. Hier gehst du sp\u00e4ter auch hin, wenn du die Breite der Dokumentenbibliothek \u00e4ndern musst.<\/p>\n
      HubSpot Professional- und Enterprise-Tarife<\/h2>\n
      Beide Methoden oben funktionieren auch mit HubSpot Professional- und Enterprise-Tarifen, und sie sind der schnellste Weg. Diese Tarife schalten au\u00dferdem den Design Manager frei, sodass ein Entwickler den Einbettungscode in ein eigenes Modul packen kann, wenn dein Team ihn auf vielen Seiten wiederverwenden m\u00f6chte. Das ist optional und erfordert jemanden, der mit HubSpot-Templates vertraut ist.<\/p>\n
      Die Dokumentenbibliothek auf die richtige Breite bringen<\/h2>\n
      Wenn du die Dokumentenbibliothek einf\u00fcgst, sch\u00e4tzt HubSpot, wie breit sie sein sollte. HubSpot w\u00e4hlt etwas Schmales, normalerweise 317 Pixel. Dadurch wirkt die Dokumentenbibliothek in eine d\u00fcnne Spalte gequetscht.<\/p>\n
      HubSpot hat eine Volle Breite<\/strong> Schaltfl\u00e4che, die das normalerweise beheben w\u00fcrde. F\u00fcr die Dokumentenbibliothek funktioniert sie nicht, weil die Dokumentenbibliothek ein kleines Script enth\u00e4lt. HubSpot graut die Schaltfl\u00e4che aus.<\/p>\n
      Dieselbe ausgegraute Schaltfl\u00e4che sperrt auch die Felder f\u00fcr Breite und H\u00f6he. Du kannst dort ebenfalls keine Breite eingeben.<\/p>\n
      Der einzige Weg, die Breite festzulegen, ist daher der Quellcode:<\/p>\n
        \n
      1. Klicke auf das Rich-Text<\/strong> Modul, das deine Dokumentenbibliothek enth\u00e4lt.<\/li>\n
      2. Klicken Erweitert<\/strong>.<\/li>\n
      3. W\u00e4hle Quellcode<\/strong>.<\/li>\n
      4. Suche max-width: 317px<\/strong>.<\/li>\n
      5. \u00c4ndere 317 in die gew\u00fcnschte Breite in Pixeln. 1100 ist f\u00fcr die meisten Seiten ein sinnvoller Ausgangspunkt.<\/li>\n
      6. Klicken \u00c4nderungen speichern<\/strong>.<\/li>\n<\/ol>\n
        \"Ein<\/p>\n
        Die Dokumentenbibliothek wird auf kleineren Bildschirmen und Smartphones weiterhin verkleinert. Die Zahl, die du eingibst, ist eine maximale Breite, keine feste Breite.<\/p>\n
        Ver\u00f6ffentlichen und Seite pr\u00fcfen<\/h2>\n
        Klicken Ver\u00f6ffentlichen<\/strong>, oder Aktualisieren<\/strong> wenn die Seite bereits live ist.<\/p>\n
        Die Dokumentenbibliothek passt ihre Gr\u00f6\u00dfe an ihre Inhalte an. Das bedeutet, dass die HubSpot-Seite w\u00e4chst und schrumpft, wenn Besucher zwischen Dokumentseiten wechseln.<\/p>\n
        Der HubSpot-Editor zeigt nicht immer das fertige Ergebnis an. Pr\u00fcfe die ver\u00f6ffentlichte Seite, nachdem du die \u00c4nderung gespeichert hast.<\/p>\n
        \"Document<\/p>\n
        Wenn die Dokumentenbibliothek nicht erscheint<\/h2>\n
        Stelle zuerst sicher, dass du beide Zeilen des Einbettungscodes eingef\u00fcgt hast. Die zweite Zeile erm\u00f6glicht es der Dokumentenbibliothek, ihre Gr\u00f6\u00dfe selbst anzupassen.<\/p>\n
        Pr\u00fcfe als N\u00e4chstes die ver\u00f6ffentlichte Seite, statt dich auf die Editor-Vorschau zu verlassen. Auf der Live-Seite best\u00e4tigst du, dass die Dokumentenbibliothek korrekt angezeigt wird.<\/p>","protected":false},"excerpt":{"rendered":"
        With HubSpot’s built-in Rich text module, you can place your hosted document library on any HubSpot page. The steps below cover the whole process. Before you begin: This works on every HubSpot plan, including the free one. You do not need a paid upgrade or a custom module. HubSpot adds the library at a narrow […]<\/p>\n","protected":false},"menu_order":80,"template":"","meta":{"footnotes":""},"doc_category":[6],"class_list":["post-806","doc","type-doc","status-publish","hentry","doc_category-platforms"],"yoast_head":"\nAdd your document library to HubSpot - Document Library Pro<\/title>\n<meta name=\"description\" content=\"Add a searchable document library to any HubSpot page. Works on the free plan, with the two methods and the width fix explained step by step.\" \/>\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-hubspot\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add your document library to HubSpot - Document Library Pro\" \/>\n<meta property=\"og:description\" content=\"Add a searchable document library to any HubSpot page. Works on the free plan, with the two methods and the width fix explained step by step.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/de\/docs\/add-document-library-hubspot\/\" \/>\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\/08\/hubspot-edit-embed-code.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=\"3 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-hubspot\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/\",\"name\":\"Add your document library to HubSpot - Document Library Pro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/hubspot-edit-embed-code.jpg\",\"datePublished\":\"2026-08-17T16:36:01+00:00\",\"dateModified\":\"2026-09-14T13:04:36+00:00\",\"description\":\"Add a searchable document library to any HubSpot page. Works on the free plan, with the two methods and the width fix explained step by step.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/#primaryimage\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/hubspot-edit-embed-code.jpg\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/hubspot-edit-embed-code.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/#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\":\"Add your document library to HubSpot\"}]},{\"@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":"F\u00fcge deine Dokumentenbibliothek zu HubSpot hinzu - Document Library Pro","description":"F\u00fcge jeder HubSpot-Seite eine durchsuchbare Dokumentbibliothek hinzu. Funktioniert im kostenlosen Tarif, mit den zwei Methoden und der Breitenkorrektur Schritt f\u00fcr Schritt erkl\u00e4rt.","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-hubspot\/","og_locale":"de_DE","og_type":"article","og_title":"Add your document library to HubSpot - Document Library Pro","og_description":"Add a searchable document library to any HubSpot page. Works on the free plan, with the two methods and the width fix explained step by step.","og_url":"https:\/\/documentlibrary.pro\/de\/docs\/add-document-library-hubspot\/","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\/08\/hubspot-edit-embed-code.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/","url":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/","name":"F\u00fcge deine Dokumentenbibliothek zu HubSpot hinzu - Document Library Pro","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/#primaryimage"},"image":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/#primaryimage"},"thumbnailUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/08\/hubspot-edit-embed-code.jpg","datePublished":"2026-08-17T16:36:01+00:00","dateModified":"2026-09-14T13:04:36+00:00","description":"F\u00fcge jeder HubSpot-Seite eine durchsuchbare Dokumentbibliothek hinzu. Funktioniert im kostenlosen Tarif, mit den zwei Methoden und der Breitenkorrektur Schritt f\u00fcr Schritt erkl\u00e4rt.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/#primaryimage","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/08\/hubspot-edit-embed-code.jpg","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/08\/hubspot-edit-embed-code.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/#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":"Add your document library to HubSpot"}]},{"@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\/806","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":5,"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc\/806\/revisions"}],"predecessor-version":[{"id":878,"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc\/806\/revisions\/878"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/de\/wp-json\/wp\/v2\/doc_category?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}