Description

A flat image can introduce a page. A panorama can pull people into it.

A360 Panorama Hero provides a dynamic Gutenberg block for building memorable Hero sections with an interactive equirectangular 360-degree image in the background. It is ideal for hotels, real estate, architecture, showrooms, tourism, events, creative portfolios, and any website where space and atmosphere help tell the story.

The foreground content uses native InnerBlocks. Headings, paragraphs, buttons, groups, columns, and other supported WordPress blocks remain editable with standard block editor controls. There is no separate page builder and no unfamiliar content workflow.

Build the Hero your way, invite visitors to look around, and make the most valuable part of the page impossible to ignore.

Lightweight by design

A360 Panorama Hero keeps its footprint focused. Panorama styles and scripts are loaded only on pages where the block or shortcode is used, so the plugin does not add an unnecessary site-wide script payload. It also uses no tracking and requires no external rendering service.

Features include:

Native dynamic Gutenberg block with InnerBlocks content.
Lightweight assets loaded only on pages that use a panorama.
Equirectangular 2:1 panorama images from the Media Library.
Optional poster image displayed while WebGL initializes.
Automatic rotation with configurable speed and restart delay.
Adjustable field of view, overlay opacity, and block height.
Horizontal and vertical content alignment controls.
Adjustable content padding.
Keyboard, pointer, and touch interaction.
A shortcode for displaying a standalone panorama.

No external service or user tracking is used by this plugin.

Shortcode

Use an attachment ID, an absolute image URL, or a filename placed in the plugin’s panoramas directory:

[a360_panorama image="123" height="600" speed="1.5" fov="75" resume="5"]

Supported attributes:

image – attachment ID, image URL, or local filename.
poster – optional poster image.
height – viewer height in pixels.
speed – automatic rotation speed.
fov – initial field of view.
resume – delay before rotation resumes after interaction.
autoplay – always, respect, or off.
label – accessible viewer label.

Blocks

This plugin provides 1 block.

A360 Panorama Hero Panorama 360° w tle z treścią z natywnych bloków WordPressa.

Installation

Upload the a360-panorama-hero directory to /wp-content/plugins/, or install the plugin through the WordPress Plugins screen.
Activate A360 Panorama Hero.
Add the A360 Panorama Hero block in the block editor.
Select a 2:1 equirectangular panorama from the Media Library and edit the foreground content with native blocks.

FAQ

Which image format should I use?: Use a 2:1 equirectangular panorama. WebP or JPEG usually provides a good balance between image quality and file size.
Can I edit the Hero text and buttons normally?: Yes. The Hero foreground is built with native WordPress blocks through InnerBlocks.
Does the plugin send data to an external service?: No. The panorama is rendered in the visitor’s browser and the plugin does not add analytics or external service requests.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“A360 Panorama Hero” is open source software. The following people have contributed to this plugin.

A360

Translate “A360 Panorama Hero” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.3

Adds a per-hotspot Visible setting for showing or hiding its title label.

1.2.1

Updates nadir logo rotation and size live without resetting the panorama view.

1.2.0

Adds a per-panorama nadir logo with adjustable rotation and size.

1.1.6

Ensures every block renders its own saved panorama URL, even when a stale attachment ID is retained after duplication or translation.

1.1.5

Keeps multiple panorama instances visually independent and resets a copied poster when the panorama image changes.

1.1.4

Keeps hotspot lists separate when a block is assigned a different panorama image.

1.1.3

Smoothly returns the panorama to the natural horizon when automatic rotation starts or resumes.

1.0

Initial public release.