MaxtDesign

<p>MaxtDesign PDF Viewer is a performance-focused PDF embedding solution for WordPress. Unlike other PDF plugins that load heavy JavaScript libraries upfront, this plugin uses a smart lazy-loading approach that keeps your pages fast.</p>
<h4>Key Features</h4>
<ul>
<li>Instant Preview – Server-generated WebP preview images display immediately</li>
<li>Zero Layout Shift – CSS aspect-ratio reserves exact space before content loads</li>
<li>Lazy Loading – Full PDF.js viewer loads only when needed</li>
<li>Gutenberg Block – Native block editor integration</li>
<li>Shortcode Support – Works in classic editor and widgets</li>
<li>Keyboard Navigation – Full keyboard and screen reader accessibility</li>
<li>Mobile Optimized – Touch gestures for page navigation and zoom</li>
</ul>
<h4>Performance</h4>
<ul>
<li>Initial page load: < 10KB JavaScript</li>
<li>First paint: < 200ms</li>
<li>Full viewer: Loads on-demand</li>
<li>Preview images: Optimized WebP format</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Upload a PDF to your media library</li>
<li>The plugin automatically extracts the first page as a WebP preview</li>
<li>Insert the PDF using the Gutenberg block or shortcode</li>
<li>Visitors see an instant preview image</li>
<li>Clicking “View Document” loads the interactive PDF.js viewer</li>
</ol>
<h4>Requirements</h4>
<p>For automatic preview generation, your server needs one of:</p>
<ul>
<li>ImageMagick with PDF support (recommended)</li>
<li>Ghostscript</li>
</ul>
<p>The plugin will detect available options and use the best method automatically.</p>
<h4>Shortcode Usage</h4>
<p>[pdf_viewer id=”123″]</p>
<p>Attributes:</p>
<ul>
<li>id (required) – Attachment ID of the PDF</li>
<li>width – CSS width value (default: 100%)</li>
<li>load – When to load viewer: click, visible, immediate (default: click)</li>
<li>toolbar – Show toolbar: true/false (default: true)</li>
</ul>
<h3>Privacy</h3>
<p>This plugin:</p>
<ul>
<li>Does not collect any personal data</li>
<li>Does not send data to external services</li>
<li>Stores preview images locally on your server</li>
<li>Uses PDF.js library loaded from your own server</li>
</ul>


MaxtDesign PDF Viewer

The fastest PDF viewer for WordPress. Sub-200ms load times, zero layout shift, and a beautiful reading experience.

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.

MaxtDesign PDF Viewer vs PDF Smart Viewer for Elementor