Andy Fragen

Alex Kirk

Colin Stewart

<p>Embed a PDF from the Media Library or elsewhere via oEmbed or as a block into an <code>iframe</code> tag. The URL only has to be world reachable link. Chrome uses Google Doc Viewer as Chrome seems to automatically rendered embedded JS in PDFs automatically. Uses Google Doc Viewer with mobile.</p>
<p>Inspired by <a href="https://wordpress.org/plugins/dirtysuds-embed-pdf/" rel="ugc">Embed PDF</a> and <a href="https://wordpress.org/plugins/rv-embed-pdf/" rel="ugc">RV Embed PDF</a>.</p>
<p>Many thanks to <a href="https://github.com/akirk" rel="nofollow ugc">Alex Kirk</a> for making Embed PDF Viewer compatible with the new block editor.</p>
<p>Development on <a href="https://github.com/afragen/embed-pdf-viewer" rel="nofollow ugc">GitHub</a>. Pull requests are welcome against the <code>develop</code> branch.</p>
<h3>Known Issues</h3>
<p>Occasionally Google Doc Viewer will not correctly load the PDF. Reloading the page should correct the issue, though this may need to be done several times.</p>


Embed PDF Viewer

No settings, just add the link of the PDF on a page or use a block.

Had issue with the viewer width, but there's a simple solution for that as well, check this thread.

Thanks!

Works out of the box

Fantastic

Embed a PDF from the Media Library or elsewhere via oEmbed or as a block into an iframe tag.

DeKnows

<p>A simple PDF viewer widget for Elementor that displays PDFs directly on your website.</p>
<h4>What It Does</h4>
<ul>
<li>Shows PDFs in a clean viewer with zoom controls</li>
<li>Works with PDFs uploaded to your site or external URLs</li>
<li>Responsive design that works on mobile and desktop</li>
<li>Download and print buttons for users</li>
</ul>
<h4>Features</h4>
<ul>
<li><strong>PDF Rendering</strong>: Powered by PDF.js for fast and reliable display</li>
<li><strong>Zoom Controls</strong>: Zoom in/out with smooth scaling (25% to 300%)</li>
<li><strong>Fullscreen Mode</strong>: Immersive viewing experience</li>
<li><strong>Download & Print</strong>: One-click download and print functionality</li>
<li><strong>Page Navigation</strong>: Intuitive previous/next page controls</li>
<li><strong>Responsive Design</strong>: Perfect display on all devices</li>
<li><strong>Accessibility</strong>: Keyboard navigation and screen reader support</li>
<li><strong>Custom Styling</strong>: Extensive Elementor styling options</li>
<li><strong>Multiple Sources</strong>: Support for URL and file upload PDF sources</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Edit a page with Elementor</li>
<li>Add the “PDF Smart Viewer” widget</li>
<li>Choose your PDF file or enter a PDF URL</li>
<li>Customize the settings as needed</li>
</ol>
<h3>Settings</h3>
<p>Go to <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> PDF Smart Viewer</strong> to configure:<br />
* Default zoom level<br />
* Default height (100% by default)<br />
* Which buttons to show</p>
<h3>Coming Soon</h3>
<ul>
<li><strong>Remote PDF Support</strong>: Load PDFs from Google Drive, Dropbox, etc.</li>
<li><strong>More Features</strong>: Thumbnails, search, annotations</li>
</ul>
<h3>Support</h3>
<p>Need help? Contact us at <a href="https://deknows.com" rel="nofollow ugc">deknows.com</a></p>
<h3>Credits</h3>
<ul>
<li><strong>Development</strong>: Mr. Hamad Khan – Founding Partner – Lead Development and Operations @Deknows Inc</li>
<li><strong>Development</strong>: Mr. Amanat Ali – WordPress Site Builder @Deknows Inc</li>
<li><strong>PDF.js</strong>: Mozilla Foundation (https://mozilla.github.io/pdf.js/)</li>
<li><strong>Elementor</strong>: Elementor Ltd (https://elementor.com/)</li>
</ul>


PDF Smart Viewer for Elementor

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

Embed PDF Viewer vs PDF Smart Viewer for Elementor