MaxtDesign PDF Viewer

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.

Key Features

• Instant Preview – Server-generated WebP preview images display immediately
• Zero Layout Shift – CSS aspect-ratio reserves exact space before content loads
• Lazy Loading – Full PDF.js viewer loads only when needed
• Gutenberg Block – Native block editor integration
• Shortcode Support – Works in classic editor and widgets
• Keyboard Navigation – Full keyboard and screen reader accessibility
• Mobile Optimized – Touch gestures for page navigation and zoom

Performance

• Initial page load: < 10KB JavaScript
• First paint: < 200ms
• Full viewer: Loads on-demand
• Preview images: Optimized WebP format

How It Works

1. Upload a PDF to your media library
2. The plugin automatically extracts the first page as a WebP preview
3. Insert the PDF using the Gutenberg block or shortcode
4. Visitors see an instant preview image
5. Clicking “View Document” loads the interactive PDF.js viewer

Requirements

For automatic preview generation, your server needs one of:

• ImageMagick with PDF support (recommended)
• Ghostscript

The plugin will detect available options and use the best method automatically.

Shortcode Usage

[pdf_viewer id=”123″]

Attributes:

• id (required) – Attachment ID of the PDF
• width – CSS width value (default: 100%)
• load – When to load viewer: click, visible, immediate (default: click)
• toolbar – Show toolbar: true/false (default: true)

Privacy

This plugin:

• Does not collect any personal data
• Does not send data to external services
• Stores preview images locally on your server
• Uses PDF.js library loaded from your own server