{"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\/nl\/docs\/add-document-library-hubspot\/","title":{"rendered":"Voeg je documentenbibliotheek toe aan HubSpot"},"content":{"rendered":"

Met de ingebouwde Rich text-module van HubSpot kun je je gehoste documentenbibliotheek op elke HubSpot-pagina plaatsen. De stappen hieronder behandelen het hele proces.<\/p>\n

Voordat je begint:<\/strong> Dit werkt op elk HubSpot-abonnement, ook het gratis abonnement. Je hebt geen betaalde upgrade of aangepaste module nodig. HubSpot voegt de bibliotheek toe met een smalle vaste breedte, dus verderop in dit artikel is er \u00e9\u00e9n extra stap om die breder te maken. De HubSpot-editor toont het eindresultaat mogelijk niet, dus controleer de gepubliceerde pagina.<\/p>\n

Kopieer je insluitcode<\/h2>\n

Open in je gehoste Document Library Pro-dashboard Bibliotheek publiceren<\/strong> en kopieer de insluitcode voor je bibliotheek. Als je meer dan \u00e9\u00e9n bibliotheek hebt gemaakt, open dan het Bibliotheken<\/strong> scherm en kopieer de code voor de specifieke bibliotheek die je aan HubSpot wilt toevoegen.<\/p>\n

Gebruik je eigen insluitcode, niet dit voorbeeld:<\/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
Gratis en Starter-abonnementen van HubSpot<\/h2>\n
Met gratis en Starter-abonnementen van HubSpot kun je geen eigen modules bouwen, dus gebruik je de ingebouwde Rich text<\/strong> module. Er zijn twee manieren om dit te doen en beide werken hetzelfde.<\/p>\n
Methode 1: De insluiting invoegen<\/h3>\n
    \n
  1. Open de HubSpot-pagina waarop je de documentenbibliotheek wilt tonen.<\/li>\n
  2. Sleep een Rich text<\/strong> module naar de pagina, of klik op een Rich text<\/strong> module die er al staat.<\/li>\n
  3. Klik Invoegen<\/strong> op de werkbalk.<\/li>\n
  4. Kies Insluiten<\/strong>.<\/li>\n
  5. Plak je Document Library Pro-insluitcode.<\/li>\n
  6. Klik Invoegen<\/strong>.<\/li>\n<\/ol>\n
    \"Het<\/p>\n
    In het gratis abonnement is er geen aparte Insluiten<\/strong> module in de modulelijst. Rich text<\/strong> is de route.<\/p>\n
    Methode 2: Plak het in de broncode<\/h3>\n
      \n
    1. Open de HubSpot-pagina waarop je de documentenbibliotheek wilt tonen.<\/li>\n
    2. Sleep een Rich text<\/strong> module naar de pagina, of klik op een Rich text<\/strong> module die er al staat.<\/li>\n
    3. Klik Advanced<\/strong>.<\/li>\n
    4. Kies Broncode<\/strong>.<\/li>\n
    5. Plak je Document Library Pro-insluitcode.<\/li>\n
    6. Klik Wijzigingen opslaan<\/strong>.<\/li>\n<\/ol>\n
      Deze methode past bij je als je vertrouwd bent met HTML. Dit is ook de plek waar je later naartoe gaat als je de breedte van de bibliotheek moet wijzigen.<\/p>\n
      HubSpot Professional- en Enterprise-abonnementen<\/h2>\n
      Beide methoden hierboven werken nog steeds met HubSpot Professional- en Enterprise-abonnementen, en ze zijn de snelste route. Deze abonnementen geven ook toegang tot de designmanager, zodat een ontwikkelaar de insluitcode in een aangepaste module kan plaatsen als je team die op veel pagina's opnieuw wil gebruiken. Dit is optioneel en vraagt iemand die vertrouwd is met HubSpot-templates.<\/p>\n
      Geef de bibliotheek de juiste breedte<\/h2>\n
      Wanneer je de bibliotheek invoegt, raadt HubSpot hoe breed die moet zijn. HubSpot kiest iets smals, meestal 317 pixels. Daardoor lijkt de documentenbibliotheek samengedrukt in een dunne kolom.<\/p>\n
      HubSpot heeft een Volledige breedte<\/strong> knop die dit normaal zou oplossen. Die werkt niet voor de documentenbibliotheek, omdat de bibliotheek een klein script bevat. HubSpot maakt de knop grijs.<\/p>\n
      Diezelfde grijze knop vergrendelt ook de vakken voor breedte en hoogte. Je kunt daar ook geen breedte typen.<\/p>\n
      De enige manier om de breedte in te stellen is dus in de broncode:<\/p>\n
        \n
      1. Klik op de Rich text<\/strong> module die je documentenbibliotheek bevat.<\/li>\n
      2. Klik Advanced<\/strong>.<\/li>\n
      3. Kies Broncode<\/strong>.<\/li>\n
      4. Zoek max-width: 317px<\/strong>.<\/li>\n
      5. Wijzig 317 naar de gewenste breedte in pixels. 1100 is een goed startpunt voor de meeste pagina's.<\/li>\n
      6. Klik Wijzigingen opslaan<\/strong>.<\/li>\n<\/ol>\n
        \"Een<\/p>\n
        De bibliotheek krimpt nog steeds mee voor kleinere schermen en telefoons. Het getal dat je invoert is een maximumbreedte, geen vaste breedte.<\/p>\n
        Publiceer en controleer de pagina<\/h2>\n
        Klik Publiceren<\/strong>, of Bijwerken<\/strong> als de pagina al live staat.<\/p>\n
        De bibliotheek past de hoogte zelf aan de inhoud aan. Dit betekent dat de HubSpot-pagina groeit en krimpt terwijl bezoekers tussen documentpagina's bewegen.<\/p>\n
        De HubSpot-editor toont het eindresultaat niet altijd. Controleer de gepubliceerde pagina nadat je de wijziging hebt opgeslagen.<\/p>\n
        \"Document<\/p>\n
        Als de bibliotheek niet verschijnt<\/h2>\n
        Controleer eerst of je beide regels van de insluitcode hebt geplakt. Met de tweede regel kan de bibliotheek zichzelf aanpassen.<\/p>\n
        Controleer daarna de gepubliceerde pagina in plaats van te vertrouwen op de voorbeeldweergave in de editor. De live pagina is de plek om te bevestigen dat de documentenbibliotheek goed wordt weergegeven.<\/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\/nl\/docs\/add-document-library-hubspot\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\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\/nl\/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\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@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":"Voeg je documentenbibliotheek toe aan HubSpot - Document Library Pro","description":"Voeg een doorzoekbare documentbibliotheek toe aan elke HubSpot-pagina. Werkt met het gratis abonnement, met de twee methoden en de oplossing voor de breedte stap voor stap uitgelegd.","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\/nl\/docs\/add-document-library-hubspot\/","og_locale":"nl_NL","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\/nl\/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":"Voeg je documentenbibliotheek toe aan 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":"Voeg een doorzoekbare documentbibliotheek toe aan elke HubSpot-pagina. Werkt met het gratis abonnement, met de twee methoden en de oplossing voor de breedte stap voor stap uitgelegd.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@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":"Zoekbare documentbibliotheken voor elke 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":"nl-NL"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@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 gehoste documentbibliotheeksoftware waarmee u doorzoekbare, filterbare bibliotheken met PDF's, documenten en bronnen op elke website of platform kunt publiceren."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":5,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/806\/revisions"}],"predecessor-version":[{"id":878,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc\/806\/revisions\/878"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/nl\/wp-json\/wp\/v2\/doc_category?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}