{"id":7424,"date":"2026-07-25T12:02:56","date_gmt":"2026-07-25T10:02:56","guid":{"rendered":"https:\/\/a360.pl\/?p=7424"},"modified":"2026-07-26T00:41:38","modified_gmt":"2026-07-25T22:41:38","slug":"a360-panorama-hero","status":"publish","type":"post","link":"https:\/\/a360.pl\/en\/a360-panorama-hero\/","title":{"rendered":"A360 Panorama Hero \u2013 Interactive 360\u00b0 Panorama for WordPress"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\"><strong>A360 Panorama Hero turns a static WordPress page header into an interactive 360\u00b0 panorama.<\/strong> The panoramic image becomes the background of the Hero section, while the heading, description, buttons, and other elements are still created with standard Gutenberg blocks. This lets you build an impressive opening section without locking your content inside difficult-to-edit code.<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">This guide explains when a 360\u00b0 panorama in a Hero section makes sense, how to prepare the right image, how to configure the A360 Panorama Hero block, and how to maintain readability, performance, and accessibility.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Table of contents<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#what-is-it\">What is A360 Panorama Hero?<\/a><\/li>\n\n\n\n<li><a href=\"#who-is-it-for\">Who is this plugin for?<\/a><\/li>\n\n\n\n<li><a href=\"#features\">Key features<\/a><\/li>\n\n\n\n<li><a href=\"#image\">How to prepare a 360\u00b0 panorama<\/a><\/li>\n\n\n\n<li><a href=\"#instructions\">How to add an interactive Hero in WordPress<\/a><\/li>\n\n\n\n<li><a href=\"#settings\">How the block settings work<\/a><\/li>\n\n\n\n<li><a href=\"#performance\">Performance, UX, and accessibility<\/a><\/li>\n\n\n\n<li><a href=\"#comparison\">Panorama Hero vs. a static image or video<\/a><\/li>\n\n\n\n<li><a href=\"#faq\">Frequently asked questions<\/a><\/li>\n<\/ul>\n\n\n\n<h2 id=\"what-is-it\" class=\"wp-block-heading\">What is A360 Panorama Hero?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A360 Panorama Hero is a free WordPress plugin that adds an interactive equirectangular panorama to the block editor as the background of a Hero section. Visitors can explore the surroundings by dragging with a mouse or finger, while the panorama can also rotate automatically.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The most important difference from many ready-made \u201c360 sliders\u201d is the way the foreground content is built. The plugin does not force you to use a separate page builder. Inside the Hero, you can use native WordPress blocks such as headings, paragraphs, buttons, groups, columns, icons, and images. Your content therefore remains editable, semantic, and visible to search engines.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The panorama creates the visual experience, while native WordPress blocks handle the message, navigation, and conversion.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">The block can be used as a full-screen opening, a shorter category banner, or an interactive section inside a landing page. Its height can be adjusted for both compact headers and large Hero layouts.<\/p>\n\n\n\n<h2 id=\"who-is-it-for\" class=\"wp-block-heading\">Who is A360 Panorama Hero for?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">An interactive Hero is especially useful when a place, interior, or surrounding area is part of the offer. Instead of describing a space only with words, you can let visitors see and explore it from the first second.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Hotels and apartments<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Show the lobby, a room, restaurant, spa area, or terrace view before visitors even open the gallery.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Real estate<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Create a strong first impression of an apartment, house, development, or commercial property.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Restaurants and events<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Present the atmosphere of a dining room, garden, conference space, or event venue.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Museums and tourism<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Encourage visits by showing an exhibition, monument, viewpoint, or landscape in 360\u00b0.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The plugin is also suitable for architects, 360\u00b0 photographers, drone operators, car showrooms, sports venues, schools, clinics, and companies that want a more engaging landing page.<\/p>\n\n\n\n<h2 id=\"features\" class=\"wp-block-heading\">Key features of A360 Panorama Hero<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Interactive 360\u00b0 background<\/strong> controlled with a mouse, touch, or keyboard.<\/li>\n\n\n\n<li><strong>Native Gutenberg block<\/strong> that accepts standard WordPress blocks.<\/li>\n\n\n\n<li><strong>Media Library integration<\/strong> without manually entering file paths.<\/li>\n\n\n\n<li><strong>Optional poster image<\/strong> displayed while the interactive view loads.<\/li>\n\n\n\n<li><strong>Adjustable Hero height<\/strong> from a compact banner to a large opening section.<\/li>\n\n\n\n<li><strong>Background overlay<\/strong> for maintaining readable text contrast.<\/li>\n\n\n\n<li><strong>Rotation speed and restart delay controls.<\/strong><\/li>\n\n\n\n<li><strong>Adjustable field of view<\/strong> for the initial panorama zoom.<\/li>\n\n\n\n<li><strong>Three autoplay modes:<\/strong> always on, reduced-motion aware, or off.<\/li>\n\n\n\n<li><strong>Horizontal and vertical content alignment.<\/strong><\/li>\n\n\n\n<li><strong>A single padding control<\/strong> for all four sides.<\/li>\n\n\n\n<li><strong>Automatic compact layout<\/strong> for low-height Hero sections.<\/li>\n\n\n\n<li><strong>Pause and resume button<\/strong> with an accessible label.<\/li>\n\n\n\n<li><strong>Shortcode support<\/strong> for use outside the block editor.<\/li>\n<\/ul>\n\n\n\n<h2 id=\"image\" class=\"wp-block-heading\">How to prepare a 360\u00b0 panorama<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A good result starts with the right file. A360 Panorama Hero expects a 2:1 equirectangular panorama. The image width should be twice its height\u2014for example, 4000 \u00d7 2000 px or 6000 \u00d7 3000 px.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Essential image preparation rules<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Use a complete 360 \u00d7 180-degree spherical panorama.<\/li>\n\n\n\n<li>Make sure the seam between the left and right edges is invisible.<\/li>\n\n\n\n<li>Level the horizon so the view is not tilted.<\/li>\n\n\n\n<li>Remove or blur faces, license plates, and protected information where necessary.<\/li>\n\n\n\n<li>Correct exposure, white balance, contrast, and saturation before export.<\/li>\n\n\n\n<li>Remove unwanted elements such as the tripod or an unattractive nadir.<\/li>\n\n\n\n<li>Export as JPEG or WebP, balancing detail with a reasonable file size.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">WebP usually reduces panorama size while preserving good quality. Do not judge the file by size alone, however. Heavy compression can create visible banding and artifacts in skies, walls, and gradients while the panorama rotates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The panorama and poster serve different purposes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The panorama is the source of the interactive view. The poster appears immediately and remains visible until the 360\u00b0 engine is ready. You can use the same file, but a lighter image optimized for the first screen will often improve perceived loading speed and prevent an empty background.<\/p>\n\n\n\n<h2 id=\"instructions\" class=\"wp-block-heading\">How to add an interactive Hero in WordPress<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Edit a page or post in the WordPress dashboard.<\/li>\n\n\n\n<li>Open the block inserter and search for <strong>A360 Panorama Hero<\/strong>.<\/li>\n\n\n\n<li>Add the block where the interactive section should appear.<\/li>\n\n\n\n<li>Select a 2:1 panorama from the Media Library.<\/li>\n\n\n\n<li>Optionally select a lighter poster image.<\/li>\n\n\n\n<li>Add an H1 or H2 heading, description, and CTA buttons inside the block.<\/li>\n\n\n\n<li>Set the height, overlay, speed, field of view, and content alignment.<\/li>\n\n\n\n<li>Check the result on desktop, tablet, and mobile.<\/li>\n\n\n\n<li>Save a draft and test the page outside the editor.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Hero content should be short and specific: one clear heading, one or two explanatory sentences, and one primary button. A secondary button may lead to a gallery, complete virtual tour, price list, or contact form.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example content structure<\/h3>\n\n\n\n<div class=\"wp-block-group has-base-2-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>EXPLORE THE PROPERTY IN 360\u00b0<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">See the hotel before you book your stay<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Look around the lobby, rooms, and restaurant. Explore the space and the view from the terrace.<\/p>\n\n\n<section style=\"--a360-hero-height:350px;--a360-hero-overlay:0.64;--a360-hero-content-padding:50px;--a360-hero-content-x:flex-start;--a360-hero-content-y:flex-start;--a360-hero-text-align:left\" class=\"a360-panorama-hero is-short-height is-micro-height wp-block-a360-panorama-hero\"><div class=\"a360-panorama-hero__media\" aria-busy=\"true\"><img class=\"a360-panorama-hero__poster\" src=\"https:\/\/a360.pl\/wp-content\/uploads\/2026\/07\/hotel-1.webp\" alt=\"\" fetchpriority=\"high\" decoding=\"async\"><div class=\"a360-panorama\" role=\"region\" aria-label=\"Interaktywna panorama 360 stopni\" tabindex=\"0\" data-image=\"https:\/\/a360.pl\/wp-content\/uploads\/2026\/07\/hotel-1.webp\" data-width=\"1200\" data-engine=\"https:\/\/a360.pl\/wp-content\/plugins\/a360-panorama\/assets\/js\/a360.js?ver=1.3.2\" data-speed=\"2\" data-fov=\"75\" data-resume=\"4\" data-autoplay=\"always\"><div class=\"a360-panorama__viewport\"><\/div><div class=\"a360-panorama__loader\" role=\"status\">\u0141adowanie panoramy\u2026<\/div><div class=\"a360-panorama__error\" role=\"alert\" hidden>Nie uda\u0142o si\u0119 wczyta\u0107 panoramy.<\/div><button class=\"a360-panorama__toggle\" type=\"button\" aria-pressed=\"false\" aria-label=\"Zatrzymaj obr\u00f3t panoramy\"><span aria-hidden=\"true\">\u2161<\/span><\/button><\/div><\/div><div class=\"a360-panorama-hero__overlay\"><\/div><div class=\"a360-panorama-hero__content\">\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-9fa57605 wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading\">See the hotel before you book your stay<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Look around the lobby, rooms, and restaurant. Explore the space and the view from the terrace.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-link-color wp-element-button\" href=\"https:\/\/maps.app.goo.gl\/nwjppGjEPf7wnvdp7\" target=\"_blank\" rel=\"noreferrer noopener\">Welcome<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n<\/div><\/section><\/div><\/div>\n\n\n\n<h2 id=\"settings\" class=\"wp-block-heading\">How do the block settings work?<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Setting<\/th><th>What it changes<\/th><th>Practical tip<\/th><\/tr><\/thead><tbody><tr><td>Height<\/td><td>The height of the entire Hero section<\/td><td>For a homepage, start around 560\u2013760 px; for a banner, try 320\u2013500 px.<\/td><\/tr><tr><td>Overlay<\/td><td>The layer between the panorama and content<\/td><td>Match it to the image brightness and keep the text readable.<\/td><\/tr><tr><td>Rotation speed<\/td><td>The speed of automatic movement<\/td><td>Subtle motion usually works better than fast rotation.<\/td><\/tr><tr><td>Field of view<\/td><td>The initial panorama zoom<\/td><td>A lower value zooms in; a higher value shows a wider scene.<\/td><\/tr><tr><td>Resume delay<\/td><td>How long rotation waits after interaction<\/td><td>Give visitors enough time to inspect details comfortably.<\/td><\/tr><tr><td>Autoplay<\/td><td>Animation behavior after loading<\/td><td>The reduced-motion-aware option is a good accessibility choice.<\/td><\/tr><tr><td>Content alignment<\/td><td>Horizontal and vertical block position<\/td><td>Place text over a visually calm part of the panorama.<\/td><\/tr><tr><td>Content padding<\/td><td>Distance from all Hero edges<\/td><td>Check that text and buttons do not touch screen edges on mobile.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Shortcode for other locations<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you cannot use the block, the plugin also provides a shortcode:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;a360_panorama image=\"panorama.jpg\" poster=\"panorama.jpg\" height=\"600\"]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">You can provide a filename, a full Media Library URL, or an attachment ID. The <code>speed<\/code>, <code>fov<\/code>, <code>resume<\/code>, and <code>autoplay<\/code> parameters let you customize panorama behavior.<\/p>\n\n\n\n<h2 id=\"performance\" class=\"wp-block-heading\">Performance, UX, and accessibility<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A 360\u00b0 panorama is a larger asset than a standard Hero image, so it should be used thoughtfully. The visual effect should not come at the expense of readability or page speed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Lightweight by design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A360 Panorama Hero is a lightweight plugin. Its panorama styles and scripts load only on pages where the block or shortcode is actually used. It does not add an unnecessary site-wide script payload, does not track visitors, and does not require an external rendering platform.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Do not upload a higher resolution than you really need.<\/li>\n\n\n\n<li>Use WebP or a well-compressed JPEG.<\/li>\n\n\n\n<li>Add a lightweight poster so visitors immediately see an attractive background.<\/li>\n\n\n\n<li>Do not place several heavy panoramas above the fold.<\/li>\n\n\n\n<li>Test on a real phone and a slower connection.<\/li>\n\n\n\n<li>Check Core Web Vitals and real loading times after deployment.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Content readability<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A moving background can compete with the text. Use the overlay, limit paragraph width, and maintain strong contrast. The heading should not cover the panorama\u2019s most important subject. If the center is visually busy, align the content to the left or right.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Automatic movement should remain calm. The plugin includes a pause button and a mode that respects the system\u2019s reduced-motion preference\u2014important for people who are sensitive to animation or use assistive technology.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SEO: a panorama does not replace content<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Google will not understand an offer from an impressive background alone. Use a clear heading, service description, logical subheadings, internal links, and meaningful CTA buttons. Because the Hero content is built with native WordPress blocks, it remains part of the HTML document and can support the page structure.<\/p>\n\n\n\n<h2 id=\"comparison\" class=\"wp-block-heading\">Panorama Hero, static image, or background video?<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Solution<\/th><th>Greatest advantage<\/th><th>Limitation<\/th><th>Best use<\/th><\/tr><\/thead><tbody><tr><td>360\u00b0 panorama<\/td><td>Visitors choose where to look<\/td><td>Larger file and more demanding rendering<\/td><td>Interiors, real estate, tourism, venues, and locations<\/td><\/tr><tr><td>Static image<\/td><td>The simplest and fastest option<\/td><td>Shows only one frame<\/td><td>Pages focused on speed and a simple message<\/td><\/tr><tr><td>Background video<\/td><td>Full control over presentation order<\/td><td>Visitors cannot control the view; video can be heavy<\/td><td>Brand stories, moving products, and planned narratives<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A Panorama Hero does not have to replace a gallery or a complete virtual tour. It works best as an engaging introduction: visitors get a taste of the space and then continue to the full presentation, booking system, offer, or contact page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to design a Hero that drives action<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The panorama attracts attention, but the business goal is rarely limited to viewing an image. Define one main action: booking, sending an inquiry, opening the full tour, downloading an offer, or visiting a specific category.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The heading should answer \u201cWhat will I gain?\u201d instead of merely naming the property. \u201cSee the rooms and terrace view before you book\u201d communicates more value than \u201cA panorama of our hotel.\u201d<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hotel: <strong>CHECK AVAILABLE ROOMS<\/strong><\/li>\n\n\n\n<li>Real estate: <strong>BOOK A VIEWING<\/strong><\/li>\n\n\n\n<li>Restaurant: <strong>RESERVE A TABLE<\/strong><\/li>\n\n\n\n<li>Museum: <strong>PLAN YOUR VISIT<\/strong><\/li>\n\n\n\n<li>360\u00b0 photographer: <strong>REQUEST A QUOTE<\/strong><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive design for different screens<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The same block appears on a wide monitor, tablet, and narrow phone. Both the space available for text and the visible part of the panorama change, so a desktop preview is not enough.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Desktop<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A wide screen reveals more of the surroundings and lets you place text on one side. Keep paragraphs reasonably narrow so they remain easy to read and leave room for exploration.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tablet<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Check portrait and landscape orientation. Buttons need a comfortable touch target, and the content must not be clipped when the device rotates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mobile<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A large heading can fill most of the first screen. Shorten the message instead of shrinking it to an unreadable size. Buttons may stack vertically, and safe spacing from screen edges is essential.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Accessibility is part of the design<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">An interactive panorama should never be the only way to communicate important information. Visitors using a screen reader, avoiding gestures, or disabling animation must still understand the offer and reach the next step.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use a meaningful accessibility label for the 360\u00b0 region.<\/li>\n\n\n\n<li>Do not place essential information only inside the image.<\/li>\n\n\n\n<li>Maintain sufficient contrast for text, buttons, and icons.<\/li>\n\n\n\n<li>Avoid aggressive or fast movement.<\/li>\n\n\n\n<li>Always let visitors pause the animation.<\/li>\n\n\n\n<li>Use a logical heading hierarchy and descriptive link text.<\/li>\n\n\n\n<li>Test keyboard controls and visible focus states.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">When is a static image the better choice?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A 360\u00b0 panorama is not necessary for every website. If the environment has little influence on the customer\u2019s decision, a static image may communicate the message faster and with a smaller payload. It is also safer when the source material is weak, most visitors use very slow connections, or the primary goal is to display a simple form immediately.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do not add a panorama only because it is technically possible. The strongest results come when free exploration answers a real customer question: What does the room look like? How is the venue arranged? What surrounds the property? What should I expect during my visit?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Common mistakes<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Using an ordinary photograph instead of a 2:1 equirectangular panorama.<\/li>\n\n\n\n<li>Setting automatic rotation too fast for comfortable reading.<\/li>\n\n\n\n<li>Omitting the poster and showing an empty background during loading.<\/li>\n\n\n\n<li>Using too little overlay behind white text.<\/li>\n\n\n\n<li>Adding too much text and too many buttons.<\/li>\n\n\n\n<li>Skipping tests on real mobile devices.<\/li>\n\n\n\n<li>Uploading an enormous, uncompressed image.<\/li>\n\n\n\n<li>Placing content over the panorama\u2019s most important subject.<\/li>\n\n\n\n<li>Treating a panorama as a replacement for useful copy and SEO structure.<\/li>\n<\/ul>\n\n\n\n<div id=\"download\" class=\"wp-block-group has-contrast-color has-text-color\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Build an interactive 360\u00b0 Hero in WordPress\u2014for free<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A360 Panorama Hero combines an immersive background with the simplicity of Gutenberg. Add your own panorama, build the foreground with native blocks, and customize the layout without creating a separate coded template. The plugin is free to download and use.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/a360-panorama-hero\/\">DOWNLOAD A360 PANORAMA HERO FREE<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/contact\/\">ASK ABOUT IMPLEMENTATION<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h2 id=\"faq\" class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Is A360 Panorama Hero free?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. A360 Panorama Hero is free to download and use. It does not require a subscription, an external panorama account, or paid rendering services.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What image do I need?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use a complete 360 \u00d7 180-degree equirectangular image with a 2:1 aspect ratio\u2014for example, 4000 \u00d7 2000 px. A standard photograph will not create a correct sphere.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can I edit text and buttons in Gutenberg?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. You can use native WordPress blocks inside A360 Panorama Hero, including headings, paragraphs, buttons, groups, and columns.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Does the panorama work on mobile?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. The viewer is responsive and supports touch controls. Always test text size, padding, Hero height, and image weight on a real mobile device.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can automatic rotation be disabled?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. You can keep rotation always active, respect the visitor\u2019s reduced-motion preference, or turn autoplay off.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Why should I add a poster image?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The poster appears before the interactive panorama is ready. It prevents an empty background, improves the first impression, and can reduce perceived loading time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Does the plugin support a shortcode?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. The shortcode displays a panorama where the A360 Panorama Hero block cannot be used directly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Does A360 Panorama Hero create a complete virtual tour?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">No. The plugin is designed primarily to present one panorama as an interactive Hero background. It can lead visitors to a complete tour, gallery, booking system, or offer page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Is a 360\u00b0 panorama good for SEO?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It can improve appeal and engagement, but it does not replace useful content. Clear headings, descriptive copy, logical structure, internal links, performance, and usability remain essential.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A360 Panorama Hero turns a static WordPress page header into an interactive 360\u00b0 panorama. The panoramic image becomes the background of the Hero section, while the heading, description, buttons, and other elements are still created with standard Gutenberg blocks. This lets you build an impressive opening section without locking your content inside difficult-to-edit code. This [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7424","post","type-post","status-publish","format-standard","hentry","category-bez-kategorii"],"_links":{"self":[{"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/posts\/7424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/comments?post=7424"}],"version-history":[{"count":16,"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/posts\/7424\/revisions"}],"predecessor-version":[{"id":7452,"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/posts\/7424\/revisions\/7452"}],"wp:attachment":[{"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/media?parent=7424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/categories?post=7424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a360.pl\/en\/wp-json\/wp\/v2\/tags?post=7424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}