<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:media="http://search.yahoo.com/mrss/"><channel><title><![CDATA[PanoCool Docs & Blogs]]></title><description><![CDATA[This is an information page on how to use PanoCool and knowledge about 360° photos and panoramas in general.]]></description><link>https://docs.pano.cool/</link><image><url>https://docs.pano.cool/favicon.png</url><title>PanoCool Docs &amp; Blogs</title><link>https://docs.pano.cool/</link></image><generator>Ghost 5.81</generator><lastBuildDate>Wed, 08 Apr 2026 21:46:04 GMT</lastBuildDate><atom:link href="https://docs.pano.cool/rss/" rel="self" type="application/rss+xml"/><ttl>60</ttl><item><title><![CDATA[Generating 3D Scenes from 2D & 360 Photos]]></title><description><![CDATA[<p>The <strong>Generate 3D Model</strong> feature uses advanced spatial AI to reconstruct the geometry of a scene from a single image. Whether you are using a standard 2D photo or a 360&#xB0; equirectangular panorama, PanoCool creates a digital twin that allows for &quot;walkthrough&quot; navigation.</p><h2 id="step-by-step-instructions"><strong>Step-by-Step Instructions</strong></h2><h3 id="1-upload-your-media"><strong>1. Upload</strong></h3>]]></description><link>https://docs.pano.cool/generating-3d-scenes-from-2d-360deg-photos/</link><guid isPermaLink="false">69d5f62d3c5b8d048c7c0467</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Wed, 08 Apr 2026 06:33:59 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/04/Grey-and-Beige-Minimalist-Collage-Before---After-Fashion-Style-YouTube-Thumbnail.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/04/Grey-and-Beige-Minimalist-Collage-Before---After-Fashion-Style-YouTube-Thumbnail.png" alt="Generating 3D Scenes from 2D &amp; 360 Photos"><p>The <strong>Generate 3D Model</strong> feature uses advanced spatial AI to reconstruct the geometry of a scene from a single image. Whether you are using a standard 2D photo or a 360&#xB0; equirectangular panorama, PanoCool creates a digital twin that allows for &quot;walkthrough&quot; navigation.</p><h2 id="step-by-step-instructions"><strong>Step-by-Step Instructions</strong></h2><h3 id="1-upload-your-media"><strong>1. Upload Your Media</strong></h3><ul><li>Navigate to the <strong>PanoCool Retouch</strong> editor at <a href="https://pano.cool/pano-editor?ref=docs.pano.cool" rel="noopener">pano.cool/pano-editor</a>.</li><li>Drag and drop your image file (JPG or PNG) into the upload area.</li><li>You can use 1 single panorama or up to 4 normal photos.</li><li><em>Note: High-resolution images with clear architectural lines (floors, walls, ceilings) yield the most accurate 3D reconstructions.</em></li></ul><h3 id="2-initiate-3d-generation"><strong>2. Initiate 3D Generation</strong></h3><ul><li>Open the <strong>Menu</strong> in the top toolbar.</li><li>Select <strong>Generate 3D Model</strong>.</li><li>A preview window will appear. You can explore example models here to see the expected output for both 2D and 360&#xB0; sources.</li><li>Click the <strong>Generate</strong> button.</li></ul><h3 id="3-confirm-ai-edits"><strong>3. Confirm AI Edits</strong></h3><ul><li>The system will display the number of <strong>AI Edits</strong> (credits) required for the generation.</li><li>Confirm by clicking <strong>Generate</strong> again.</li><li><strong>Processing Time:</strong> * <strong>360&#xB0; Photos:</strong> ~2&#x2013;3 minutes.<ul><li><strong>Standard 2D Photos:</strong> ~3&#x2013;5 minutes.</li><li><em>You may continue working in other tabs; the process runs in the cloud.</em></li></ul></li></ul><h3 id="4-exploring-the-3d-scene"><strong>4. Exploring the 3D Scene</strong></h3><p>Once processing is complete, the viewer will switch to the <strong>3D Scene Mode</strong>.</p><ul><li><strong>Keyboard Controls:</strong> Use <strong>WASD</strong> or <strong>Arrow Keys</strong> to move forward, backward, left, and right.</li><li><strong>Mouse Controls:</strong> Click and drag to rotate your view and look around the environment.</li></ul><h3 id="5-exporting-and-sharing"><strong>5. Exporting and Sharing</strong></h3><p>You have two primary options for your generated scene:</p><ul><li><strong>Download:</strong> Save the 3D model file for use in external 3D software.</li><li><strong>Upload to Cloud:</strong> Click the <strong>Upload</strong> button to send the scene directly to the <strong>PanoCool Virtual Tour Studio</strong>.</li></ul><hr><h2 id="managing-your-uploads"><strong>Managing Your Uploads</strong></h2><p>In the Virtual Tour Studio, look for the <strong>Green Cloud Icon</strong> on your project thumbnail.</p><ul><li><strong>Green Icon:</strong> The 3D scene is successfully synced to the cloud and is ready for sharing via URL or embed code.</li><li><strong>Grey Icon:</strong> The scene is still syncing or is stored locally.</li></ul><p><strong>Need Help?</strong> <br>Join our <a href="https://www.facebook.com/groups/panocool" rel="noreferrer">PanoCool Community</a> to share your scenes and get tips from other immersive photographers!</p>]]></content:encoded></item><item><title><![CDATA[Manage Access & Collaboration]]></title><description><![CDATA[<p>The <strong>Manage Access</strong> feature on PanoCool is designed to simplify your workflow. Whether you are collaborating with a co-editor, sharing a draft for client feedback, or handing over a completed virtual tour, you can control exactly who has access to your work without sharing account credentials.</p><h2 id="1-collaboration-roles">1. Collaboration Roles</h2><p>PanoCool</p>]]></description><link>https://docs.pano.cool/manage-access-collaboration/</link><guid isPermaLink="false">69d46d5a3c5b8d048c7c044d</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Tue, 07 Apr 2026 02:42:17 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/04/Ba-n-sao-cu-a-pano-fixer.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/04/Ba-n-sao-cu-a-pano-fixer.png" alt="Manage Access &amp; Collaboration"><p>The <strong>Manage Access</strong> feature on PanoCool is designed to simplify your workflow. Whether you are collaborating with a co-editor, sharing a draft for client feedback, or handing over a completed virtual tour, you can control exactly who has access to your work without sharing account credentials.</p><h2 id="1-collaboration-roles">1. Collaboration Roles</h2><p>PanoCool allows you to invite team members or clients to access your virtual tours with specific roles. Only the <strong>Project Owner</strong> can send invitations or manage access.</p><ul><li><strong>Editor:</strong> Can edit project.</li><li><strong>Viewer:</strong> Has read-only access to view the project configuration but cannot make any changes.</li></ul><h3 id="plan-requirements">Plan Requirements</h3><ul><li>To invite collaborators (Editors or Viewers), the Project Owner must be on the <strong>Super Cool</strong> plan.</li></ul><h2 id="2-inviting-a-collaborator">2. Inviting a Collaborator</h2><ol><li>Open your project and look for the <strong>Manage Access</strong> button.</li><li>Enter the email address of the person you want to invite.</li><li>Select their role (<strong>Editor</strong> or <strong>Viewer</strong>).</li><li>Click <strong>Send Invitation</strong>.</li></ol><p><strong>Invitation System:</strong></p><ul><li>Invitees will receive an email with a link to accept or decline the invitation.</li><li><strong>New Users:</strong> If the invitee does not have a PanoCool account, the project will be automatically linked to their new account once they register using that email address.</li><li><strong>Limits:</strong> Each project can have a maximum of <strong>10 collaborators</strong> (this includes both active members and pending invitations).</li></ul><h2 id="3-transferring-project-ownership">3. Transferring Project Ownership</h2><p>When you need to hand over a project permanently&#x2014;such as delivering a final tour to a client&#x2014;you can use the <strong>Transfer Ownership</strong> feature.</p><h3 id="how-it-works">How it Works:</h3><ul><li>Once you initiate a transfer, the invitee receives a notification to accept ownership.</li><li><strong>Role Change:</strong> After the invitee accepts, <strong>you</strong> will automatically be moved to an <strong>Editor</strong> role, and the recipient becomes the new Project Owner.</li><li><strong>Restrictions:</strong> You can only have <strong>one pending transfer invitation</strong> per project at a time.</li></ul><h3 id="plan-requirements-1">Plan Requirements</h3><ul><li><strong>Both the Sender and the Receiver</strong> must be on the <strong>Super Cool</strong> plan to successfully complete a Project Transfer.</li></ul><h2 id="4-managing-shared-projects">4. Managing Shared Projects</h2><p>If a project has been shared with you, it will appear in your project list with a <strong>Shared Badge</strong>. This badge indicates your role (Editor or Viewer) and displays the name of the Project Owner.</p><ul><li><strong>Non-owners:</strong> If you are not the owner, you will see a read-only notice in the Manage Access menu.</li><li><strong>Revoking Access:</strong> As the owner, you can remove collaborators or cancel pending invitations at any time from the dashboard.</li></ul><hr><blockquote><strong>Pro Tip:</strong> Need to hand over a project to a client? Ensure they have upgraded to the <strong>Super Cool</strong> plan first so they can accept the transfer!</blockquote>]]></content:encoded></item><item><title><![CDATA[Creating a "Little Planet" Intro Effect]]></title><description><![CDATA[<p>The <strong>Little Planet Intro</strong> is a cinematic entry animation that starts with your 360&#xB0; panorama wrapped into a spherical &quot;miniature world&quot; before smoothly zooming into the standard immersive view. This effect is a powerful way to capture attention and provide a professional &quot;opening act&quot; for</p>]]></description><link>https://docs.pano.cool/creating-a-little-planet-intro-effect/</link><guid isPermaLink="false">69cd3c223c5b8d048c7c0438</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Wed, 01 Apr 2026 15:43:18 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/04/Copy-of-Dark-Blue-and-Yellow-Bold-Modern-Professional-Attractive-YouTube-Thumbnail--1-.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/04/Copy-of-Dark-Blue-and-Yellow-Bold-Modern-Professional-Attractive-YouTube-Thumbnail--1-.png" alt="Creating a &quot;Little Planet&quot; Intro Effect"><p>The <strong>Little Planet Intro</strong> is a cinematic entry animation that starts with your 360&#xB0; panorama wrapped into a spherical &quot;miniature world&quot; before smoothly zooming into the standard immersive view. This effect is a powerful way to capture attention and provide a professional &quot;opening act&quot; for your virtual tours.</p><h2 id="overview"><strong>Overview</strong></h2><p>When a viewer opens your tour link, the camera begins at a high-altitude, wide-angle &quot;fisheye&quot; perspective. Over a set number of seconds, the view transitions into the starting position you&#x2019;ve defined in the editor.</p><hr><h2 id="step-by-step-configuration"><strong>Step-by-Step Configuration</strong></h2><h4 id="1-upload-your-360%C2%B0-content"><strong>1. Upload Your 360&#xB0; Content</strong></h4><ul><li>Go to <a href="https://pano.cool/?ref=docs.pano.cool" rel="noreferrer">https://pano.cool</a></li><li>Log in to your <strong>PanoCool Dashboard</strong>.</li><li>Click the <strong>Create</strong> button.</li></ul><p>Drag and drop your panorama into the upload zone.</p><blockquote><strong>Note:</strong> For the best results with aerial &quot;Little Planet&quot; views, use <strong>Sphere Photo</strong> mode if you are capturing content with a DJI drone.</blockquote><h4 id="2-access-the-add-ons-menu"><strong>2. Access the Add-ons Menu</strong></h4><p>Once your panorama is processed and open in the Editor:</p><ul><li>Locate the <strong>Add-ons</strong> tab on the left-hand navigation panel.</li><li>Scroll to find the <strong>Little Planet Intro</strong> module.</li></ul><h4 id="3-enable-and-customize"><strong>3. Enable and Customize</strong></h4><ul><li><strong>Toggle Switch:</strong> Click the toggle to <strong>Enable</strong> the effect.</li><li><strong>Duration:</strong> Use the slider or input field to set the transition time (in milliseconds or seconds).<ul><li><em>Short Duration:</em> Quick, high-energy transition.</li><li><em>Long Duration:</em> Slower, more cinematic &quot;fly-in&quot; feel.</li></ul></li><li><strong>Save:</strong> Ensure you save your changes in the Editor.</li></ul><h4 id="4-preview-your-work"><strong>4. Preview Your Work</strong></h4><p>To see the effect as your audience will see it:</p><ul><li>Click the <strong>Share</strong> button to get your public view link.</li><li>Open the link in a new tab.</li><li><strong>Pro Tip:</strong> If you make adjustments to the duration, simply refresh the view link page to see the updated animation timing.</li></ul><hr><p>Youtube tutorial video:</p><figure class="kg-card kg-embed-card"><iframe width="200" height="150" src="https://www.youtube.com/embed/wxuOT9sYa0Y?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen title="Create a &quot;Little Planet&quot; Intro for 360 Virtual Tours | PanoCool Tutorial"></iframe></figure><h2 id="need-more-help"><strong>Need More Help?</strong></h2><p>Join our <a href="https://www.facebook.com/groups/panocool" rel="noreferrer">PanoCool Community Facebook Group</a> to share your tours and get tips from other professional photographers and creators.</p>]]></content:encoded></item><item><title><![CDATA[Batch Logo Processing for 360 photos in PanoCool Retouch]]></title><description><![CDATA[<p>The <strong>Batch Process</strong> feature in PanoCool Retouch is designed for 360 photographers and virtual tour creators who need to apply consistent branding or nadir patches to large sets of equirectangular images. This automated workflow eliminates the need for manual editing in third-party software, significantly reducing post-production time.</p><h2 id="step-by-step-instructions"><strong>Step-by-Step Instructions</strong></h2><h4 id="1-access-the-batch-menu"><strong>1.</strong></h4>]]></description><link>https://docs.pano.cool/batch-logo-processing-in-panocool-retouch/</link><guid isPermaLink="false">69c38e0b3c5b8d048c7c0423</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Wed, 25 Mar 2026 07:32:03 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/03/Gemini_Generated_Image_bvii89bvii89bvii.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/03/Gemini_Generated_Image_bvii89bvii89bvii.png" alt="Batch Logo Processing for 360 photos in PanoCool Retouch"><p>The <strong>Batch Process</strong> feature in PanoCool Retouch is designed for 360 photographers and virtual tour creators who need to apply consistent branding or nadir patches to large sets of equirectangular images. This automated workflow eliminates the need for manual editing in third-party software, significantly reducing post-production time.</p><h2 id="step-by-step-instructions"><strong>Step-by-Step Instructions</strong></h2><h4 id="1-access-the-batch-menu"><strong>1. Access the Batch Menu</strong></h4><p>Launch PanoCool Retouch and navigate to the top navigation bar. Select the <strong>Batch Process</strong> menu option. This will open a dedicated workspace optimized for high-volume editing.</p><h4 id="2-import-photos"><strong>2. Import Photos</strong></h4><p>You can import your files in two ways:</p><ul><li><strong>Drag &amp; Drop:</strong> Select multiple files from your computer and drop them directly into the upload zone.</li><li><strong>File Browser:</strong> Click the upload area to manually browse and select your 360&#xB0; images.</li></ul><h4 id="3-select-processing-mode"><strong>3. Select Processing Mode</strong></h4><p>Once your photos are loaded, choose the workflow that best fits your project:</p>
<!--kg-card-begin: html-->
<table data-path-to-node="20" style="margin-bottom: 32px; font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><thead style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><tr style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><td style="border: 1px solid; font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><strong style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important; margin-bottom: 0px !important;">Mode</strong></td><td style="border: 1px solid; font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><strong style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important; margin-bottom: 0px !important;">Use Case</strong></td></tr></thead><tbody style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><tr style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><td style="border: 1px solid; font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><span data-path-to-node="20,1,0,0" style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><b data-path-to-node="20,1,0,0" data-index-in-node="0" style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;">Process All</b></span></td><td style="border: 1px solid; font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><span data-path-to-node="20,1,1,0" style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><b data-path-to-node="20,1,1,0" data-index-in-node="0" style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;">The Fast Route:</b> Automatically applies the current logo settings (position, scale, and opacity) to every uploaded image instantly. Use this if all your shots were taken at the same tripod height.</span></td></tr><tr style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><td style="border: 1px solid; font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><span data-path-to-node="20,2,0,0" style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><b data-path-to-node="20,2,0,0" data-index-in-node="0" style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;">One-by-One</b></span></td><td style="border: 1px solid; font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><span data-path-to-node="20,2,1,0" style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;"><b data-path-to-node="20,2,1,0" data-index-in-node="0" style="font-family: &quot;Google Sans Text&quot;, sans-serif !important; line-height: 1.15 !important; margin-top: 0px !important;">The Precision Route:</b> Allows you to cycle through each photo individually. Use this to verify the logo placement or adjust the position if certain environments require a smaller/larger patch.</span></td></tr></tbody></table>
<!--kg-card-end: html-->
<h4 id="4-adjustments-optional"><strong>4. Adjustments (Optional)</strong></h4><p>If using the <strong>One-by-One</strong> mode, you can use the on-screen sliders to:</p><ul><li>Scale the logo size.</li><li>Adjust vertical/horizontal positioning.</li><li>Modify transparency/opacity.</li></ul><h4 id="5-export-results"><strong>5. Export Results</strong></h4><p>After reviewing your images, click the <strong>Export as Zip file</strong> button.</p><ul><li>The system will compile all processed images into a single compressed folder.</li><li>This ensures your file names remain organized and your browser doesn&apos;t trigger multiple individual download prompts.</li></ul><h3 id="next-steps-go-live-with-your-tours"><strong>Next Steps: Go Live with Your Tours</strong></h3><p>Once you have batch-processed your photos and added your branding, it&#x2019;s time to show them to the world!<br>Don&apos;t let your edited photos sit on your hard drive. You can instantly <strong>upload and share your 360 photos with </strong><a href="https://pano.cool/products/virtual-tour-studio?ref=docs.pano.cool" rel="noreferrer"><strong>PanoCool Virtual Tour Studio</strong></a><strong>.</strong> Simply upload your newly branded images to create an immersive, interactive experience that you can share via a single link or embed directly into your website.</p><p>Try PanoCool Retouch for free now!: <a href="https://pano.cool/pano-editor?ref=docs.pano.cool">https://pano.cool/pano-editor</a></p>]]></content:encoded></item><item><title><![CDATA[Elevate Your Virtual Tours: Adding an Interactive Map Box with PanoCool]]></title><description><![CDATA[<p>In the world of 360&#xB0; photography, context is everything. When a viewer is exploring a large property or a complex venue, they need to know exactly where they are and which direction they are facing.</p><p>Today, we&#x2019;re excited to walk you through one of our most powerful</p>]]></description><link>https://docs.pano.cool/elevate-your-virtual-tours-adding-an-interactive-map-box-with-panocool/</link><guid isPermaLink="false">69bc04ec3c5b8d048c7c0408</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Thu, 19 Mar 2026 14:19:06 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/03/Copy-of-Green-and-White-Videocentric-Food-YouTube-Thumbnail.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/03/Copy-of-Green-and-White-Videocentric-Food-YouTube-Thumbnail.png" alt="Elevate Your Virtual Tours: Adding an Interactive Map Box with PanoCool"><p>In the world of 360&#xB0; photography, context is everything. When a viewer is exploring a large property or a complex venue, they need to know exactly where they are and which direction they are facing.</p><p>Today, we&#x2019;re excited to walk you through one of our most powerful navigation features: the <strong>PanoCool Map Box</strong>. With live directional radar and fully customizable markers, this tool is a game-changer for professional real estate projects.</p><h2 id="why-use-a-map-box">Why Use a Map Box?</h2><p>A Map Box isn&apos;t just a UI element; it&#x2019;s a navigation hub. In PanoCool, your viewers can:</p><ul><li><strong>Track Their Location:</strong> See the current panorama&#x2019;s position in real-time.</li><li><strong>Understand Orientation:</strong> A built-in <strong>directional radar</strong> indicates exactly which way the viewer is looking.</li><li><strong>Teleport Instantly:</strong> Click any marker on the map to jump directly to that panorama.</li><li><strong>Customize the View:</strong> Users can resize the map or drag it to any position on the screen to keep the view clear.</li></ul><h2 id="step-by-step-setting-up-your-map">Step-by-Step: Setting Up Your Map</h2><p>Setting up your map in PanoCool is designed to be as automated as possible. Here is how to do it:</p><h2 id="1-enable-the-map-box-action">1. Enable the Map Box Action</h2><p>From the <strong>Theme tab</strong>, click &quot;Add a new menu.&quot; In the action section, select <strong>&quot;Open a Map Box.&quot;</strong> This creates the trigger for your viewers to toggle the map overlay.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-12.png" class="kg-image" alt="Elevate Your Virtual Tours: Adding an Interactive Map Box with PanoCool" loading="lazy" width="2000" height="1033" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-12.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-12.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-12.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image-12.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">In the action section, select </span><b><strong style="white-space: pre-wrap;">&quot;Open a Map Box.&quot;</strong></b></figcaption></figure><h2 id="2-auto-generate-your-markers">2. Auto-Generate Your Markers</h2><p>Open the <strong>Map Box setup</strong> and click <strong>&quot;Auto Generate.&quot;</strong> <br><strong>Pro Tip:</strong> This button uses the GPS data embedded in your photos. If your camera didn&apos;t record location data, don&apos;t worry! You can manually set the coordinates by going to the <strong>Scenes tab &gt; Settings &gt; Location</strong> for each panorama.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-13.png" class="kg-image" alt="Elevate Your Virtual Tours: Adding an Interactive Map Box with PanoCool" loading="lazy" width="2000" height="1033" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-13.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-13.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-13.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image-13.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Open the </span><b><strong style="white-space: pre-wrap;">Map Box setup</strong></b><span style="white-space: pre-wrap;"> and click </span><b><strong style="white-space: pre-wrap;">&quot;Auto Generate.&quot;</strong></b></figcaption></figure><h2 id="3-customize-colors-size-for-markers">3. Customize colors &amp; size for markers</h2><p>Once your markers appear, you have full control. You can see a complete list of all markers, allowing you to:</p><ul><li><strong>Change Colors and Sizes</strong> to match your project&apos;s branding.</li><li><strong>Remove Specific Markers</strong> to keep the map clean and focused.</li><li><strong>Enable the Radar Icon</strong> to provide that essential &quot;sense of direction&quot; for your viewers.</li></ul><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2026/03/image-14.png" class="kg-image" alt="Elevate Your Virtual Tours: Adding an Interactive Map Box with PanoCool" loading="lazy" width="2000" height="1033" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-14.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-14.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-14.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image-14.png 2400w" sizes="(min-width: 720px) 720px"></figure><hr><h2 id="the-real-estate-advantage">The Real Estate Advantage</h2><p>For real estate professionals, the combination of a floor plan and a directional radar is essential. It allows potential buyers to understand the flow of a home&#x2014;knowing, for example, that they are currently in the kitchen looking toward the backyard. This level of immersion builds trust and helps close deals faster.</p><p>Try PanoCool Virtual Tour Studio at: <a href="https://pano.cool/?ref=docs.pano.cool" rel="noreferrer">https://pano.cool</a></p>]]></content:encoded></item><item><title><![CDATA[Mastering AI Prompt: The Ultimate Guide to AI-Powered 360° Retouching]]></title><description><![CDATA[<p>Editing 360&#xB0; photos has traditionally been a technical headache, often requiring specialized software to handle spherical distortion. <strong>PanoCool Retouch</strong> changes the game by bringing the power of latest AI engines directly to your panoramic workflow. Whether you&#x2019;re removing an unsightly tripod, virtually staging a real estate listing,</p>]]></description><link>https://docs.pano.cool/mastering-ai-prompt-the-ultimate-guide-to-ai-powered-360deg-retouching/</link><guid isPermaLink="false">69b909493c5b8d048c7c03dd</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Tue, 17 Mar 2026 08:09:22 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/03/Gemini_Generated_Image_i9puf9i9puf9i9pu.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/03/Gemini_Generated_Image_i9puf9i9puf9i9pu.png" alt="Mastering AI Prompt: The Ultimate Guide to AI-Powered 360&#xB0; Retouching"><p>Editing 360&#xB0; photos has traditionally been a technical headache, often requiring specialized software to handle spherical distortion. <strong>PanoCool Retouch</strong> changes the game by bringing the power of latest AI engines directly to your panoramic workflow. Whether you&#x2019;re removing an unsightly tripod, virtually staging a real estate listing, or dragging and dropping reference images to perfect your aesthetic, this guide will show you how to master &quot;select-and-prompt&quot; editing for seamless, immersive results.</p><h3 id="prompt-in-your-native-tongue">Prompt in Your Native Tongue</h3><p>PanoCool AI speaks your language, literally. With support for over <strong>100 languages</strong>, you can describe your vision and execute complex edits in your native tongue. Whether you&#x2019;re prompting in English, Spanish, or Japanese, the AI translates your intent into seamless results.</p><h3 id="object-removal-tripodspeople">Object Removal (Tripods/People)</h3><p><strong>Formula:</strong> <code>[Action Verb] + [Target Object] + [Background Context]</code></p><ul><li><em>Example:</em> &quot;Remove the tripod and fill the space with a seamless concrete floor texture.&quot;</li></ul><h3 id="virtual-staging-adding-furniture">Virtual Staging (Adding Furniture)</h3><p><strong>Formula:</strong> <code>[Action Verb] + [Subject] + [Style/Material] + [Lighting Match]</code></p><ul><li><em>Example:</em> &quot;Add a mid-century modern sofa in gray fabric, ensuring it casts a soft shadow on the right to match the window light.&quot;</li></ul><h3 id="textlogo-integration">Text/Logo Integration</h3><p>The guide has specific rules for <strong>typography</strong>:</p><ul><li><strong>Use Quotes:</strong> Always put text in quotes (e.g., &quot;Add a sign saying &apos;RESTROOMS&apos;&quot;).</li><li><strong>Describe the Font:</strong> Specify style and color (e.g., &quot;bold, white, sans-serif font&quot;).</li></ul><h3 id="brand-integration">Brand Integration</h3><p><strong>Formula</strong>: [Reference Logo] + [Surface Instructions] + [Material]<br><strong>Example</strong>: (Drag brand logo) + &quot;Place this logo on the selected wall as a 3D neon sign with a soft glow.&quot;</p><h3 id="using-reference-images-image-prompting">Using Reference Images (Image Prompting)</h3><p>When you drag a reference image into the PanoCool prompt box along with your text, the AI uses <strong>Style Transfer</strong> and <strong>Compositional Mapping</strong>. Use these tips to ensure the new object blends perfectly:</p><ul><li><strong>Subject Matching:</strong> If you want a specific piece of furniture, drag a photo of it and use the text: <em>&quot;Place this [Subject] in the selected area.&quot;</em></li><li><strong>Visual Weights:</strong> The AI prioritizes the image for <strong>shape</strong> and the text for <strong>context</strong>.<ul><li><em>Example:</em> Drag a photo of a modern lamp + text: <em>&quot;Change this to a blue ceramic version.&quot;</em></li></ul></li></ul><p>Try PanoCool Retouch at: <a href="https://pano.cool/pano-editor?ref=docs.pano.cool" rel="noreferrer">https://pano.cool/pano-editor</a></p>]]></content:encoded></item><item><title><![CDATA[Enhancing Your Virtual Tours with Comparisons]]></title><description><![CDATA[<p>The <strong>Comparisons</strong> feature in PanoCool Virtual Tour Studio is a powerful tool designed to showcase transformation and environmental changes within a single space. By linking two or more scenes, you can provide your audience with an interactive &quot;Time Travel&quot; or &quot;Renovation&quot; experience.</p><h2 id="use-cases">Use Cases</h2><p>This feature</p>]]></description><link>https://docs.pano.cool/enhancing-your-virtual-tours-with-comparisons/</link><guid isPermaLink="false">69ad80b43c5b8d048c7c03c7</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Sun, 08 Mar 2026 14:05:26 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/03/Untitled-design.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/03/Untitled-design.png" alt="Enhancing Your Virtual Tours with Comparisons"><p>The <strong>Comparisons</strong> feature in PanoCool Virtual Tour Studio is a powerful tool designed to showcase transformation and environmental changes within a single space. By linking two or more scenes, you can provide your audience with an interactive &quot;Time Travel&quot; or &quot;Renovation&quot; experience.</p><h2 id="use-cases">Use Cases</h2><p>This feature is perfect for several scenarios:</p><ul><li><strong>Before / After:</strong> Show off a stunning home renovation or staging project.</li><li><strong>Day / Night:</strong> Demonstrate how a property&apos;s ambiance changes after sunset.</li><li><strong>Seasonality:</strong> Compare a landscape in full summer bloom versus a winter snowfall.</li><li><strong>Day to Dusk:</strong> Highlight the &quot;Golden Hour&quot; lighting transitions.</li></ul><h2 id="step-by-step-configuration">Step-by-Step Configuration</h2><p>Follow these steps to set up a comparison effect in your tour:</p><h4 id="1-initiate-the-feature">1. Initiate the Feature</h4><p>Locate the <strong>Scene List</strong> in your editor. Find the specific scene you want to use as your base, click the <strong>Three-dot icon</strong> on that scene item, and select <strong>Make Comparisons</strong>.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/Screenshot-2026-03-08-at-21.01.00.png" class="kg-image" alt="Enhancing Your Virtual Tours with Comparisons" loading="lazy" width="1450" height="1002" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/Screenshot-2026-03-08-at-21.01.00.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/Screenshot-2026-03-08-at-21.01.00.png 1000w, https://docs.pano.cool/content/images/2026/03/Screenshot-2026-03-08-at-21.01.00.png 1450w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">click the </span><b><strong style="white-space: pre-wrap;">Three-dot icon</strong></b><span style="white-space: pre-wrap;"> on that scene item, and select </span><b><strong style="white-space: pre-wrap;">Make Comparisons</strong></b></figcaption></figure><h4 id="2-select-comparison-scenes">2. Select Comparison Scenes</h4><p>A selection window will appear. Choose the other scenes from your project that you wish to compare with your current base scene. You can select up to 10 scenes to compare.</p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2026/03/image-10.png" class="kg-image" alt="Enhancing Your Virtual Tours with Comparisons" loading="lazy" width="1814" height="1340" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-10.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-10.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-10.png 1600w, https://docs.pano.cool/content/images/2026/03/image-10.png 1814w" sizes="(min-width: 720px) 720px"></figure><h4 id="3-align-headings-visual-matching">3. Align Headings (Visual Matching)</h4><p>For the comparison to feel seamless, the camera orientation needs to match perfectly. If the scenes were captured at slightly different angles:</p><ul><li>Click <strong>Align Heading</strong> located below each scene thumbnail.</li><li>An overlay thumbnail will appear. <strong>Drag the overlay</strong> until the features of the second scene perfectly align with the first.</li><li>This ensures that when the user toggles the effect, the furniture or walls don&apos;t &quot;jump&quot; positions.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-11.png" class="kg-image" alt="Enhancing Your Virtual Tours with Comparisons" loading="lazy" width="1868" height="1194" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-11.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-11.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-11.png 1600w, https://docs.pano.cool/content/images/2026/03/image-11.png 1868w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Align Headings</span></figcaption></figure><h4 id="4-choose-your-transition-style">4. Choose Your Transition Style</h4><p>Decide how you want the scenes to swap. PanoCool offers two distinct visual styles:</p><ul><li><strong>Fade:</strong> A smooth, ethereal transition where one scene dissolves into the next. Best for Day/Night effects.</li><li><strong>Left to Right (Slider):</strong> A &quot;wipe&quot; effect that allows users to drag a divider across the screen. Ideal for Before/After renovations.</li></ul><h4 id="5-set-button-visibility">5. Set Button Visibility</h4><p>Finally, determine where the switching toggle should appear:</p><ul><li><strong>Current Scene Only:</strong> The button only appears on your primary base scene.</li><li><strong>All Scenes:</strong> The button remains visible regardless of which comparison scene the user is currently viewing, allowing them to toggle back and forth indefinitely.</li></ul><p>Demo tour: <a href="https://pano.cool/p/01KJSFKVMMMNZFF5TK282HV2VD?s=HkzKGO&amp;ref=docs.pano.cool">https://pano.cool/p/01KJSFKVMMMNZFF5TK282HV2VD?s=HkzKGO</a></p>]]></content:encoded></item><item><title><![CDATA[Retouching Published Panoramas with PanoCool AI]]></title><description><![CDATA[<p>A common challenge in virtual tour production is discovering a needed correction after a scene has already been published. Typically, this would require an offline edit and a manual re-upload, which can disrupt hotspot placements and scene settings.<br><strong>PanoCool</strong> eliminates this friction with its integrated <strong>AI Retouch</strong> suite. This feature</p>]]></description><link>https://docs.pano.cool/retouching-published-panoramas-with-panocool-ai/</link><guid isPermaLink="false">69abe3ac3c5b8d048c7c03aa</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Sat, 07 Mar 2026 08:47:51 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/03/Gemini_Generated_Image_gjorp4gjorp4gjor.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/03/Gemini_Generated_Image_gjorp4gjorp4gjor.png" alt="Retouching Published Panoramas with PanoCool AI"><p>A common challenge in virtual tour production is discovering a needed correction after a scene has already been published. Typically, this would require an offline edit and a manual re-upload, which can disrupt hotspot placements and scene settings.<br><strong>PanoCool</strong> eliminates this friction with its integrated <strong>AI Retouch</strong> suite. This feature allows you to perform high-end image manipulation, including object removal and virtual staging, directly within the PanoCool interface. Changes are applied instantly to your live tour without requiring a file re-upload.</p><h2 id="1-launching-the-panocool-retouch">1. Launching the PanoCool Retouch</h2><p>To modify an existing scene in your project:</p><ol><li>Click <strong>Scene Menu</strong> in the scene list.</li><li>Select <strong>Retouch Pano</strong>.</li></ol><p>The panorama will load into the PanoCool Retouch.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-8.png" class="kg-image" alt="Retouching Published Panoramas with PanoCool AI" loading="lazy" width="1354" height="1076" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-8.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-8.png 1000w, https://docs.pano.cool/content/images/2026/03/image-8.png 1354w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Open Scene menu and select Retouch pano</span></figcaption></figure><hr><h2 id="2-seamless-object-removal">2. Seamless Object Removal</h2><p>PanoCool&#x2019;s AI is specifically tuned for 360&#xB0; geometry, ensuring that when objects are removed, the background remains perspective-accurate.</p><ol><li>Select the <strong>AI Edit</strong> tool.</li><li>Drag to select the unwanted element (such as a person, tripod, or clutter).</li><li>In the AI prompt field, enter a simple instruction like: <em>&quot;Remove this person&quot;</em> or <em>&quot;Clean this area.&quot;</em></li><li>Click <strong>Make it </strong>button. PanoCool will process the request and render a clean background in seconds.</li></ol><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-9.png" class="kg-image" alt="Retouching Published Panoramas with PanoCool AI" loading="lazy" width="1424" height="1120" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-9.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-9.png 1000w, https://docs.pano.cool/content/images/2026/03/image-9.png 1424w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">select area you want to edit and write prompt</span></figcaption></figure><hr><h2 id="4-finalizing-and-live-syncing">4. Finalizing and Live Syncing</h2><p>The most powerful aspect of the PanoCool workflow is the instant update capability.</p><ol><li>Once satisfied with your edits, click <strong>Save</strong> at the top of the editor.</li><li>PanoCool will automatically replace the source file in your tour&#x2019;s cloud storage.</li><li>Refresh your published tour link to see the updated version live.</li></ol><p><strong>Note:</strong> All existing hotspots, floor plan markers, and navigation links remain perfectly intact, as only the underlying image asset is updated.</p><hr><h2 id="pro-tips-for-panocool-power-users">Pro-Tips for PanoCool Power Users</h2><ul><li><strong>Resolution Integrity:</strong> PanoCool preserves the high-resolution quality of your original upload during the AI generation process.</li><li><strong>Prompting Tip:</strong> When adding people or furniture, mention the environment (e.g., &quot;Add a modern chair that matches the office lighting&quot;) for the most realistic blending.</li></ul>]]></content:encoded></item><item><title><![CDATA[Floor Plan for Virtual Tour on PanoCool]]></title><description><![CDATA[<p>Spatial context is the secret sauce of a truly immersive virtual tour. It&#x2019;s the difference between &quot;looking at a room&quot; and &quot;understanding a home.&quot; Today, we are thrilled to announce the launch of the <strong>Floor Plan feature on PanoCool</strong>, designed to give your viewers</p>]]></description><link>https://docs.pano.cool/floor-plan-for-virtual-tour-on-panocool/</link><guid isPermaLink="false">69a7d6333c5b8d048c7c0379</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Wed, 04 Mar 2026 07:11:48 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/03/Screenshot-2026-03-04-at-14.11.24.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/03/Screenshot-2026-03-04-at-14.11.24.png" alt="Floor Plan for Virtual Tour on PanoCool"><p>Spatial context is the secret sauce of a truly immersive virtual tour. It&#x2019;s the difference between &quot;looking at a room&quot; and &quot;understanding a home.&quot; Today, we are thrilled to announce the launch of the <strong>Floor Plan feature on PanoCool</strong>, designed to give your viewers a bird&#x2019;s-eye view of every space.</p><p>Whether you are a real estate agent, a gallery owner, or a commercial photographer, this update provides the professional edge your tours have been waiting for.</p><h2 id="features">Features</h2><p>We didn&#x2019;t just add a map; we built a fully customizable navigation suite that works for projects of any scale.</p><ul><li><strong>Multi-Floor Support:</strong> Gone are the days of trying to squeeze a three-story mansion into one image. You can now upload separate floor plans for every level of your property, allowing users to toggle between floors seamlessly.</li><li><strong>Fully Customizable Hotspots:</strong> Branding matters. You can now drop navigation hotspots onto your floor plan and customize their <strong>size</strong> and <strong>color</strong> to match your tour&#x2019;s aesthetic perfectly.</li><li><strong>Interactive Radar Direction:</strong> To keep viewers from getting &quot;lost&quot; in a 360&#xB0; environment, our live radar tracks their field of vision. As they turn in the virtual tour, the radar on the floor plan turns with them, showing exactly which direction they are facing.</li><li><strong>Universal Compatibility:</strong> No matter which PanoCool theme you&#x2019;ve chosen for your project, the Floor Plan feature is ready to go. It integrates beautifully across our entire library without any extra coding required.</li></ul><h2 id="why-use-a-floor-plan">Why Use a Floor Plan?</h2><p>A floor plan does more than just look professional&#x2014;it increases <strong>user engagement</strong>. By providing a clear layout, viewers spend more time exploring because they understand the flow of the building. It turns a series of disconnected photos into a cohesive, walkable experience.</p><h2 id="%F0%9F%9B%A0%EF%B8%8F-step-by-step-adding-a-floor-plan-to-your-panocool-tour">&#x1F6E0;&#xFE0F; Step-by-Step: Adding a Floor Plan to Your PanoCool Tour</h2><p>Ready to level up? Follow these simple steps to integrate a professional floor plan into your next project:</p><h2 id="1-create-a-new-menu">1. Create a new menu</h2><p>Navigate to <strong>Theme</strong> tab, add a new menu by clicking plus button (+):</p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2026/03/image-5.png" class="kg-image" alt="Floor Plan for Virtual Tour on PanoCool" loading="lazy" width="730" height="344" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-5.png 600w, https://docs.pano.cool/content/images/2026/03/image-5.png 730w" sizes="(min-width: 720px) 720px"></figure><h2 id="2-add-floor-plan-action-for-the-menu">2. Add &quot;Floor plan&quot; action for the menu</h2><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2026/03/Screenshot-2026-03-04-at-14.00.05.png" class="kg-image" alt="Floor Plan for Virtual Tour on PanoCool" loading="lazy" width="1772" height="1332" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/Screenshot-2026-03-04-at-14.00.05.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/Screenshot-2026-03-04-at-14.00.05.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/Screenshot-2026-03-04-at-14.00.05.png 1600w, https://docs.pano.cool/content/images/2026/03/Screenshot-2026-03-04-at-14.00.05.png 1772w" sizes="(min-width: 720px) 720px"></figure><h2 id="3-upload-your-plan">3. Upload Your Plan</h2><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2026/03/Screenshot-2026-03-04-at-14.03.12.png" class="kg-image" alt="Floor Plan for Virtual Tour on PanoCool" loading="lazy" width="2000" height="1434" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/Screenshot-2026-03-04-at-14.03.12.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/Screenshot-2026-03-04-at-14.03.12.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/Screenshot-2026-03-04-at-14.03.12.png 1600w, https://docs.pano.cool/content/images/2026/03/Screenshot-2026-03-04-at-14.03.12.png 2034w" sizes="(min-width: 720px) 720px"></figure><h2 id="3-add-hotspot-to-floor-plan">3. Add hotspot to floor plan</h2><p>Click &quot;Add hotspot&quot; button to add a new hotspot to floor plan. Then drag the hotspot to make it to the right position on the floor plan.<br></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-6.png" class="kg-image" alt="Floor Plan for Virtual Tour on PanoCool" loading="lazy" width="2000" height="1035" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-6.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-6.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-6.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image-6.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Click &quot;Add hotspot&quot; button to add a new hotspot</span></figcaption></figure><h2 id="4-add-connection-customize-hotspot">4. Add connection, customize hotspot</h2><p>Once your hotspots are placed, toggle on the <strong>Radar Direction</strong>. This creates a visual &quot;beam&quot; that follows the user&apos;s field of view. To calibrate, simply rotate the radar icon on the map until it matches the starting view of your panorama.</p><p>You can also add a linked scene to the hotspot, so when you click on the hotspot, it will open the scene.</p><p>Hotspots are customizable colors, size,...etc<br></p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2026/03/image-7.png" class="kg-image" alt="Floor Plan for Virtual Tour on PanoCool" loading="lazy" width="2000" height="1035" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-7.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-7.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-7.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image-7.png 2400w" sizes="(min-width: 720px) 720px"></figure><h2 id="5-save">5. Save</h2><p>Once you&#x2019;re happy with the layout, hit <strong>Save</strong> and share your interactive masterpiece!</p><hr><p><strong>Ready to give your tours a sense of direction?</strong><br><a href="https://pano.cool/?ref=docs.pano.cool" rel="noreferrer">Log in to PanoCool and try it out!</a></p>]]></content:encoded></item><item><title><![CDATA[Street View Navigation for Virtual Tour with PanoCool]]></title><description><![CDATA[<p>Creating immersive virtual experiences just got significantly faster and more intuitive with <strong>Street View Style Arrows</strong> feature of PanoCool Virtual Studio.</p><p>For years, the gold standard of simple, familiar navigation has been the floating arrow system popularized by Google Street View. It allows users to effortlessly &quot;walk&quot; through</p>]]></description><link>https://docs.pano.cool/street-view-navigation-for-virtual-tour-with-panocool/</link><guid isPermaLink="false">69a7d2ed3c5b8d048c7c0356</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Wed, 04 Mar 2026 06:45:56 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2026/03/Copy-of-Dark-Blue-and-Yellow-Bold-Modern-Professional-Attractive-YouTube-Thumbnail--2-.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2026/03/Copy-of-Dark-Blue-and-Yellow-Bold-Modern-Professional-Attractive-YouTube-Thumbnail--2-.png" alt="Street View Navigation for Virtual Tour with PanoCool"><p>Creating immersive virtual experiences just got significantly faster and more intuitive with <strong>Street View Style Arrows</strong> feature of PanoCool Virtual Studio.</p><p>For years, the gold standard of simple, familiar navigation has been the floating arrow system popularized by Google Street View. It allows users to effortlessly &quot;walk&quot; through a space, understanding the relationship between rooms instantly. Until today, achieving this look required tedious, manual hotspot placement for every connection.</p><p>Not anymore. PanoCool&#x2019;s new Street View Arrows Add-on automates the workflow while giving you unparalleled design control. <br>Here is how this game-changing feature transforms your tour creation process:</p><h2 id="why-street-view-style">Why Street View Style?</h2><p>Standard virtual tour navigation often relies on static icons (like &quot;i&quot; for info or generic arrows) placed somewhere in the scene. Street View arrows are different because they are <em>spatial</em>. They float on the floor plane, indicating <em>direction</em> and <em>distance</em> simultaneously.</p><p><strong>The Benefits:</strong></p><ol><li><strong>Instant Familiarity:</strong> Your visitors already know how to use it.</li><li><strong>Increased Engagement:</strong> Fluid movement encourages users to explore deeper.</li><li><strong>Massive Time Savings:</strong> You no longer need to manually link every single pair of panoramas with individual hotspots.</li></ol><h2 id="step-by-step-how-to-use-street-view-arrows-in-panocool">Step-by-Step: How to Use Street View Arrows in PanoCool</h2><p>Let&apos;s walk through how easy it is to set this up.</p><h4 id="1-start-your-project">1. Start Your Project</h4><p>First, create a new project and upload your 360&#xB0; panoramas. We are starting with a clean slate.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image.png" class="kg-image" alt="Street View Navigation for Virtual Tour with PanoCool" loading="lazy" width="2000" height="1164" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Create a new project and upload your panoramas</span></figcaption></figure><h4 id="2-activate-the-add-on">2. Activate the Add-on</h4><p>Navigate to the <strong>Add-on</strong> menu in your tour editor. Select <strong>Street View Arrows</strong> to enable the tool.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-1.png" class="kg-image" alt="Street View Navigation for Virtual Tour with PanoCool" loading="lazy" width="2000" height="1164" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-1.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-1.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-1.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image-1.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Select </span><b><strong style="white-space: pre-wrap;">Street View Arrows </strong></b><span style="white-space: pre-wrap;">at Add-on menu</span></figcaption></figure><h4 id="3-map-your-space">3. Map Your Space</h4><p>The core concept is to place your panoramas on a virtual &quot;floor.&quot;</p><p>If your images already contain <strong>GPS data</strong>, PanoCool can actually automate this entire placement step for you! The system will read the coordinates and arrange the panoramas automatically in relation to each other.</p><p>If your images <em>don&#x2019;t</em> have GPS data (like in this example), you simply drag and drop your panorama &quot;nodes&quot; (dots representing your images) onto the blank canvas, positioning them correctly relative to one another. Once positioned, you simply draw the connection lines between them to define the walking paths.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-2.png" class="kg-image" alt="Street View Navigation for Virtual Tour with PanoCool" loading="lazy" width="2000" height="1164" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-2.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-2.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-2.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image-2.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Map your panoramas on a virtual floorplan</span></figcaption></figure><p><strong>Pro Tip for Accuracy:</strong> Use the <strong>Direction Cone</strong> on each node to align the panorama&#x2019;s orientation. This ensures that when a user clicks &apos;forward,&apos; they are actually moving forward in the correct real-world direction.</p><h4 id="4-optional-enhance-with-a-floor-plan">4. (Optional) Enhance with a Floor Plan</h4><p>While the schematic view works perfectly, using your own actual floor plan image allows for much more precise placement. Simply upload your map as a background guide.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-3.png" class="kg-image" alt="Street View Navigation for Virtual Tour with PanoCool" loading="lazy" width="2000" height="1164" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-3.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-3.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-3.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image-3.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Map your panoramas on a floor plan</span></figcaption></figure><h4 id="5-customization-and-brand-alignment">5. Customization and Brand Alignment</h4><p>A massive advantage of PanoCool is that you get this seamless navigation without sacrificing your custom branding. Unlike rigid systems, PanoCool lets you utilize Street View Arrows <em>alongside</em> your favorite menus, floor plans, and interactive elements.</p><p>Furthermore, you have full control over the visual appearance. In the <strong>Arrow Style</strong> tab, you can customize the floating arrows and chevrons to match your design palette.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/image-4.png" class="kg-image" alt="Street View Navigation for Virtual Tour with PanoCool" loading="lazy" width="2000" height="1164" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/image-4.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/image-4.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/image-4.png 1600w, https://docs.pano.cool/content/images/size/w2400/2026/03/image-4.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">In the </span><b><strong style="white-space: pre-wrap;">Arrow Style</strong></b><span style="white-space: pre-wrap;"> tab, you can customize the floating arrows and chevrons to match your design palette.</span></figcaption></figure><h4 id="6-preview-and-save">6. Preview and Save</h4><p>Hit <strong>Save</strong>, and then click <strong>Preview</strong> to see the magic in action. Your tour now features smooth, professional, and familiar Street View-style navigation that visitors will love.</p><hr><h2 id="ready-to-build-intuitive-tours-faster">Ready to Build Intuitive Tours Faster?</h2><p>The Street View Arrows Add-on is available for all PanoCool users. Experience the perfect balance of automated efficiency and professional customization.</p><p><a href="https://pano.cool/?ref=docs.pano.cool" rel="noreferrer">Try PanoCool Virtual Tour Studio Today!</a></p>]]></content:encoded></item><item><title><![CDATA[How to Publish 360 Photos to Google Street View - Free tool (Step-by-Step Guide)]]></title><description><![CDATA[<p>Google has officially retired the Street View app, which means users can no longer upload 360 photos directly through it. Instead, publishing is now done through third-party tools. One of the best <strong>completely free</strong> options available today is PanoCool Street View Publisher&#x2014;a simple web-based tool that makes uploading</p>]]></description><link>https://docs.pano.cool/publish-360-photos-to-google-street-view/</link><guid isPermaLink="false">68dba95b3c5b8d048c7c0317</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Tue, 30 Sep 2025 10:21:56 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2025/09/og-image-compressor--3-.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2025/09/og-image-compressor--3-.png" alt="How to Publish 360 Photos to Google Street View - Free tool (Step-by-Step Guide)"><p>Google has officially retired the Street View app, which means users can no longer upload 360 photos directly through it. Instead, publishing is now done through third-party tools. One of the best <strong>completely free</strong> options available today is PanoCool Street View Publisher&#x2014;a simple web-based tool that makes uploading and managing 360 photos on Google Street View quick and easy. In this guide, I&#x2019;ll walk you step-by-step through the process of publishing your 360 photos to Google Maps using PanoCool <strong>at zero cost</strong>.</p><h3 id="step-1-open-the-street-view-publisher-tool">Step 1: Open the Street View Publisher Tool</h3><p>Go to the PanoCool Street View Publisher at <a href="https://pano.cool/tools/street-view-publisher?ref=docs.pano.cool">https://pano.cool/tools/street-view-publisher</a></p><h3 id="step-2-log-in-with-your-google-account">Step 2: Log In With Your Google Account</h3><p>You&#x2019;ll need a Google account to publish. The tool will ask for authorization before you can start uploading. All photos will be published under the account you log in with.</p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2025/09/image.png" class="kg-image" alt="How to Publish 360 Photos to Google Street View - Free tool (Step-by-Step Guide)" loading="lazy" width="2000" height="530" srcset="https://docs.pano.cool/content/images/size/w600/2025/09/image.png 600w, https://docs.pano.cool/content/images/size/w1000/2025/09/image.png 1000w, https://docs.pano.cool/content/images/size/w1600/2025/09/image.png 1600w, https://docs.pano.cool/content/images/2025/09/image.png 2000w" sizes="(min-width: 720px) 720px"></figure><p>Step 3: Select Your 360 Photos</p><p>Click the upload box (or drag &amp; drop) to select your 360 photos.</p><ul><li>The photos must be in <strong>JPEG format</strong></li><li>The aspect ratio should be <strong>2:1 (equirectangular projection)</strong></li></ul><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2025/09/image-1.png" class="kg-image" alt="How to Publish 360 Photos to Google Street View - Free tool (Step-by-Step Guide)" loading="lazy" width="2000" height="470" srcset="https://docs.pano.cool/content/images/size/w600/2025/09/image-1.png 600w, https://docs.pano.cool/content/images/size/w1000/2025/09/image-1.png 1000w, https://docs.pano.cool/content/images/size/w1600/2025/09/image-1.png 1600w, https://docs.pano.cool/content/images/2025/09/image-1.png 2000w" sizes="(min-width: 720px) 720px"></figure><h3 id="step-4-assign-a-place-optional">Step 4: Assign a Place (Optional)</h3><p>If your photos belong to a specific business or public location listed on Google Maps, you can assign them directly to that place.</p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2025/09/image-2.png" class="kg-image" alt="How to Publish 360 Photos to Google Street View - Free tool (Step-by-Step Guide)" loading="lazy" width="2000" height="255" srcset="https://docs.pano.cool/content/images/size/w600/2025/09/image-2.png 600w, https://docs.pano.cool/content/images/size/w1000/2025/09/image-2.png 1000w, https://docs.pano.cool/content/images/size/w1600/2025/09/image-2.png 1600w, https://docs.pano.cool/content/images/2025/09/image-2.png 2000w" sizes="(min-width: 720px) 720px"></figure><h3 id="step-5-adjust-photo-location-and-heading">Step 5: Adjust Photo Location and Heading</h3><p>Each uploaded photo will appear on a map with a <strong>red dot marker</strong>.</p><ul><li>Drag the <strong>red dot</strong> to set the correct latitude/longitude location</li><li>Rotate the <strong>blue anchor dot</strong> to align the heading of the photo with the real-world direction</li><li>Use the <strong>360&#xB0; preview box</strong> on the left to check that the photo is facing the right way</li></ul><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2025/09/image-3.png" class="kg-image" alt="How to Publish 360 Photos to Google Street View - Free tool (Step-by-Step Guide)" loading="lazy" width="2000" height="1142" srcset="https://docs.pano.cool/content/images/size/w600/2025/09/image-3.png 600w, https://docs.pano.cool/content/images/size/w1000/2025/09/image-3.png 1000w, https://docs.pano.cool/content/images/size/w1600/2025/09/image-3.png 1600w, https://docs.pano.cool/content/images/2025/09/image-3.png 2000w" sizes="(min-width: 720px) 720px"></figure><h3 id="step-6-add-floor-levels-if-needed">Step 6: Add Floor Levels (If Needed)</h3><p>If your 360 photos are from a multi-story building, you can assign them to floor levels. For example:</p><ul><li>F1 for the ground floor</li><li>F2 for the second floor</li></ul><p>If all your photos are the same floor level, you don&apos;t need to select levels.</p><h3 id="step-7-create-connections-between-photos">Step 7: Create Connections Between Photos</h3><p>To allow viewers to &#x201C;walk through&#x201D; your space in Street View, you can create <strong>connections</strong> between photos.</p><ul><li>Select two photos and connect them</li><li>Google Maps will then display navigation arrows so users can move between positions</li></ul><h3 id="step-8-publish-your-photos">Step 8: Publish Your Photos</h3><p>Once everything is set, click the <strong>&#x201C;Start Upload &amp; Publish&#x201D;</strong> button. The tool will upload your photos and send them to Google Street View.</p><h3 id="step-9-manage-and-view-published-photos">Step 9: Manage and View Published Photos</h3><p>After the upload finishes, head to <strong>Your published photos</strong> in the tool.<br>Here you can:</p><ul><li>View all photos you&#x2019;ve published</li><li>Open them directly in Google Maps</li><li>Edit locations, heading of each published photos.</li></ul><h3 id="conclusion">Conclusion</h3><p>Publishing 360 photos to Google Street View is no longer possible through Google&#x2019;s own app, but with <strong>PanoCool Street View Publisher</strong>, the process is straightforward, free, and flexible. Whether you&#x2019;re uploading a single photo for your business or building a complete virtual walkthrough with multiple photos, this tool makes it possible.</p><p>Now it&#x2019;s your turn&#x2014;try publishing your first 360 photo today and bring your space to life on Google Maps!</p>]]></content:encoded></item><item><title><![CDATA[Create a video popup with iframe]]></title><description><![CDATA[<p>In a virtual tour, it&apos;s common to click on a hotspot icon to open a video popup. This article will guide you through the process of creating and using video popups with PanoCool.</p><p>After add an icon to a panorama, let click on it.<br>On <strong>Click</strong> section, select</p>]]></description><link>https://docs.pano.cool/create-a-video-popup-with-iframe/</link><guid isPermaLink="false">673f5c0e3c5b8d048c7c02d3</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Thu, 21 Nov 2024 16:46:26 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2024/11/Screenshot-2024-11-21-at-23.44.38.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2024/11/Screenshot-2024-11-21-at-23.44.38.png" alt="Create a video popup with iframe"><p>In a virtual tour, it&apos;s common to click on a hotspot icon to open a video popup. This article will guide you through the process of creating and using video popups with PanoCool.</p><p>After add an icon to a panorama, let click on it.<br>On <strong>Click</strong> section, select <strong>Actions</strong>, select <strong>Open popup </strong>to create content for the popup</p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2024/11/Screenshot-2024-11-21-at-23.22.00.png" class="kg-image" alt="Create a video popup with iframe" loading="lazy" width="2000" height="1424" srcset="https://docs.pano.cool/content/images/size/w600/2024/11/Screenshot-2024-11-21-at-23.22.00.png 600w, https://docs.pano.cool/content/images/size/w1000/2024/11/Screenshot-2024-11-21-at-23.22.00.png 1000w, https://docs.pano.cool/content/images/size/w1600/2024/11/Screenshot-2024-11-21-at-23.22.00.png 1600w, https://docs.pano.cool/content/images/2024/11/Screenshot-2024-11-21-at-23.22.00.png 2180w" sizes="(min-width: 720px) 720px"></figure><p>Then click on <strong>Create popup content</strong></p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2024/11/Screenshot-2024-11-21-at-23.27.16.png" class="kg-image" alt="Create a video popup with iframe" loading="lazy" width="1880" height="1192" srcset="https://docs.pano.cool/content/images/size/w600/2024/11/Screenshot-2024-11-21-at-23.27.16.png 600w, https://docs.pano.cool/content/images/size/w1000/2024/11/Screenshot-2024-11-21-at-23.27.16.png 1000w, https://docs.pano.cool/content/images/size/w1600/2024/11/Screenshot-2024-11-21-at-23.27.16.png 1600w, https://docs.pano.cool/content/images/2024/11/Screenshot-2024-11-21-at-23.27.16.png 1880w" sizes="(min-width: 720px) 720px"></figure><p>A popup will be opened, click on plus icon, and select Raw HTML option</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2024/11/image.png" class="kg-image" alt="Create a video popup with iframe" loading="lazy" width="1686" height="706" srcset="https://docs.pano.cool/content/images/size/w600/2024/11/image.png 600w, https://docs.pano.cool/content/images/size/w1000/2024/11/image.png 1000w, https://docs.pano.cool/content/images/size/w1600/2024/11/image.png 1600w, https://docs.pano.cool/content/images/2024/11/image.png 1686w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Click on Plus icon</span></figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2024/11/Screenshot-2024-11-21-at-23.30.29.png" class="kg-image" alt="Create a video popup with iframe" loading="lazy" width="1840" height="1026" srcset="https://docs.pano.cool/content/images/size/w600/2024/11/Screenshot-2024-11-21-at-23.30.29.png 600w, https://docs.pano.cool/content/images/size/w1000/2024/11/Screenshot-2024-11-21-at-23.30.29.png 1000w, https://docs.pano.cool/content/images/size/w1600/2024/11/Screenshot-2024-11-21-at-23.30.29.png 1600w, https://docs.pano.cool/content/images/2024/11/Screenshot-2024-11-21-at-23.30.29.png 1840w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">select Raw HTML</span></figcaption></figure><p>Now, you can insert your embed video code here.</p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2024/11/image-1.png" class="kg-image" alt="Create a video popup with iframe" loading="lazy" width="1562" height="842" srcset="https://docs.pano.cool/content/images/size/w600/2024/11/image-1.png 600w, https://docs.pano.cool/content/images/size/w1000/2024/11/image-1.png 1000w, https://docs.pano.cool/content/images/2024/11/image-1.png 1562w" sizes="(min-width: 720px) 720px"></figure><p>For instance, you might want to display a Youtube video here. Let go to the Youtube video, select Share =&gt; Embed, and copy the code and insert it here.<br></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2024/11/image-2.png" class="kg-image" alt="Create a video popup with iframe" loading="lazy" width="2000" height="834" srcset="https://docs.pano.cool/content/images/size/w600/2024/11/image-2.png 600w, https://docs.pano.cool/content/images/size/w1000/2024/11/image-2.png 1000w, https://docs.pano.cool/content/images/size/w1600/2024/11/image-2.png 1600w, https://docs.pano.cool/content/images/size/w2400/2024/11/image-2.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Youtube embed code</span></figcaption></figure><p>After that, you can close the editing and click Preview to see how it works.</p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2024/11/image-3.png" class="kg-image" alt="Create a video popup with iframe" loading="lazy" width="1612" height="1130" srcset="https://docs.pano.cool/content/images/size/w600/2024/11/image-3.png 600w, https://docs.pano.cool/content/images/size/w1000/2024/11/image-3.png 1000w, https://docs.pano.cool/content/images/size/w1600/2024/11/image-3.png 1600w, https://docs.pano.cool/content/images/2024/11/image-3.png 1612w" sizes="(min-width: 720px) 720px"></figure><p>Tips: to make the video popup responsive on mobile screen, you should set iframe width=&quot;100%&quot;.<br>Example:</p><pre><code>&lt;iframe width=&quot;100%&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/htgGDdjCX74?si=wZBOj2ZU0Ze4N6x-&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;</code></pre><p>You can also change the border, padding, background, size,... of the popup by click on <strong>more options</strong>.</p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2024/11/Screenshot-2024-11-21-at-23.41.45.png" class="kg-image" alt="Create a video popup with iframe" loading="lazy" width="2000" height="1039" srcset="https://docs.pano.cool/content/images/size/w600/2024/11/Screenshot-2024-11-21-at-23.41.45.png 600w, https://docs.pano.cool/content/images/size/w1000/2024/11/Screenshot-2024-11-21-at-23.41.45.png 1000w, https://docs.pano.cool/content/images/size/w1600/2024/11/Screenshot-2024-11-21-at-23.41.45.png 1600w, https://docs.pano.cool/content/images/size/w2400/2024/11/Screenshot-2024-11-21-at-23.41.45.png 2400w" sizes="(min-width: 720px) 720px"></figure>]]></content:encoded></item><item><title><![CDATA[Optimizing loading speed for virtual tours: Tiles and Multi-Resolution Technology]]></title><description><![CDATA[<p>In the world of virtual tours and 360-degree photography, image quality and loading speed are crucial factors that can make or break the user experience. One innovative technique that addresses these challenges is the use of tiles and multi-resolution technology. This method involves splitting large 360-degree photos into smaller, more</p>]]></description><link>https://docs.pano.cool/tiles-and-multi-resolution-technology/</link><guid isPermaLink="false">66caf7643c5b8d048c7c02be</guid><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Sun, 25 Aug 2024 09:32:36 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2024/08/Custom.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2024/08/Custom.png" alt="Optimizing loading speed for virtual tours: Tiles and Multi-Resolution Technology"><p>In the world of virtual tours and 360-degree photography, image quality and loading speed are crucial factors that can make or break the user experience. One innovative technique that addresses these challenges is the use of tiles and multi-resolution technology. This method involves splitting large 360-degree photos into smaller, more manageable pieces called tiles, and creating multiple versions of these tiles at different resolutions.</p><h2 id="advantages-of-tiles-and-multi-resolution-for-360-photos">Advantages of Tiles and Multi-Resolution for 360 Photos</h2><p>360-degree photos are known for their immersive experience, but they often come with a significant drawback: large file sizes. These hefty files can lead to slow loading times, especially on devices with slower internet connections. This is where the tiles and multi-resolution approach shines:</p><ol><li><strong>Improved Loading Times</strong>: By breaking down the image into smaller tiles, viewers can start exploring the scene almost immediately. The system loads only the tiles that are currently in view, rather than waiting for the entire high-resolution image to download.</li><li><strong>Adaptive Quality</strong>: The multi-resolution aspect allows the system to serve the most appropriate image quality based on the viewer&apos;s device and zoom level. This means mobile users with smaller screens receive lower-resolution tiles, while desktop users with large monitors get higher-quality images.</li><li><strong>Bandwidth Efficiency</strong>: This method significantly reduces bandwidth usage, as only the necessary parts of the image at the required resolution are transmitted.</li><li><strong>Enhanced Interactivity</strong>: The faster loading times and smoother navigation result in a more responsive and enjoyable user experience, encouraging viewers to explore the virtual space more thoroughly.</li><li><strong>Reduced Risk of Image Theft</strong>: Since the full-resolution image is never loaded as a single file, it becomes more challenging for unauthorized users to download and misuse the high-quality version of the 360-degree photo.</li><li><strong>Scalability</strong>: This approach is particularly beneficial for virtual tours with multiple high-resolution 360-degree images, as it allows for efficient loading and smooth transitions between different scenes.</li></ol><h2 id="panocool-pioneering-tiles-and-multi-resolution-in-virtual-tour-building">PanoCool: Pioneering Tiles and Multi-Resolution in Virtual Tour Building</h2><p>While the concept of tiles and multi-resolution is not new in the world of digital mapping and satellite imagery, its application to 360-degree photography and virtual tours is still relatively uncommon. PanoCool stands out as one of the few virtual tour builders that have successfully implemented this advanced feature.</p><p>PanoCool&apos;s implementation of tiles and multi-resolution technology offers several unique advantages:</p><ol><li><strong>Quick Processing</strong>: After uploading a 360-degree photo, PanoCool&apos;s system processes the image and generates the necessary tiles and resolution variants in just a few minutes, allowing creators to quickly preview and publish their virtual tours.</li><li><strong>Seamless Integration</strong>: The tiling and multi-resolution features work behind the scenes, requiring no additional effort from the tour creator while significantly enhancing the end-user experience.</li><li><strong>Storage Optimization</strong>: Although this method requires slightly more storage space than a single high-resolution image, PanoCool has optimized the process to minimize the additional storage requirements while maximizing the performance benefits.</li><li><strong>Future-Proof Technology</strong>: As display resolutions continue to improve and internet speeds vary widely across different regions, PanoCool&apos;s adaptive approach ensures that virtual tours remain accessible and high-quality across a wide range of devices and network conditions.</li></ol><p>By adopting this cutting-edge technology, PanoCool demonstrates its commitment to providing an optimal virtual tour experience for both creators and viewers. As the demand for high-quality, responsive virtual tours continues to grow, the tiles and multi-resolution approach is likely to become an industry standard, with PanoCool leading the way in its implementation and optimization.</p>]]></content:encoded></item><item><title><![CDATA[Add a custom domain for your virtual tour]]></title><description><![CDATA[<p>Using a custom domain with PanoCool enhances your brand, improves user experience, and boosts search visibility. It&#x2019;s a smart investment for creating impressive virtual tours. This is a quick instructions of how to add your custom domain to your virtual tour on PanoCool.</p><p>Go to your project, open</p>]]></description><link>https://docs.pano.cool/add-custom-domain-for-your-virtual-tour/</link><guid isPermaLink="false">665c90c93c5b8d048c7c025f</guid><category><![CDATA[PanoCool guide]]></category><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Sun, 02 Jun 2024 16:08:35 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2024/06/Custom--2-.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2024/06/Custom--2-.png" alt="Add a custom domain for your virtual tour"><p>Using a custom domain with PanoCool enhances your brand, improves user experience, and boosts search visibility. It&#x2019;s a smart investment for creating impressive virtual tours. This is a quick instructions of how to add your custom domain to your virtual tour on PanoCool.</p><p>Go to your project, open editor mode, on the top right of screen, click on &quot;Share&quot; button.<br>After the Share popup is showing, click &quot;Use custom domain&quot;.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/0-1.png" class="kg-image" alt="Add a custom domain for your virtual tour" loading="lazy" width="2000" height="1034" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/0-1.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/0-1.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/0-1.png 1600w, https://docs.pano.cool/content/images/2026/03/0-1.png 2000w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">click on &quot;Share&quot; button, then click &quot;Use custom domain&quot;</span></figcaption></figure><p>The Custom domain popup will be shown, enter your domain or subdomain and click &quot;Add&quot; button.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/0-2.png" class="kg-image" alt="Add a custom domain for your virtual tour" loading="lazy" width="1780" height="1400" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/0-2.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/0-2.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/0-2.png 1600w, https://docs.pano.cool/content/images/2026/03/0-2.png 1780w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Enter your domain, then click &quot;Add&quot; button</span></figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/0-3.png" class="kg-image" alt="Add a custom domain for your virtual tour" loading="lazy" width="2000" height="1378" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/0-3.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/0-3.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/0-3.png 1600w, https://docs.pano.cool/content/images/2026/03/0-3.png 2000w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">In this example, we will enter subdomain &quot;sub-domain.example.com&quot;</span></figcaption></figure><p>Domain added successful, but you can see the &quot;Invalid Configuration&quot; label, don&apos;t worry, that means this domain is not pointed yet to PanoCool. <br>Now, go to your DNS provider to update your domain DNS to point to PanoCool.<br>In this example, the DNS settings is:</p><blockquote>Type: CNAME<br>Name: sub-domain<br>Value: cname.vercel-dns.com.</blockquote><h2 id="config-dns-on-namecheap">Config DNS on Namecheap</h2><p>In this example, the domain &quot;example.com&quot; is registered in Namecheap, so we will go to Namecheap to config the DNS.</p><p>Go to Namecheap dashboard, on the right navbar, select &quot;Domain List&quot;, then on the domain we need to config (&quot;example.com&quot; in this case), click &quot;Manage&quot; butotn.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/1.png" class="kg-image" alt="Add a custom domain for your virtual tour" loading="lazy" width="2000" height="903" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/1.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/1.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/1.png 1600w, https://docs.pano.cool/content/images/2026/03/1.png 2000w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">Select &quot;Domain List&quot;, click &quot;Manage&quot;</span></figcaption></figure><p>After that, select &quot;Advanced DNS&quot; tab, and click &quot;Add new record&quot;</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/2.png" class="kg-image" alt="Add a custom domain for your virtual tour" loading="lazy" width="2000" height="1007" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/2.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/2.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/2.png 1600w, https://docs.pano.cool/content/images/2026/03/2.png 2000w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">select &quot;Advanced DNS&quot; tab, and click &quot;Add new record&quot;</span></figcaption></figure><p>Enter DNS record</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://docs.pano.cool/content/images/2026/03/3---1.png" class="kg-image" alt="Add a custom domain for your virtual tour" loading="lazy" width="2000" height="977" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/3---1.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/3---1.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/3---1.png 1600w, https://docs.pano.cool/content/images/2026/03/3---1.png 2000w" sizes="(min-width: 720px) 720px"><figcaption><span style="white-space: pre-wrap;">DNS record for subdomain</span></figcaption></figure><p>If you using primary domain, the DNS record will be different, please check the instructions in Custom Domain popup on PanoCool.<br>After that, click &quot;green tick&quot; button to save it.</p><p>Done! It may take several minutes to several hours until this DNS configuration is applied.<br>When it was successful applied, you can go back to PanoCool and see &quot;Valid configuration&quot; label.</p><figure class="kg-card kg-image-card"><img src="https://docs.pano.cool/content/images/2026/03/4.png" class="kg-image" alt="Add a custom domain for your virtual tour" loading="lazy" width="2000" height="1411" srcset="https://docs.pano.cool/content/images/size/w600/2026/03/4.png 600w, https://docs.pano.cool/content/images/size/w1000/2026/03/4.png 1000w, https://docs.pano.cool/content/images/size/w1600/2026/03/4.png 1600w, https://docs.pano.cool/content/images/2026/03/4.png 2000w" sizes="(min-width: 720px) 720px"></figure>]]></content:encoded></item><item><title><![CDATA[Why is my custom domain not verified?]]></title><description><![CDATA[<p>When adding a PanCool project, it must go through a process of verification. This process involves changing DNS records.</p><p>Once DNS records have been changed, they can take a while to propagate, which means global DNS providers recognise they have been changed. A custom domain added to PanoCool will appear</p>]]></description><link>https://docs.pano.cool/why-is-my-custom-domain-not-verified/</link><guid isPermaLink="false">665c4b0e3c5b8d048c7c024a</guid><category><![CDATA[PanoCool guide]]></category><dc:creator><![CDATA[PanoCool Team]]></dc:creator><pubDate>Sun, 02 Jun 2024 10:51:50 GMT</pubDate><media:content url="https://docs.pano.cool/content/images/2024/06/Custom--1-.png" medium="image"/><content:encoded><![CDATA[<img src="https://docs.pano.cool/content/images/2024/06/Custom--1-.png" alt="Why is my custom domain not verified?"><p>When adding a PanCool project, it must go through a process of verification. This process involves changing DNS records.</p><p>Once DNS records have been changed, they can take a while to propagate, which means global DNS providers recognise they have been changed. A custom domain added to PanoCool will appear as unverified until this process is complete and full propagation has been achieved.</p><h2 id="domain-is-verified-but-cant-access-the-website">Domain is verified but can&apos;t access the website</h2><p>If you have recently changed DNS records, you&apos;re not able to see your website and the Vercel Dashboard shows that the domain is configured correctly then it&apos;s likely that you have a cached DNS record on your local device or network.</p><p>You can test this by using a different device on a different internet connection (a smartphone using mobile data usually works best).</p><p>This cache is cleared automatically after a certain period of time (usually anywhere from 1-24 hours), however it can be manually cleared by restarting your local computer or your local firewall/router. You can also clear this via your operating system&apos;s commands, however this varies for each device/operating system and would recommend researching how to do this for your specific device.</p><h2 id="nameserver-changes">Nameserver Changes</h2><p>If you have changed the nameservers with your current domain registrar then it usually takes up to 48 hours for these to be reflected globally. This is not something that PanoCool has any control over and for certain registrars, this can be slower.</p><p>Once nameservers have been changed, you may wish to check the progress of the propagation. There are many third-party tools that do this, such as&#xA0;<a href="https://dnschecker.org/?ref=docs.pano.cool" rel="noopener">DNS Checker</a>&#xA0;and&#xA0;<a href="https://dnsmap.io/?ref=docs.pano.cool" rel="noopener">DNS Map</a>&#xA0;- these show the state of your DNS records in different regions of the world.</p><h2 id="cname-record-changes">CNAME Record Changes</h2><p>Unlike nameserver changes, propagation of CNAME records are usually very quick to propagate.</p><p>You can check the propagation progress of CNAME records for your domain with third-party tools like&#xA0;<a href="https://dnschecker.org/?ref=docs.pano.cool" rel="noopener">DNS Checker</a>&#xA0;and&#xA0;<a href="https://dnsmap.io/?ref=docs.pano.cool" rel="noopener">DNS Map</a>&#xA0;in the same way you can for nameservers.</p><h2 id="a-record-changes">A Record Changes</h2><p>In the same way as CNAME records, A records usually propagate very quickly.</p><p>You can check the propagation progress of A records for your domain with third-party tools like&#xA0;<a href="https://dnschecker.org/?ref=docs.pano.cool" rel="noopener">DNS Checker</a>&#xA0;and&#xA0;<a href="https://dnsmap.io/?ref=docs.pano.cool" rel="noopener">DNS Map</a>&#xA0;in the same way you can for CNAME.</p>]]></content:encoded></item></channel></rss>