{"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\/fr\/docs\/add-document-library-hubspot\/","title":{"rendered":"Ajoutez votre biblioth\u00e8que de documents \u00e0 HubSpot"},"content":{"rendered":"

Avec le module Rich text int\u00e9gr\u00e9 d’HubSpot, vous pouvez placer votre biblioth\u00e8que de documents h\u00e9berg\u00e9e sur n'importe quelle page HubSpot. Les \u00e9tapes ci-dessous couvrent tout le processus.<\/p>\n

Avant de commencer :<\/strong> Cela fonctionne avec tous les forfaits HubSpot, y compris le forfait gratuit. Vous n'avez pas besoin d'une mise \u00e0 niveau payante ni d'un module personnalis\u00e9. HubSpot ajoute la biblioth\u00e8que avec une largeur fixe \u00e9troite, ce qui demande une \u00e9tape suppl\u00e9mentaire pour l'\u00e9largir plus loin dans l'article. L'\u00e9diteur HubSpot peut aussi ne pas afficher le r\u00e9sultat final, alors v\u00e9rifiez la page publi\u00e9e.<\/p>\n

Copiez votre code d'int\u00e9gration<\/h2>\n

Dans votre tableau de bord Document Library Pro h\u00e9berg\u00e9, ouvrez Publier la biblioth\u00e8que<\/strong> et copiez le code d'int\u00e9gration de votre biblioth\u00e8que. Si vous avez cr\u00e9\u00e9 plusieurs biblioth\u00e8ques, ouvrez l'\u00e9cran Biblioth\u00e8ques<\/strong> et copiez le code de la biblioth\u00e8que sp\u00e9cifique que vous voulez ajouter \u00e0 HubSpot.<\/p>\n

Utilisez votre propre code d'int\u00e9gration, pas cet exemple :<\/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
Forfaits HubSpot gratuits et Starter<\/h2>\n
Les forfaits HubSpot gratuits et Starter ne vous permettent pas de cr\u00e9er vos propres modules. Vous utilisez donc le module int\u00e9gr\u00e9 Rich text<\/strong> Il existe deux fa\u00e7ons de le faire, et les deux fonctionnent de la m\u00eame mani\u00e8re.<\/p>\n
M\u00e9thode 1 : Ins\u00e9rer l'int\u00e9gration<\/h3>\n
    \n
  1. Ouvrez la page HubSpot o\u00f9 vous voulez afficher la biblioth\u00e8que de documents.<\/li>\n
  2. Faites glisser un module Rich text<\/strong> sur la page, ou cliquez sur un module Rich text<\/strong> d\u00e9j\u00e0 pr\u00e9sent.<\/li>\n
  3. Cliquez sur Ins\u00e9rer<\/strong> dans la barre d'outils.<\/li>\n
  4. Choisissez Int\u00e9grer<\/strong>.<\/li>\n
  5. Collez votre code d'int\u00e9gration Document Library Pro.<\/li>\n
  6. Cliquez sur Ins\u00e9rer<\/strong>.<\/li>\n<\/ol>\n
    \"La<\/p>\n
    Avec le forfait gratuit, il n'y a pas de module Int\u00e9grer<\/strong> s\u00e9par\u00e9 dans la liste des modules. Rich text<\/strong> est le bon chemin.<\/p>\n
    M\u00e9thode 2 : Coller dans le code source<\/h3>\n
      \n
    1. Ouvrez la page HubSpot o\u00f9 vous voulez afficher la biblioth\u00e8que de documents.<\/li>\n
    2. Faites glisser un module Rich text<\/strong> sur la page, ou cliquez sur un module Rich text<\/strong> d\u00e9j\u00e0 pr\u00e9sent.<\/li>\n
    3. Cliquez sur Avanc\u00e9<\/strong>.<\/li>\n
    4. Choisissez Code source<\/strong>.<\/li>\n
    5. Collez votre code d'int\u00e9gration Document Library Pro.<\/li>\n
    6. Cliquez sur Enregistrer les modifications<\/strong>.<\/li>\n<\/ol>\n
      Cette m\u00e9thode vous convient si vous \u00eates \u00e0 l'aise avec HTML. C'est aussi l\u00e0 que vous reviendrez plus tard si vous devez modifier la largeur de la biblioth\u00e8que.<\/p>\n
      Forfaits HubSpot Professional et Enterprise<\/h2>\n
      Les deux m\u00e9thodes ci-dessus fonctionnent aussi avec les forfaits HubSpot Professional et Enterprise, et ce sont les plus rapides. Ces forfaits d\u00e9bloquent aussi le gestionnaire de design. Un d\u00e9veloppeur peut donc envelopper le code d'int\u00e9gration dans un module personnalis\u00e9 si votre \u00e9quipe veut le r\u00e9utiliser sur de nombreuses pages. C'est facultatif et n\u00e9cessite quelqu'un \u00e0 l'aise avec les mod\u00e8les HubSpot.<\/p>\n
      Donner la bonne largeur \u00e0 la biblioth\u00e8que<\/h2>\n
      Lorsque vous ins\u00e9rez la biblioth\u00e8que, HubSpot estime la largeur \u00e0 utiliser. Il choisit quelque chose d'\u00e9troit, g\u00e9n\u00e9ralement 317 pixels. R\u00e9sultat, la biblioth\u00e8que de documents est comprim\u00e9e dans une colonne fine.<\/p>\n
      HubSpot dispose d'un bouton Pleine largeur<\/strong> qui corrigerait normalement cela. Il ne fonctionne pas pour la biblioth\u00e8que de documents, car la biblioth\u00e8que inclut un petit script. HubSpot grise le bouton.<\/p>\n
      Ce m\u00eame bouton gris\u00e9 verrouille aussi les champs de largeur et de hauteur. Vous ne pouvez pas non plus saisir une largeur \u00e0 cet endroit.<\/p>\n
      La seule fa\u00e7on de d\u00e9finir la largeur est donc de passer par le code source :<\/p>\n
        \n
      1. Cliquez sur le Rich text<\/strong> module qui contient votre biblioth\u00e8que de documents.<\/li>\n
      2. Cliquez sur Avanc\u00e9<\/strong>.<\/li>\n
      3. Choisissez Code source<\/strong>.<\/li>\n
      4. Trouvez max-width: 317px<\/strong>.<\/li>\n
      5. Remplacez 317 par la largeur souhait\u00e9e en pixels. 1100 est un bon point de d\u00e9part pour la plupart des pages.<\/li>\n
      6. Cliquez sur Enregistrer les modifications<\/strong>.<\/li>\n<\/ol>\n
        \"Une<\/p>\n
        La biblioth\u00e8que continue de se r\u00e9duire pour s'adapter aux petits \u00e9crans et aux t\u00e9l\u00e9phones. Le nombre que vous saisissez est une largeur maximale, pas une largeur fixe.<\/p>\n
        Publiez et v\u00e9rifiez la page<\/h2>\n
        Cliquez sur Publier<\/strong>, ou Mettre \u00e0 jour<\/strong> si la page est d\u00e9j\u00e0 en ligne.<\/p>\n
        La biblioth\u00e8que se redimensionne automatiquement selon son contenu. Cela signifie que la page HubSpot grandit et r\u00e9tr\u00e9cit lorsque les visiteurs passent d'une page de documents \u00e0 l'autre.<\/p>\n
        L'\u00e9diteur HubSpot n'affiche pas toujours le r\u00e9sultat final. V\u00e9rifiez la page publi\u00e9e apr\u00e8s avoir enregistr\u00e9 la modification.<\/p>\n
        \"Document<\/p>\n
        Si la biblioth\u00e8que n'appara\u00eet pas<\/h2>\n
        D'abord, v\u00e9rifiez que vous avez coll\u00e9 les deux lignes du code d'int\u00e9gration. La deuxi\u00e8me ligne permet \u00e0 la biblioth\u00e8que de se redimensionner automatiquement.<\/p>\n
        Ensuite, v\u00e9rifiez la page publi\u00e9e au lieu de vous fier \u00e0 l'aper\u00e7u de l'\u00e9diteur. La page en ligne est l'endroit o\u00f9 confirmer que la biblioth\u00e8que de documents s'affiche correctement.<\/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\/fr\/docs\/add-document-library-hubspot\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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":"Ajoutez votre biblioth\u00e8que de documents \u00e0 HubSpot - Document Library Pro","description":"Ajoutez une biblioth\u00e8que de documents consultable \u00e0 n\u2019importe quelle page HubSpot. Fonctionne avec l\u2019offre gratuite, avec les deux m\u00e9thodes et la correction de largeur expliqu\u00e9es \u00e9tape par \u00e9tape.","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\/fr\/docs\/add-document-library-hubspot\/","og_locale":"fr_FR","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\/fr\/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":"Ajoutez votre biblioth\u00e8que de documents \u00e0 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":"Ajoutez une biblioth\u00e8que de documents consultable \u00e0 n\u2019importe quelle page HubSpot. Fonctionne avec l\u2019offre gratuite, avec les deux m\u00e9thodes et la correction de largeur expliqu\u00e9es \u00e9tape par \u00e9tape.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@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":"Biblioth\u00e8ques de documents consultables pour tout site 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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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 est un logiciel de biblioth\u00e8que de documents h\u00e9berg\u00e9 qui vous permet de publier des biblioth\u00e8ques consultables et filtrables de PDF, de documents et de ressources sur tout site web ou plateforme."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":5,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/806\/revisions"}],"predecessor-version":[{"id":878,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc\/806\/revisions\/878"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/fr\/wp-json\/wp\/v2\/doc_category?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}