{"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\/es\/docs\/add-document-library-hubspot\/","title":{"rendered":"A\u00f1ade tu biblioteca de documentos a HubSpot"},"content":{"rendered":"

Con el m\u00f3dulo de Texto enriquecido integrado de HubSpot, puedes colocar tu biblioteca de documentos alojada en cualquier p\u00e1gina de HubSpot. Los pasos siguientes cubren todo el proceso.<\/p>\n

Antes de comenzar:<\/strong> Funciona en todos los planes de HubSpot, incluido el gratuito. No necesitas una mejora de pago ni un m\u00f3dulo personalizado. HubSpot a\u00f1ade la biblioteca de documentos con un ancho fijo estrecho, as\u00ed que hay un paso adicional para ampliarla m\u00e1s adelante en el art\u00edculo. Es posible que el editor de HubSpot tampoco muestre el resultado final, as\u00ed que comprueba la p\u00e1gina publicada.<\/p>\n

Copia tu c\u00f3digo de inserci\u00f3n<\/h2>\n

En tu panel alojado de Document Library Pro, abre Publicar biblioteca<\/strong> y copia el c\u00f3digo de inserci\u00f3n de tu biblioteca de documentos. Si has creado m\u00e1s de una biblioteca de documentos, abre la Libraries<\/strong> pantalla y copia el c\u00f3digo de la biblioteca de documentos espec\u00edfica que quieres a\u00f1adir a HubSpot.<\/p>\n

Usa tu propio c\u00f3digo de inserci\u00f3n, no este ejemplo:<\/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
Planes gratis y Starter de HubSpot<\/h2>\n
Los planes gratis y Starter de HubSpot no te permiten crear tus propios m\u00f3dulos, as\u00ed que usas el Texto enriquecido<\/strong> integrado. Hay dos formas de hacerlo y ambas funcionan igual.<\/p>\n
M\u00e9todo 1: Inserta el embed<\/h3>\n
    \n
  1. Abre la p\u00e1gina de HubSpot donde quieres mostrar la biblioteca de documentos.<\/li>\n
  2. Arrastra un Texto enriquecido<\/strong> m\u00f3dulo a la p\u00e1gina, o haz clic en un Texto enriquecido<\/strong> m\u00f3dulo que ya est\u00e9 ah\u00ed.<\/li>\n
  3. Clic Insertar<\/strong> en la barra de herramientas.<\/li>\n
  4. Elige Insertar<\/strong>.<\/li>\n
  5. Pega tu c\u00f3digo de inserci\u00f3n de Document Library Pro.<\/li>\n
  6. Clic Insertar<\/strong>.<\/li>\n<\/ol>\n
    \"La<\/p>\n
    En el plan gratuito, no hay un m\u00f3dulo Insertar<\/strong> independiente en la lista de m\u00f3dulos. Texto enriquecido<\/strong> es la ruta.<\/p>\n
    M\u00e9todo 2: P\u00e9galo en el c\u00f3digo fuente<\/h3>\n
      \n
    1. Abre la p\u00e1gina de HubSpot donde quieres mostrar la biblioteca de documentos.<\/li>\n
    2. Arrastra un Texto enriquecido<\/strong> m\u00f3dulo a la p\u00e1gina, o haz clic en un Texto enriquecido<\/strong> m\u00f3dulo que ya est\u00e9 ah\u00ed.<\/li>\n
    3. Clic Avanzado<\/strong>.<\/li>\n
    4. Elige C\u00f3digo fuente<\/strong>.<\/li>\n
    5. Pega tu c\u00f3digo de inserci\u00f3n de Document Library Pro.<\/li>\n
    6. Clic Guardar cambios<\/strong>.<\/li>\n<\/ol>\n
      Este m\u00e9todo te encaja si te sientes c\u00f3modo con HTML. Tambi\u00e9n es donde tendr\u00e1s que ir m\u00e1s adelante si necesitas cambiar el ancho de la biblioteca de documentos.<\/p>\n
      Planes Professional y Enterprise de HubSpot<\/h2>\n
      Los dos m\u00e9todos anteriores siguen funcionando en los planes Professional y Enterprise de HubSpot, y son la ruta m\u00e1s r\u00e1pida. Estos planes tambi\u00e9n desbloquean el gestor de dise\u00f1o, as\u00ed que un desarrollador puede envolver el c\u00f3digo de inserci\u00f3n en un m\u00f3dulo personalizado si tu equipo quiere reutilizarlo en muchas p\u00e1ginas. Esto es opcional y necesita a alguien que se sienta c\u00f3modo con las plantillas de HubSpot.<\/p>\n
      Haz que la biblioteca de documentos tenga el ancho adecuado<\/h2>\n
      Cuando insertas la biblioteca de documentos, HubSpot calcula el ancho que deber\u00eda tener. Elige algo estrecho, normalmente 317 p\u00edxeles. Como resultado, la biblioteca de documentos aparece comprimida en una columna fina.<\/p>\n
      HubSpot tiene un bot\u00f3n Ancho completo<\/strong> que normalmente solucionar\u00eda esto. No funciona para la biblioteca de documentos, porque la biblioteca de documentos incluye un peque\u00f1o script. HubSpot aten\u00faa el bot\u00f3n.<\/p>\n
      Ese mismo bot\u00f3n atenuado tambi\u00e9n bloquea las cajas de ancho y alto. Tampoco puedes escribir un ancho ah\u00ed.<\/p>\n
      As\u00ed que la \u00fanica forma de definir el ancho es en el c\u00f3digo fuente:<\/p>\n
        \n
      1. Haz clic en el Texto enriquecido<\/strong> m\u00f3dulo que contiene tu biblioteca de documentos.<\/li>\n
      2. Clic Avanzado<\/strong>.<\/li>\n
      3. Elige C\u00f3digo fuente<\/strong>.<\/li>\n
      4. Busca max-width: 317px<\/strong>.<\/li>\n
      5. Cambia 317 por el ancho que quieras en p\u00edxeles. 1100 es un buen punto de partida para la mayor\u00eda de las p\u00e1ginas.<\/li>\n
      6. Clic Guardar cambios<\/strong>.<\/li>\n<\/ol>\n
        \"Una<\/p>\n
        La biblioteca de documentos sigue reduci\u00e9ndose para ajustarse a pantallas peque\u00f1as y m\u00f3viles. El n\u00famero que introduces es un ancho m\u00e1ximo, no un ancho fijo.<\/p>\n
        Publica y comprueba la p\u00e1gina<\/h2>\n
        Clic Publicar<\/strong>, o Update<\/strong> si la p\u00e1gina ya est\u00e1 publicada.<\/p>\n
        La biblioteca de documentos cambia de tama\u00f1o por s\u00ed sola para ajustarse a su contenido. Esto significa que la p\u00e1gina de HubSpot crece y se reduce a medida que los visitantes se mueven entre p\u00e1ginas de documentos.<\/p>\n
        El editor de HubSpot no siempre muestra el resultado final. Comprueba la p\u00e1gina publicada despu\u00e9s de guardar el cambio.<\/p>\n
        \"Document<\/p>\n
        Si la biblioteca de documentos no aparece<\/h2>\n
        Primero, aseg\u00farate de haber pegado las dos l\u00edneas del c\u00f3digo de inserci\u00f3n. La segunda l\u00ednea es la que permite que la biblioteca de documentos cambie de tama\u00f1o por s\u00ed sola.<\/p>\n
        A continuaci\u00f3n, comprueba la p\u00e1gina publicada en lugar de fiarte de la vista previa del editor. La p\u00e1gina publicada es el lugar donde confirmar que la biblioteca de documentos se muestra correctamente.<\/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\/es\/docs\/add-document-library-hubspot\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\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\/es\/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\":\"es-ES\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/add-document-library-hubspot\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-ES\",\"@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\":\"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":"A\u00f1ade tu biblioteca de documentos a HubSpot - Document Library Pro","description":"A\u00f1ade una biblioteca de documentos con b\u00fasqueda a cualquier p\u00e1gina de HubSpot. Funciona en el plan gratuito, con los dos m\u00e9todos y el ajuste de anchura explicados paso a paso.","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\/docs\/add-document-library-hubspot\/","og_locale":"es_ES","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\/es\/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":"A\u00f1ade tu biblioteca de documentos a 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":"A\u00f1ade una biblioteca de documentos con b\u00fasqueda a cualquier p\u00e1gina de HubSpot. Funciona en el plan gratuito, con los dos m\u00e9todos y el ajuste de anchura explicados paso a paso.","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/#breadcrumb"},"inLanguage":"es-ES","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/add-document-library-hubspot\/"]}]},{"@type":"ImageObject","inLanguage":"es-ES","@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":"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\/doc\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":5,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/doc\/806\/revisions"}],"predecessor-version":[{"id":878,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/doc\/806\/revisions\/878"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/es\/wp-json\/wp\/v2\/doc_category?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}