For Web developers
Embed a PDF viewer on any website in three clicks
Upload your PDF to Hostupa and get an embed code you can paste into any HTML page. The PDF displays in a clean viewer with page navigation, zoom, and CDN-backed loading — no JavaScript library to install or maintain.
How web developers use Hostupa to embed PDFs
Embedding a PDF in a website usually means installing a JavaScript library, configuring a viewer, and hosting the PDF somewhere. Hostupa simplifies this to two steps: upload the PDF, paste the embed code. The viewer is served from a CDN, works on desktop and mobile, and you can update the PDF behind the embed without touching your website's code.
How it works
Upload your PDF
Drag and drop the PDF you want to embed. Hostupa serves it on a hosted URL with a built-in viewer that supports page navigation and zoom.
Copy the embed code
Get an iframe embed snippet from the dashboard. Paste it into your website's HTML where you want the PDF viewer to appear.
Update without touching code
Re-upload a new PDF to the same project and the embed automatically serves the updated file. No need to edit your website's HTML again.
What you get
Ready-to-paste embed
Get an iframe snippet that works in any HTML page.
Built-in viewer
Page navigation, zoom, and responsive sizing out of the box.
CDN delivery
PDFs load fast from the global CDN, even on mobile connections.
In-place updates
Swap the PDF without editing your website's embed code.
Password protection
Gate embedded PDFs for members-only or client-only content.
Mobile responsive
Viewer adapts to screen size — works on phones and tablets.
Real-world examples
Brochure on a product page
Embed a product brochure PDF on your product page. Visitors browse it without leaving the page or downloading a file.
Restaurant menu on a website
Embed the current menu PDF on your restaurant's website. Update the menu in Hostupa and the website embed refreshes automatically.
Course syllabus in an LMS
Embed a syllabus PDF in your course page. Students read it inline without navigating to a separate download page.
Frequently asked questions
How do I embed a PDF in my website using Hostupa?
Upload your PDF to Hostupa, then copy the iframe embed code from the dashboard. Paste it into your website's HTML where you want the PDF viewer to appear. The viewer displays the PDF with page navigation and zoom controls, served from a CDN for fast loading.
Does the embedded PDF viewer work on mobile?
Yes. The viewer is responsive and adapts to the screen size of the device. On mobile phones, the PDF displays in a scrollable viewer with pinch-to-zoom support. On desktops, it shows page navigation controls. No additional configuration is needed.
Can I update an embedded PDF without editing my website?
Yes. Re-upload the new PDF to the same Hostupa project and the embed code serves the updated file automatically. The embed URL stays the same, so you never need to touch your website's HTML to update the content. This is useful for menus, brochures, and documents that change periodically.
Do I need a JavaScript library to embed the PDF?
No. Hostupa provides an iframe-based embed, so you do not need to install PDF.js, pdf.js viewer, or any other JavaScript library. The viewer is hosted on Hostupa's CDN and loads independently of your website's code. This keeps your site lightweight and avoids version conflicts.
Can I control the size of the embedded PDF viewer?
Yes. The embed code includes width and height attributes that you can adjust. Set a fixed height or use a responsive approach with CSS. The viewer adapts to the container size, so you can make it full-width, sidebar-width, or any dimension that fits your layout.
Ready to publish?
Create a free account and publish your first project in under a minute.