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.

WPXERO

Abu Talib

ADDONIUM

<h3>The Best 360° Panorama & Virtual Tour Plugin for WordPress</h3>
<p><strong>Photo Sphere Viewer</strong> lets you embed stunning <strong>360° panoramic images</strong>, interactive <strong>virtual tours</strong>, and immersive <strong>360° videos</strong> directly into any WordPress page. Works seamlessly with <strong>Elementor</strong>, <strong>Gutenberg</strong>, and <strong>shortcodes</strong> — no coding required.</p>
<p>Whether you’re a real estate agent showcasing properties, a hotel owner offering room previews, a photographer displaying panoramic portfolios, or a travel blogger sharing immersive experiences — Photo Sphere Viewer is built for you.</p>
<h3>360° Panorama Viewer</h3>
<p>Upload any equirectangular panorama image (JPEG, PNG) and display it as a fully interactive 360° viewer. Visitors can drag, zoom, and explore the scene on any device.</p>
<ul>
<li>Drag-to-explore with mouse or touch gestures</li>
<li>Pinch-to-zoom on mobile devices</li>
<li>Configurable field of view, zoom limits, and movement speed</li>
<li>Auto-rotation with adjustable delay and speed</li>
<li>Set a custom starting position (yaw & pitch angles)</li>
<li>Fullscreen mode</li>
</ul>
<h3>Virtual Tour Builder</h3>
<p>Create multi-scene virtual tours with linked navigation between panoramas. Add 3D arrow hotspots so visitors can walk through spaces scene by scene — perfect for real estate walkthroughs, museum tours, hotel lobbies, and campus maps.</p>
<ul>
<li>Unlimited scenes per tour</li>
<li>3D navigation arrows between scenes</li>
<li>Per-scene starting position (yaw/pitch)</li>
<li>Scene gallery thumbnail bar (Pro)</li>
<li>Compass widget overlay (Pro)</li>
<li>Works in both the Elementor widget and the <code>[psv_tour]</code> shortcode</li>
</ul>
<h3>360° Video Player</h3>
<p>Embed 360-degree videos and let viewers look around while the video plays. Ideal for immersive travel videos, event recordings, and cinematic VR content.</p>
<ul>
<li>Supports MP4 and common web video formats</li>
<li>Play/pause, seek, and volume controls in the navbar</li>
<li>Muted autoplay option (Pro)</li>
<li>Loop playback (Pro)</li>
<li>Works in both the Elementor widget and the <code>[psv_video]</code> shortcode</li>
</ul>
<h3>Gallery Plugin</h3>
<p>Display a thumbnail gallery bar below the viewer so visitors can switch between multiple panoramas or tour scenes instantly.</p>
<ul>
<li>Gallery bar with scene thumbnails</li>
<li>Click-to-navigate between panoramas</li>
<li>Configurable thumbnail size</li>
<li>Auto-hide on click option</li>
</ul>
<h3>All Features at a Glance</h3>
<ul>
<li><strong>Elementor Widgets</strong> — Dedicated widgets for panorama, virtual tour, and 360° video</li>
<li><strong>Gutenberg Block</strong> — Native block editor support</li>
<li><strong>Shortcode Builder</strong> — Visual admin panel to create and manage <code>[psv]</code>, <code>[psv_tour]</code>, and <code>[psv_video]</code> shortcodes</li>
<li><strong>Fully Responsive</strong> — Works on desktops, tablets, and mobile phones</li>
<li><strong>Touch Optimized</strong> — Smooth drag and pinch-to-zoom on all touch devices</li>
<li><strong>Customizable Navbar</strong> — Toggle zoom, caption, fullscreen, autorotate, and download buttons</li>
<li><strong>Style Controls</strong> — Customize navbar background, caption color, and typography</li>
<li><strong>Starting Position</strong> — Set the default yaw (horizontal) and pitch (vertical) viewing angle</li>
<li><strong>Canvas Background</strong> — Set a custom background color behind the panorama</li>
<li><strong>Mouse & Touch Options</strong> — Enable/disable mouse wheel zoom, drag movement, two-finger touch, Ctrl+scroll, and cursor capture</li>
<li><strong>Lightweight</strong> — Optimized build with minimal footprint for fast page loads</li>
<li><strong>Developer Friendly</strong> — Clean shortcode API with full attribute control</li>
</ul>
<h3>Pro Features</h3>
<p>Unlock advanced capabilities with <a href="https://wpxero.com/plugins/photo-sphere-viewer/pricing/" rel="nofollow ugc">Photo Sphere Viewer Pro</a>:</p>
<ul>
<li>Zoom, fullscreen, download, and autorotate navbar controls</li>
<li>Gallery plugin for panorama and tour viewers</li>
<li>Compass overlay widget</li>
<li>Gyroscope support for mobile VR-like experiences</li>
<li>Visible range restriction (limit horizontal and vertical viewing angles)</li>
<li>360° video autoplay and loop</li>
<li>Priority support</li>
</ul>
<h3>Perfect For</h3>
<ul>
<li><strong>Real Estate</strong> — Virtual property tours, open house walkthroughs</li>
<li><strong>Hotels & Hospitality</strong> — Room previews, lobby tours, resort showcases</li>
<li><strong>Photography</strong> — 360° panoramic photo portfolios</li>
<li><strong>Travel & Tourism</strong> — Destination previews, city tours, landmark explorations</li>
<li><strong>Education</strong> — Campus tours, museum exhibits, lab walkthroughs</li>
<li><strong>E-Commerce</strong> — 360° product views on WooCommerce pages</li>
<li><strong>Events</strong> — Venue tours, wedding location showcases, conference halls</li>
</ul>
<h3>How It Works</h3>
<h3>Using Elementor</h3>
<ol>
<li>Open the Elementor editor.</li>
<li>Search for <strong>Photo Sphere Viewer</strong>, <strong>PSV Virtual Tour</strong>, or <strong>PSV 360° Video</strong> in the widget panel.</li>
<li>Drag the widget into your layout.</li>
<li>Upload your panorama image or video and configure display settings, navbar controls, and styling.</li>
</ol>
<h3>Using Gutenberg</h3>
<p>Insert the <strong>Photo Sphere Viewer</strong> block, upload your panorama, and configure options from the sidebar panel.</p>
<h3>Using Shortcodes</h3>
<p>Use the built-in <strong>Shortcode Builder</strong> from the admin menu to visually create shortcodes, or write them manually:</p>
<p><strong>Basic panorama:</strong><br />
    [psv image=”https://example.com/panorama.jpg” width=”100″ height=”80″]</p>
<p><strong>Virtual tour:</strong><br />
    [psv_tour scenes='[{“name”:”Lobby”,”panorama”:”lobby.jpg”,”links”:”2″},{“name”:”Room”,”panorama”:”room.jpg”,”links”:”1″}]’]</p>
<p><strong>360° video:</strong><br />
    [psv_video src=”https://example.com/360-video.mp4″ muted=”yes”]</p>


Photo Sphere Viewer – 360° Panorama, Virtual Tour & 360 Video for WordPress

Display 360° panoramas, virtual tours & 360 videos on WordPress with Elementor, Gutenberg, or shortcodes. No coding needed.

Embed PDF Viewer vs Photo Sphere Viewer – 360° Panorama, Virtual Tour & 360 Video for WordPress