Kevin Bazira

<p>Algori 360 Image is a Gutenberg Block Plugin that enables you add interactive 360° images to your WordPress website. Adding immersive panorama images, spherical images, equirectangular photos, full-sphere 3D images and VR (Virtual Reality) photography will boost user engagement and increase revenue for your site.</p>
<p><strong><br />
Please Note that this plugin;<br />
* Currently supports one 360° image per page.<br />
* Requires the Gutenberg editor to be activated on your WordPress site in order to access and use the 360° image block.<br />
</strong></p>
<h3>Features</h3>
<ol>
<li>No Flash Needed</li>
<li>Compatible with Modern Browsers like Chrome, Firefox, Edge and Safari.</li>
<li>Supports VR (Virtual Reality) headsets such as Vive, Rift, Windows Mixed Reality, Daydream, GearVR and Cardboard.</li>
<li>Supports JPG.</li>
<li>Supports both mouse and touch.</li>
<li>You can zoom into the image using touch.</li>
<li>Only one 360° image can be loaded on a single page.</li>
</ol>
<h3>How to use</h3>
<ol>
<li>After installing and activating the 360 Image plugin in your WordPress website.</li>
<li>Navigate to your blog post or page and use the Gutenberg editor to add a 360 Image block.</li>
<li>Use the 360 Image block to add a 360° image to your web page.</li>
<li>At this point, you can adjust your image’s dimensions (width and height) using the Gutenberg block inspector section.</li>
<li>Click “Publish” to view your new web page with a 360° image.</li>
<li>Congratulations 😀</li>
</ol>
<h3>Credits</h3>
<ul>
<li><a href="https://github.com/ahmadawais/create-guten-block" rel="nofollow ugc">create-guten-block</a> , (C) 2018 Ahmad Awais, <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT</a></li>
<li><a href="https://aframe.io/" rel="nofollow ugc">A-Frame</a> , (C) 2015-2018 Mozilla and A-Frame Authors, <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT</a></li>
</ul>
<p>Algori 360 Image WordPress Plugin, Copyright 2025 Kevin Bazira<br />
Algori 360 Image is distributed under the terms of the GNU GPL</p>


Algori 360 Image

Algori 360 Image is a Gutenberg Block Plugin that enables you add interactive 360° images to your WordPress 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.

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