--- title: HubSpot Module for PDF Reading description: Enhance your website with an interactive PDF reader powered by PDF.js. Seamlessly embed PDF files with zoom, navigation, and responsive design for a user-friendly viewing experience. image: https://www.bootstrapcreative.com/hubfs/AI-Generated%20Media/Images/pdf%20reader.jpeg --- [![logo-1](https://www.bootstrapcreative.com/hubfs/logo-1.svg)](https://bootstrapcreative.com/) - [**FREE** HubSpot Modules](https://www.bootstrapcreative.com/jake-addons/modules) - [HubSpot Themes](https://www.bootstrapcreative.com/jake-addons/hubspot-themes-templates) Open main navigation Close main navigation - [**FREE** HubSpot Modules](https://www.bootstrapcreative.com/jake-addons/modules) - [HubSpot Themes](https://www.bootstrapcreative.com/jake-addons/hubspot-themes-templates) - [Website Support Plans](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer) [Website Support Plans](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer) [HubSpot Modules](https://www.bootstrapcreative.com/jake-addons/modules) / # HubSpot Module for PDF Reading Free ## Display PDFs On Your HubSpot Pages Enhance your website with an interactive PDF reader powered by PDF.js. Seamlessly embed PDF files with zoom, navigation, and responsive design for a user-friendly viewing experience. Coming Soon...   ## Module Demo   ## Frequently Asked Questions ## How do I add this HubSpot module to a page? #### Steps How to add a Jake Addons custom module to a page. 1. In your HubSpot account, navigate to Marketing \> Website \> Website Pages. 2. Hover over a page and click Edit. 3. In the content editor sidebar on the left of the window, locate the search box and type "jake" 4. Next, select a module that appears in the **All Modules** section 5. Click a module and drag it into position on the page. ![How do I add this HubSpot module to a page?](https://www.bootstrapcreative.com/hs-fs/hubfs/Add%20HubSpot%20Custom%20Module.png?width=500&name=Add%20HubSpot%20Custom%20Module.png) ## What are modules in HubSpot? Some pages you create will require an image gallery or tab content, but others will not. HubSpot modules give you the control to add new functionality to only the pages you need without impacting the rest of the pages on your website. These modules are added to drag-and-drop areas or sections when editing a page. If you are more familiar with WordPress, they are like blocks or plugins in that CMS. **Have a question?** [Contact Me](https://bootstrapcreative.com/contact/)   ## Module Documentation ### [Related HubSpot Custom Modules](https://www.bootstrapcreative.com/jake-addons/modules) --- #### Filter Modules: All Free Paid [![HubSpot Banner for HubSpot CMS | Parallax Image / Video Hero](https://www.bootstrapcreative.com/hs-fs/hubfs/hero-banner-module-jake-lett-thumbnail.png?width=250&name=hero-banner-module-jake-lett-thumbnail.png)](https://www.bootstrapcreative.com/jake-addons/jake-hero-banner-module) Paid ## [Jake Hero Banner Custom Modulefor HubSpot CMS](https://www.bootstrapcreative.com/jake-addons/jake-hero-banner-module) Grab attention with a Parallax Hero Banner Module for HubSpot CMS. Easily add engaging visuals to your pages and enhance user experience. Boost engagement now! [Learn More](https://www.bootstrapcreative.com/jake-addons/jake-hero-banner-module) [![FREE Logo Slider Carousel Module for HubSpot CMS](https://www.bootstrapcreative.com/hs-fs/hubfs/logo-slider-hubspot-module-jake-lett-thumbnail.png?width=250&name=logo-slider-hubspot-module-jake-lett-thumbnail.png)](https://www.bootstrapcreative.com/jake-addons/logo-slider-hubspot-module) Free ## [Logo Slider Custom Modulefor HubSpot CMS](https://www.bootstrapcreative.com/jake-addons/logo-slider-hubspot-module) Adding a logo or image carousel is made easy with this logo slider for HubSpot CMS. [Learn More](https://www.bootstrapcreative.com/jake-addons/logo-slider-hubspot-module) [![Overlap Card HubSpot Module for HubSpot CMS Hub](https://www.bootstrapcreative.com/hs-fs/hubfs/overlap-card-hubspot-module-jake-lett-thumbnail.png?width=250&name=overlap-card-hubspot-module-jake-lett-thumbnail.png)](https://www.bootstrapcreative.com/jake-addons/overlap-card-hubspot-module) Free ## [Overlap Card Custom Modulefor HubSpot CMS](https://www.bootstrapcreative.com/jake-addons/overlap-card-hubspot-module) Want to have a text block overlapping an image? Or the reverse with the image on top of text? Now you can do this easily without writing any code. Overlap Card HubSpot Module, [Learn More](https://www.bootstrapcreative.com/jake-addons/overlap-card-hubspot-module) [![Stylized Card HubSpot Module for HubSpot CMS Hub](https://www.bootstrapcreative.com/hs-fs/hubfs/stylized-card-hubspot-module-jake-lett-thumbnail-1.png?width=250&name=stylized-card-hubspot-module-jake-lett-thumbnail-1.png)](https://www.bootstrapcreative.com/jake-addons/stylized-card-hubspot-module) Free ## [Stylized Card Custom Modulefor HubSpot CMS](https://www.bootstrapcreative.com/jake-addons/stylized-card-hubspot-module) The Stylized Card Module for HubSpot makes it easy to add block of content into a column grid. You can add a border, background color, background image, and drop shadow. [Learn More](https://www.bootstrapcreative.com/jake-addons/stylized-card-hubspot-module) ## Get Dedicated HubSpot Website Support. [![Jake Lett Lett headshot photo](https://www.bootstrapcreative.com/hs-fs/hubfs/jake-lett-2026-v3.jpg??&width=150&height=150&name=jake-lett-2026-v3.jpg)](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer) ### Hey there! [I'm Jake Lett](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer) Don't let technical limitations bottle-neck your marketing. I provide the ongoing custom development you need—themes, modules, and troubleshooting—without the cost or hassle of a full-time hire. Businesses trust me to keep their HubSpot websites running flawlessly. #### Fast Turnaround • Reliable Code • Monthly Peace of Mind • Located in USA --- [See Plans](https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer) [![HubSpot](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMzguNjU5NjEgOTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMzOC42NTk2MSA5NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBvbHlnb24gZmlsbD0iIzIxMzM0MyIgcG9pbnRzPSIzNi42NzcyNSw1NC4zMzIxOSAxMS44MDkxOCw1NC4zMzIxOSAxMS44MDkxOCw4MC41Mjg1OSAwLDgwLjUyODU5IDAsMTUuODkwODMgMTEuODA5MTgsMTUuODkwODMgCgkJMTEuODA5MTgsNDIuOTcxMDMgMzYuNjc3MjUsNDIuOTcxMDMgMzYuNjc3MjUsMTUuODkwODMgNDguNDgzNzgsMTUuODkwODMgNDguNDgzNzgsODAuNTI4NTkgMzYuNjc3MjUsODAuNTI4NTkgCSIvPgoJPHBhdGggZmlsbD0iIzIxMzM0MyIgZD0iTTg2LjI2OTM2LDU5LjYzNjM0YzAsNS4zODM0NC00LjM4NTMxLDkuNzYzNzUtOS43Njc1NSw5Ljc2Mzc1Yy01LjM4MzY4LDAtOS43NjYxNi00LjM4MDMxLTkuNzY2MTYtOS43NjM3NQoJCXYtMjcuNjg0OUg1NS41NTMzOXYyNy42ODQ5YzAsMTEuNTUwMjUsOS4zOTc2NCwyMC45NDU1OCwyMC45NDg0MiwyMC45NDU1OGMxMS41NDg0MiwwLDIwLjk0NjA1LTkuMzk1MzMsMjAuOTQ2MDUtMjAuOTQ1NTgKCQl2LTI3LjY4NDloLTExLjE3ODVWNTkuNjM2MzR6Ii8+Cgk8cGF0aCBmaWxsPSIjMjEzMzQzIiBkPSJNMTY5LjI0NTU2LDM0LjgwMTljMC01LjY3NjIxLDMuNzU2OTktNy40NzYxNSw3Ljg3MDI1LTcuNDc2MTVjMy4zMTIwMSwwLDcuNjk0NzIsMi41MjA2OSwxMC41NTQyNCw1LjU4MzYxCgkJbDcuMzMzMjUtOC42NDQ0Yy0zLjY2NDUxLTQuOTUxMi0xMS4wODc5MS04LjM3NDEzLTE3LjE3MDc1LTguMzc0MTNjLTEyLjE2NzMxLDAtMjAuOTMzODUsNy4xMTQyNC0yMC45MzM4NSwxOC45MTEwNgoJCWMwLDIxLjg4MDQ2LDI2Ljc0ODIsMTQuOTQ0NzksMjYuNzQ4MiwyNy4xOTQwNGMwLDMuNzc3NTMtMy42NjYzOCw3LjExMjM2LTcuODY5MzQsNy4xMTIzNgoJCWMtNi42MjE3LDAtOC43Njk2MS0zLjI0MTc0LTExLjgwOTg2LTYuNjY0bC04LjE0MTgyLDguNDYyNzJjNS4xOTEyMiw2LjM5MzczLDExLjYzMDA4LDkuNjM3MzYsMTkuMzIzNjUsOS42MzczNgoJCWMxMS41Mzk0OSwwLDIwLjg0MzI1LTcuMjA0MDUsMjAuODQzMjUtMTguNDYxNDlDMTk1Ljk5MjgsMzcuNzcxNDgsMTY5LjI0NTU2LDQ1LjMzNjI3LDE2OS4yNDU1NiwzNC44MDE5eiIvPgoJPHBhdGggZmlsbD0iIzIxMzM0MyIgZD0iTTMzNC43MjA0OSw3MC4yMDI3OGMtNi42MTY5NywwLTguNDk1MDYtMi44NjA5Ni04LjQ5NTA2LTcuMjQ1OThWNDMuNTQ2NThoMTAuMjg0ODJ2LTkuODM4OTJoLTEwLjI4NDgyCgkJVjIwLjczNTE1bC0xMS4zNTc3OSw1LjA5ODI2djM5LjUzOTMxYzAsMTAuMTA5Myw2Ljk3NDY0LDE1LjIwOTIsMTYuNTQyNjYsMTUuMjA5MmMxLjQzMTIxLDAsMy40MDEyMS0wLjA5MjQ4LDQuNDc1NjgtMC4zNTc2NgoJCWwyLjc3MzYyLTEwLjE5NzA2QzMzNy40MDc3NSw3MC4xMTM1NywzMzUuOTc3MDIsNzAuMjAyNzgsMzM0LjcyMDQ5LDcwLjIwMjc4eiIvPgoJPHBhdGggZmlsbD0iIzIxMzM0MyIgZD0iTTEyOC44OTMyMywzMi4yNzUzM2MtNS41NDY3MywwLTkuNDE4MjksMS42MTAwMi0xMy4xNTczNiw1LjI4MDAzVjE2LjI3Njg1aC0xMS4yMTgwOXYzOS40MzU0NgoJCWMwLDE0Ljc2MDQsMTAuNjcxNjEsMjQuODY5NjMsMjIuNjYyMzYsMjQuODY5NjNjMTMuMzI5MDYsMCwyNS4wMDc3Ny0xMC4yODg5OSwyNS4wMDc3Ny0yNC4xNTIzMgoJCUMxNTIuMTg3OTEsNDIuNzQxOTEsMTQxLjQxODY5LDMyLjI3NTMzLDEyOC44OTMyMywzMi4yNzUzM3ogTTEyOC44MjM1LDY5LjI5MTczYy03LjAyNzU0LDAtMTIuNzIzNzQtNS42OTY0Mi0xMi43MjM3NC0xMi43MjM1MwoJCWMwLTcuMDI2ODksNS42OTYyLTEyLjcyMzUzLDEyLjcyMzc0LTEyLjcyMzUzYzcuMDI2NjcsMCwxMi43MjMzMSw1LjY5NjY0LDEyLjcyMzMxLDEyLjcyMzUzCgkJQzE0MS41NDY4MSw2My41OTUzLDEzNS44NTAxNyw2OS4yOTE3MywxMjguODIzNSw2OS4yOTE3M3oiLz4KCTxwYXRoIGZpbGw9IiMyMTMzNDMiIGQ9Ik0yNTAuNjgzNDYsNTUuODQ3MjRjMC0xMy44NjMzMy0xMS42Nzg3My0yNC4xNTIzMi0yNS4wMDc3OC0yNC4xNTIzMgoJCWMtMTEuOTkwNzUsMC0yMi42NjIzNSwxMC4xMDkyMi0yMi42NjIzNSwyNC44Njk2M1Y5NmgxMS4yMTgwOVY3NC43MjE0OWMzLjczOTA2LDMuNjcwMDEsNy42MTA2Myw1LjI4MDAzLDEzLjE1NzM1LDUuMjgwMDMKCQlDMjM5LjkxNDIyLDgwLjAwMTUyLDI1MC42ODM0Niw2OS41MzQ5NCwyNTAuNjgzNDYsNTUuODQ3MjR6IE0yNDAuMDQyMzQsNTUuNzA4NjVjMCw3LjAyNjg5LTUuNjk2NjQsMTIuNzIzNTMtMTIuNzIzMzEsMTIuNzIzNTMKCQljLTcuMDI3NTQsMC0xMi43MjM3NC01LjY5NjY0LTEyLjcyMzc0LTEyLjcyMzUzYzAtNy4wMjcxLDUuNjk2Mi0xMi43MjM1MywxMi43MjM3NC0xMi43MjM1MwoJCUMyMzQuMzQ1Nyw0Mi45ODUxMywyNDAuMDQyMzQsNDguNjgxNTUsMjQwLjA0MjM0LDU1LjcwODY1eiIvPgoJPHBhdGggZmlsbD0iI0ZGNUMzNSIgZD0iTTI4Ni45MzI0NiwzMS4xNTE1NFYxOS44ODMxMmMyLjk0MTE2LTEuMzg5NTEsNS4wMDIwMS00LjM2NTA4LDUuMDAyMDEtNy44MTg1di0wLjI2MDM4CgkJYzAtNC43NjU1Ny0zLjg5OTQ0LTguNjY0OC04LjY2NDgzLTguNjY0OGgtMC4yNjAxNmMtNC43NjU3OCwwLTguNjY1MjIsMy44OTkyMy04LjY2NTIyLDguNjY0OHYwLjI2MDM4CgkJYzAsMy40NTM0MSwyLjA2MTI4LDYuNDI5NDIsNS4wMDI0MSw3LjgxODcydjExLjI2ODQyYy00LjM3OTI0LDAuNjc2NTYtOC4zODA2NSwyLjQ4MjY5LTExLjY4MjE5LDUuMTQwNzlsLTMwLjkzODg3LTI0LjA2NzU2CgkJYzAuMjAzNTEtMC43ODM3NywwLjM0NjQ1LTEuNTkxMjksMC4zNDczMi0yLjQzODY4YzAuMDA2OTctNS4zOTc5MS00LjM2MzEzLTkuNzc5MzMtOS43NjEyNS05Ljc4NjMxCgkJYy01LjM5ODEzLTAuMDA2NzUtOS43Nzk1Niw0LjM2MzU2LTkuNzg2NTMsOS43NjE0N2MtMC4wMDY1Myw1LjM5NzkxLDQuMzYzNTYsOS43NzkzMyw5Ljc2MTY5LDkuNzg2MDkKCQljMS43NTkyOCwwLjAwMjE4LDMuMzg3MzktMC40OTc0NSw0LjgxNDYxLTEuMzA5MTFsMzAuNDM0NjUsMjMuNjc1NzljLTIuNTg4NTksMy45MDY4NS00LjEwNDI1LDguNTg2OC00LjEwNDI1LDEzLjYyNDUyCgkJYzAsNS4yNzQ1OCwxLjY2NjAyLDEwLjE1MjgxLDQuNDgyMDksMTQuMTY1NzdsLTkuMjU1NzQsOS4yNTU3NGMtMC43MzE2OS0wLjIxOTQyLTEuNDkxMjctMC4zNzMwNC0yLjI5NDg2LTAuMzczMDQKCQljLTQuNDM1NDcsMC04LjAzMTYsMy41OTU5Mi04LjAzMTYsOC4wMzE2czMuNTk2MTMsOC4wMzE2LDguMDMxNiw4LjAzMTZjNC40MzU5LDAsOC4wMzE1OS0zLjU5NTkyLDguMDMxNTktOC4wMzE2CgkJYzAtMC44MDMxNi0wLjE1MzM4LTEuNTYyOTYtMC4zNzMwMi0yLjI5NDY1bDkuMTU1NDktOS4xNTUyOGM0LjE1NTcsMy4xNzI1NSw5LjMzMDY5LDUuMDc4MDMsMTQuOTYyODMsNS4wNzgwMwoJCWMxMy42NDU0NSwwLDI0LjcwNzUyLTExLjA2MjI5LDI0LjcwNzUyLTI0LjcwODE3QzMwNy44NDc3NSw0My4xODU4NywyOTguNzcyODYsMzIuOTgwMzMsMjg2LjkzMjQ2LDMxLjE1MTU0eiBNMjgzLjE0MDIzLDY4LjIwNjI4CgkJYy02Ljk5NjE1LDAtMTIuNjY4NC01LjY3MTM3LTEyLjY2ODQtMTIuNjY3NTNjMC02Ljk5NTk0LDUuNjcyMjQtMTIuNjY3NTMsMTIuNjY4NC0xMi42Njc1MwoJCWM2Ljk5NTMsMCwxMi42Njc1NCw1LjY3MTU4LDEyLjY2NzU0LDEyLjY2NzUzQzI5NS44MDc3Nyw2Mi41MzQ5MiwyOTAuMTM1NTMsNjguMjA2MjgsMjgzLjE0MDIzLDY4LjIwNjI4eiIvPgo8L2c+Cjwvc3ZnPgo=)](https://bootstrapcreative.com/hubspotcms) © 2026 Designed by Jake Lett. Bootstrap Creative All rights reserved. - Privacy Policy - Website Terms of Use - Cookie Policy ```json { "@context" : "http://www.schema.org", "@id" : "https://www.bootstrapcreative.com/jake-addons/hubspot-module-for-pdf-reading", "@type" : "product", "aggregateRating" : { "@type" : "aggregateRating", "bestRating" : "5 ", "ratingValue" : "5", "reviewCount" : "1 " }, "brand" : { "@type" : "Brand", "name" : "Bootstrap Creative" }, "description" : "Enhance your website with an interactive PDF reader powered by PDF.js. Seamlessly embed PDF files with zoom, navigation, and responsive design for a user-friendly viewing experience.", "image" : "https://1637283.fs1.hubspotusercontent-na1.net/hubfs/1637283/AI-Generated%20Media/Images/pdf%20reader.jpeg", "mpn" : "IF", "name" : "HubSpot Module for PDF Reading", "review" : { "@type" : "Review", "author" : { "@type" : "Person", "name" : "Jake Lett" }, "reviewRating" : { "@type" : "Rating", "bestRating" : "5", "ratingValue" : "4" } }, "sku" : "IF" } ``` ```json { "@context" : "https://schema.org", "@type" : "FAQPage", "mainEntity" : [ { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "Steps How to add a Jake Addons custom module to a page. In your HubSpot account, navigate to Marketing > Website > Website Pages. Hover over a page and click Edit. In the content editor sidebar on the left of the window, locate the search box and type \"jake\" Next, select a module that appears in the All Modules section Click a module and drag it into position on the page." }, "name" : "How do I add this HubSpot module to a page?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "Some pages you create will require an image gallery or tab content, but others will not. HubSpot modules give you the control to add new functionality to only the pages you need without impacting the rest of the pages on your website. These modules are added to drag-and-drop areas or sections when editing a page. If you are more familiar with WordPress, they are like blocks or plugins in that CMS." }, "name" : "What are modules in HubSpot?" } ] } ``` ```json { "@context" : "https://schema.org", "@id" : "https://bootstrapcreative.com/#organization", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "US" }, "founder" : { "@id" : "https://bootstrapcreative.com/#person" }, "logo" : { "@type" : "ImageObject", "height" : "35", "url" : "https://bootstrapcreative.com/wp-bc/wp-content/themes/wp-bootstrap/images/bootstrap-creative-logo-2.svg", "width" : "232" }, "name" : "Bootstrap Creative", "sameAs" : [ "https://www.bootstrapcreative.com/", "https://www.linkedin.com/in/jacoblett/", "https://www.youtube.com/c/Bootstrapcreative" ], "url" : "https://bootstrapcreative.com/" } ``` ```json { "@context" : "https://schema.org", "@id" : "https://bootstrapcreative.com/#person", "@type" : "Person", "jobTitle" : "HubSpot CMS Developer", "name" : "Jake Lett", "sameAs" : [ "https://www.linkedin.com/in/jacoblett/", "https://www.youtube.com/c/Bootstrapcreative" ], "url" : "https://www.bootstrapcreative.com/jake-addons/hire-hubspot-developer", "worksFor" : { "@id" : "https://bootstrapcreative.com/#organization" } } ```