Want to display a PDF in Elementor without hassle? The PDF Viewer widget allows you to seamlessly embed PDFs on your website, making it easier for visitors to view important documents, guides, or brochures without needing to download them. With this simple method, you can improve user experience and keep your content accessible—all without touching a single line of code.
Popular Use Cases for using a PDF Viewer in an Elementor Website
Digital Product Catalogs
Showcase your entire product range in a sleek PDF format using the PDF Viewer Widget. Perfect for e-commerce, allowing customers to easily browse and download catalogs directly from your site.
Online Course Material
Embed course materials like worksheets and e-books right into your educational site with the PDF Viewer Widget. It’s a simple way for students and teachers to access and download resources easily.
Restaurant Menus
Display your restaurant’s menu in high-quality PDF format, making it easy for customers to view and download, especially useful for online ordering and delivery services.
Real Estate Property Listings
Present property listings, brochures, and floor plans in PDF format, letting potential buyers explore details directly on your site with ease.
Corporate Brochures
Embed your corporate brochures or company profiles directly on your website. The PDF Viewer Widget allows visitors to view essential business info without leaving the page.
Event Schedules and Programs
Easily display event schedules and programs in PDF format. Attendees can view, download, and share these documents right from your event website.
Travel Itineraries
Showcase detailed travel packages and itineraries in a clear, downloadable PDF format, giving customers all the trip info they need in one place.
Creative Portfolios and CVs
Freelancers and professionals can use the PDF Viewer Widget to showcase their portfolios and resumes directly on their site, making it easy for hiring teams to view and download.
Instruction Manuals
Offer quick access to product manuals or user guides by embedding them directly on your support pages, improving the customer experience with easily accessible PDFs.
Step #1: Install and activate Unlimited Elements Free Version for Elementor
You have to install and activate the Unlimited Elements Free Version for Elementor.
Step #2: Adding the PDF Viewer widget to your Elementor website
To display a PDF in Elementor, install the PDF Viewer widget from the Unlimited Elements Widget library.
Go to Unlimited Elements in the WordPress Dashboard
Search for the "PDF Viewer"
Hover over the widget and click install
Step #3: Add Pie Chart widget to your Elementor page
Now, in the Elementor editor, Find the PDF Viewer widget and drag it to the desired part of your page.
General Settings
Choose PDF File
Paste the link to PDF file. It should be loaded within same domain as current page.
Layout Type
Select the layout for pdf viewer.
- Default
- Custom (Pro)
Custom Layout Type
Scale
Adjust the scale of the rendered page.
Rotation
Adjust the rotation according to the layout.
Start Page (page)
Choose which page should appear as the first page.
Layout Settings
Show Prev/Next Arrows
Show or Hide previous/next arrows.
Show Pages
Show or Hide pages.
Previous Arrow Icon
Choose an icon for previous button.
Previous Arrow Text
Type text for previous arrow.
Next Arrow Icon
Choose an icon for next button.
Next Arrow Text
Type text for next button.
Show Full Screen Button
Show/Hide the full screen button.
Full Screen Button Text
Type text for full screen button.
Fullscreen Link Open Type
Select the fullscreen link open type.
- New Window
- Same Window
Wrapping it Up!
Embedding a PDF in Elementor has never been easier! By using the right tools, you can effortlessly showcase documents directly on your site, enhancing both usability and engagement. Whether you’re sharing product manuals, reports, or portfolios, this method ensures a smooth experience for your visitors while keeping your content well-organized. Try it out today and elevate your Elementor website!
