PDF Smart Viewer for Elementor

A simple PDF viewer widget for Elementor that displays PDFs directly on your website.

What It Does

• Shows PDFs in a clean viewer with zoom controls
• Works with PDFs uploaded to your site or external URLs
• Responsive design that works on mobile and desktop
• Download and print buttons for users

Features

• PDF Rendering: Powered by PDF.js for fast and reliable display
• Zoom Controls: Zoom in/out with smooth scaling (25% to 300%)
• Fullscreen Mode: Immersive viewing experience
• Download & Print: One-click download and print functionality
• Page Navigation: Intuitive previous/next page controls
• Responsive Design: Perfect display on all devices
• Accessibility: Keyboard navigation and screen reader support
• Custom Styling: Extensive Elementor styling options
• Multiple Sources: Support for URL and file upload PDF sources

Usage

1. Edit a page with Elementor
2. Add the “PDF Smart Viewer” widget
3. Choose your PDF file or enter a PDF URL
4. Customize the settings as needed

Settings

Go to Settings → PDF Smart Viewer to configure:
* Default zoom level
* Default height (100% by default)
* Which buttons to show

Coming Soon

• Remote PDF Support: Load PDFs from Google Drive, Dropbox, etc.
• More Features: Thumbnails, search, annotations

Support

Need help? Contact us at deknows.com

Credits

• Development: Mr. Hamad Khan – Founding Partner – Lead Development and Operations @Deknows Inc
• Development: Mr. Amanat Ali – WordPress Site Builder @Deknows Inc
• PDF.js: Mozilla Foundation (https://mozilla.github.io/pdf.js/)
• Elementor: Elementor Ltd (https://elementor.com/)