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.

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.

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