bterp

<p>Embed large, detailed SVG diagrams in WordPress with an accessible viewer that supports touch-friendly zooming, panning, and centering. BT SVG Viewer keeps maps, technical drawings, and infographics sharp on every screen, while giving editors a visual preset builder so they can reuse configurations without repeating shortcode attributes.</p>
<h4>Highlights</h4>
<ul>
<li>Interactive zoom and pan controls with keyboard shortcuts and optional slider mode.</li>
<li>Smooth, cursor-focused zoom animations with click-drag panning.</li>
<li>Preset post type with live preview, copy-ready shortcodes, and color pickers for control styling.</li>
<li>Fine-grained shortcode attributes for height, zoom bounds, center coordinates, titles, and captions.</li>
<li>Front-end wrapper classes and CSS custom properties for deep theme integration.</li>
<li>Localized UI and strings in English, German, Spanish, French, and Italian.</li>
</ul>
<h4>Shortcode Overview</h4>
<p>Use the <code>[btsvviewer]</code> shortcode anywhere shortcodes are supported. Pass a direct SVG URL or reference a saved preset ID. All shortcode attributes (height, zoom limits, controls layout, button colors, etc.) can be overridden per instance. See the plugin’s admin Help tab or project README for a full attribute reference and examples. Existing shortcodes created before the rename continue to render, so archived posts don’t need to be touched.</p>
<h4>Preset Workflow</h4>
<p>Create a preset from <strong>BT SVG Viewer <span aria-hidden="true" class="wp-exclude-emoji">→</span> Presets</strong> in the admin. Upload an SVG, tune the controls, tweak button colors, then load the preview to dial in the initial zoom and center point. Save the preset and drop the generated <code>[btsvviewer id="123"]</code> shortcode wherever you need the viewer. Inline attributes always win over stored preset values, making it easy to reuse a baseline configuration.</p>
<h3>Localization</h3>
<p>Available translations: German (de_DE), Spanish (es_ES), French (fr_FR), Italian (it_IT).</p>
<p>Translations were initially produced with AI assistance; corrections are welcome via https://github.com/ttscoff/bt-svg-viewer/issues.</p>


BT SVG Viewer

A shortcode-powered SVG viewer with reusable presets, zoom, and pan controls.

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.

BT SVG Viewer vs Embed PDF Viewer