How To Embed Content Into A Virtual Tour

Hey there! If you are looking to embed content into your virtual tour, you are in the right place!

With this cloudpano.com feature, you can embed videos, pictures, buy buttons, information PDFs, menus, entire websites right into your virtual tour. You can add anything into your VR experience. We even have users converting department stores into VR e-commerce experiences. The sky is the limit!

To learn “How To Embed Content Into A Virtual Tour” on cloudpano.com, watch the video below:

<br></p> <p></p> <p><strong>How To Embed Content Onto Your Virtual Tour Software CloudPano</strong></p> <ul><li>Go to your Tour Editor</li><li>On Edit Tour Tab, click Add Infospot</li><li>Drag the cursor and set the infospot to the desired location</li><li>A pop up on the right side will appear that says Edit Infospot</li><li>To embed content, select Pop-up HTML Window<ul><li>If you need help writing HTML you may try it here <a href="https://html5-editor.net/" rel="nofollow">https://html5-editor.net/</a></li><li>If embedding Youtube  you may check it out <a href="https://youtu.be/ZnuwB35GYMY" rel="nofollow">https://youtu.be/ZnuwB35GYMY</a></li></ul></li><li>Copy the embed code. It is easy to identify the code as it has a tag saying <iframe> at the beginning</li><li>Paste it on the HTML description box</li><li>Save infospot </li><li>Publish and watch the pop-up video play on your tour</li></ul> </div> </div> </article> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://blog.cloudpano.com/full-cloudpano-com-walkthrough-how-to-create-virtual-tours/" rel="prev">Full CloudPano.com Walkthrough – How To Create Virtual Tours</a></div><div class="nav-next"><a href="https://blog.cloudpano.com/how-to-create-a-virtual-tour-on-your-phone-cloudpano-mobile-update/" rel="next">How To Create a Virtual Tour On Your Phone. CloudPano Mobile Update</a></div></div> </nav> <div id="comments" class="comments-area"> <h2 class="comments-title"> 2 thoughts on “<span>How To Embed Content Into A Virtual Tour</span>” </h2> <ol class="comment-list"> <li id="comment-355" class="comment even thread-even depth-1 parent"> <article id="div-comment-355" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/5e4ca7a76f2fc8667762b73f01419e56?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5e4ca7a76f2fc8667762b73f01419e56?s=64&d=mm&r=g 2x' class='avatar avatar-32 photo' height='32' width='32' loading='lazy' decoding='async'/> <b class="fn">Michelle</b> <span class="says">says:</span> </div> <div class="comment-metadata"> <a href="https://blog.cloudpano.com/how-to-embed-content-into-a-virtual-tour/#comment-355"><time datetime="2019-10-03T23:17:18+00:00"> at 11:17 pm</time></a> </div> </footer> <div class="comment-content"> <p>With the paypal account, would that have to be the account that belongs to the business? For instance my hair salon has product that I wanted to showcase but they have a credit card system through the bank. Not a paypal account, thanks Michelle</p> </div> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-355' data-commentid="355" data-postid="1118" data-belowelement="div-comment-355" data-respondelement="respond" data-replyto="Reply to Michelle" aria-label='Reply to Michelle'>Reply</a></div> </article> <ol class="children"> <li id="comment-356" class="comment byuser comment-author-zcalhoon bypostauthor odd alt depth-2"> <article id="div-comment-356" class="comment-body"> <footer class="comment-meta"> <div class="comment-author vcard"> <img alt='' src='https://secure.gravatar.com/avatar/2cc2cad17c5adaab7c841f15f947678e?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/2cc2cad17c5adaab7c841f15f947678e?s=64&d=mm&r=g 2x' class='avatar avatar-32 photo' height='32' width='32' loading='lazy' decoding='async'/> <b class="fn">Zach Calhoon</b> <span class="says">says:</span> </div> <div class="comment-metadata"> <a href="https://blog.cloudpano.com/how-to-embed-content-into-a-virtual-tour/#comment-356"><time datetime="2019-10-03T23:26:36+00:00"> at 11:26 pm</time></a> </div> </footer> <div class="comment-content"> <p>Hey there. You can embed any content. So it’s up to you which content you embed. 🙂</p> </div> <div class="reply"><a rel='nofollow' class='comment-reply-link' href='#comment-356' data-commentid="356" data-postid="1118" data-belowelement="div-comment-356" data-respondelement="respond" data-replyto="Reply to Zach Calhoon" aria-label='Reply to Zach Calhoon'>Reply</a></div> </article> </li> </ol> </li> </ol> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/how-to-embed-content-into-a-virtual-tour/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://blog.cloudpano.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='1118' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="06f94126e0" /></p><p style="display: none !important;"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="163"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> </div> </main> </div> <aside id="secondary" class="widget-area"> <section id="media_image-14" class="widget widget_media_image"><style>.widget.widget_media_image img { height: auto; max-width: 100%; } </style><a href="https://www.cloudpano.com/add-to-cart"><img width="1024" height="576" src="https://blog.cloudpano.com/wp-content/uploads/2021/05/the-best-360-virtual-tour-software-1024x576.png" class="image wp-image-23926 attachment-large size-large" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://blog.cloudpano.com/wp-content/uploads/2021/05/the-best-360-virtual-tour-software-1024x576.png 1024w, https://blog.cloudpano.com/wp-content/uploads/2021/05/the-best-360-virtual-tour-software-300x169.png 300w, https://blog.cloudpano.com/wp-content/uploads/2021/05/the-best-360-virtual-tour-software-768x432.png 768w, https://blog.cloudpano.com/wp-content/uploads/2021/05/the-best-360-virtual-tour-software.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></section><section id="media_image-12" class="widget widget_media_image"><style>.widget.widget_media_image img { height: auto; max-width: 100%; } </style><a href="https://anchor.fm/zach-calhoon"><img width="1024" height="576" src="https://blog.cloudpano.com/wp-content/uploads/2022/08/podcast-banner-1024x576.png" class="image wp-image-28191 attachment-large size-large" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://blog.cloudpano.com/wp-content/uploads/2022/08/podcast-banner-1024x576.png 1024w, https://blog.cloudpano.com/wp-content/uploads/2022/08/podcast-banner-300x169.png 300w, https://blog.cloudpano.com/wp-content/uploads/2022/08/podcast-banner-768x432.png 768w, https://blog.cloudpano.com/wp-content/uploads/2022/08/podcast-banner.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></section><section id="media_image-5" class="widget widget_media_image"><style>.widget.widget_media_image img { height: auto; max-width: 100%; } </style><a href="https://app.cloudpano.com"><img width="749" height="589" src="https://blog.cloudpano.com/wp-content/uploads/2019/01/Create-360-Virtual-Tours.png" class="image wp-image-299 attachment-full size-full" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://blog.cloudpano.com/wp-content/uploads/2019/01/Create-360-Virtual-Tours.png 749w, https://blog.cloudpano.com/wp-content/uploads/2019/01/Create-360-Virtual-Tours-300x236.png 300w" sizes="(max-width: 749px) 100vw, 749px" /></a></section><section id="media_image-9" class="widget widget_media_image"><style>.widget.widget_media_image img { height: auto; max-width: 100%; } </style><a href="https://blog.cloudpano.com/webinar-invite-how-to-start-a-wildly-profitable-virtual-tour-business-and-get-high-ticket-clients/"><img width="1024" height="576" src="https://blog.cloudpano.com/wp-content/uploads/2020/02/thumbnail-2-blog-1024x576.png" class="image wp-image-4183 attachment-large size-large" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://blog.cloudpano.com/wp-content/uploads/2020/02/thumbnail-2-blog-1024x576.png 1024w, https://blog.cloudpano.com/wp-content/uploads/2020/02/thumbnail-2-blog-300x169.png 300w, https://blog.cloudpano.com/wp-content/uploads/2020/02/thumbnail-2-blog-768x432.png 768w, https://blog.cloudpano.com/wp-content/uploads/2020/02/thumbnail-2-blog.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></section><section id="media_image-13" class="widget widget_media_image"><style>.widget.widget_media_image img { height: auto; max-width: 100%; } </style><a href="https://virtualtourprofit.com/book"><img width="1280" height="720" src="https://blog.cloudpano.com/wp-content/uploads/2021/04/2-Copy-of-Pink-and-Purple-Sporty-Gradient-Fitness-YouTube-Thumbnail-2.png" class="image wp-image-23731 attachment-full size-full" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://blog.cloudpano.com/wp-content/uploads/2021/04/2-Copy-of-Pink-and-Purple-Sporty-Gradient-Fitness-YouTube-Thumbnail-2.png 1280w, https://blog.cloudpano.com/wp-content/uploads/2021/04/2-Copy-of-Pink-and-Purple-Sporty-Gradient-Fitness-YouTube-Thumbnail-2-300x169.png 300w, https://blog.cloudpano.com/wp-content/uploads/2021/04/2-Copy-of-Pink-and-Purple-Sporty-Gradient-Fitness-YouTube-Thumbnail-2-1024x576.png 1024w, https://blog.cloudpano.com/wp-content/uploads/2021/04/2-Copy-of-Pink-and-Purple-Sporty-Gradient-Fitness-YouTube-Thumbnail-2-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></section><section id="media_image-4" class="widget widget_media_image"><style>.widget.widget_media_image img { height: auto; max-width: 100%; } </style><a href="https://blog.cloudpano.com/download-this-free-pricing-guide/"><img width="1158" height="936" src="https://blog.cloudpano.com/wp-content/uploads/2019/01/1547923791-e1547928347856.png" class="image wp-image-273 attachment-full size-full" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://blog.cloudpano.com/wp-content/uploads/2019/01/1547923791-e1547928347856.png 1158w, https://blog.cloudpano.com/wp-content/uploads/2019/01/1547923791-e1547928347856-300x242.png 300w, https://blog.cloudpano.com/wp-content/uploads/2019/01/1547923791-e1547928347856-768x621.png 768w, https://blog.cloudpano.com/wp-content/uploads/2019/01/1547923791-e1547928347856-1024x828.png 1024w" sizes="(max-width: 1158px) 100vw, 1158px" /></a></section><section id="text-2" class="widget widget_text"> <div class="textwidget"><div align="center"><strong>Free Gift:</strong> Pricing Secrets From 360 Pros<br /> <a href="https://blog.cloudpano.com/download-this-free-pricing-guide/">To Download Click Here</a></div> </div> </section><section id="media_image-6" class="widget widget_media_image"><style>.widget.widget_media_image img { height: auto; max-width: 100%; } </style><a href="https://zachcalhoun.activehosted.com/f/23"><img width="739" height="238" src="https://blog.cloudpano.com/wp-content/uploads/2019/01/2.png" class="image wp-image-300 attachment-full size-full" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://blog.cloudpano.com/wp-content/uploads/2019/01/2.png 739w, https://blog.cloudpano.com/wp-content/uploads/2019/01/2-300x97.png 300w" sizes="(max-width: 739px) 100vw, 739px" /></a></section><section id="media_image-3" class="widget widget_media_image"><style>.widget.widget_media_image img { height: auto; max-width: 100%; } </style><a href="https://blog.cloudpano.com/why-you-should-upgrade-to-the-pro-plus-annual-plan-from-cloudpano-com"><img width="698" height="213" src="https://blog.cloudpano.com/wp-content/uploads/2019/01/What-is-a-Pro-Tour.png" class="image wp-image-272 attachment-full size-full" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://blog.cloudpano.com/wp-content/uploads/2019/01/What-is-a-Pro-Tour.png 698w, https://blog.cloudpano.com/wp-content/uploads/2019/01/What-is-a-Pro-Tour-300x92.png 300w" sizes="(max-width: 698px) 100vw, 698px" /></a></section><section id="media_image-8" class="widget widget_media_image"><style>.widget.widget_media_image img { height: auto; max-width: 100%; } </style><a href="https://blog.cloudpano.com/lp-top-5-most-profitable-virtual-tour-niches/"><img width="1092" height="961" src="https://blog.cloudpano.com/wp-content/uploads/2019/04/top-5-niches-mock-ups-e1554317538261.jpg" class="image wp-image-645 attachment-full size-full" alt="" decoding="async" loading="lazy" style="max-width: 100%; height: auto;" srcset="https://blog.cloudpano.com/wp-content/uploads/2019/04/top-5-niches-mock-ups-e1554317538261.jpg 1092w, https://blog.cloudpano.com/wp-content/uploads/2019/04/top-5-niches-mock-ups-e1554317538261-300x264.jpg 300w, https://blog.cloudpano.com/wp-content/uploads/2019/04/top-5-niches-mock-ups-e1554317538261-768x676.jpg 768w, https://blog.cloudpano.com/wp-content/uploads/2019/04/top-5-niches-mock-ups-e1554317538261-1024x901.jpg 1024w" sizes="(max-width: 1092px) 100vw, 1092px" /></a></section><section id="text-3" class="widget widget_text"> <div class="textwidget"><div align="center"> <p><strong>Free Niche List: </strong>Top 5 Most <em>Profitable </em>Virtual Tour Niches</p> <p>To Download <a href="https://blog.cloudpano.com/lp-top-5-most-profitable-virtual-tour-niches/">Click Here</a></p> </div> </div> </section> <section id="recent-posts-2" class="widget widget_recent_entries"> <h2 class="widget-title">Recent Posts</h2> <ul> <li> <a href="https://blog.cloudpano.com/how-to-add-360-virtual-tours-to-zumper-the-new-cloudpano-integration/">How To Add 360 Virtual Tours To Zumper – The New CloudPano Integration</a> </li> <li> <a href="https://blog.cloudpano.com/new-feature-splash-screen-and-watermark-upgrades-how-to-add-a-play-button-to-your-360-tours/">New Features! Splash Screen and Watermark Upgrades. How To Add a Play Button To Your 360 Tours</a> </li> <li> <a href="https://blog.cloudpano.com/how-to-add-virtual-tours-to-apartments-com-with-cloudpano-360-virtual-tour-software/">How To Add Virtual Tours To Apartments.com With CloudPano 360 Virtual Tour Software</a> </li> <li> <a href="https://blog.cloudpano.com/new-feature-how-to-create-a-public-360-portfolio-on-cloudpano/">New Feature: How To Create a Public 360 Portfolio On CloudPano</a> </li> <li> <a href="https://blog.cloudpano.com/cloudpano-automotive-software-how-to-create-360o-spins-of-cars-for-dealerships/">CloudPano Automotive Software – How To Create 360º Spins Of Cars For Dealerships</a> </li> </ul> </section></aside> </div> </div> </div> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="copyright-area"> <div class="wrap"> <div class="site-info"> <a href="https://wordpress.com/?ref=footer_custom_powered">Powered by WordPress.com</a>. </div> <div class="footer-right-info"> </div> </div> </div> </footer> <button href="#" class="back-to-top" type="button"><i class="fas fa-long-arrow-alt-up"></i>Go Top</button> </div>  <style> .sd-social-icon .sd-content ul li a.sd-button>span { margin-left: 0; } </style><script defer id="bilmur" data-provider="wordpress.com" data-service="atomic" src="https://s0.wp.com/wp-content/js/bilmur.min.js?m=202312"></script> <div id="amp-mobile-version-switcher" hidden> <a rel="" href="https://blog.cloudpano.com/how-to-embed-content-into-a-virtual-tour/?amp=1"> Go to mobile version </a> </div> <link rel='stylesheet' id='advanced-floating-content-lite-css' href='https://blog.cloudpano.com/wp-content/plugins/advanced-floating-content-lite/public/css/advanced-floating-content-public.css?ver=1.0.0' type='text/css' media='all' /> <style id='advanced-floating-content-lite-inline-css' type='text/css'> .afc_popup .img{position:absolute; top:-15px; right:-15px;} </style> <script type='text/javascript' id='collapseomatic-js-js-before'> const com_options = {"colomatduration":"fast","colomatslideEffect":"slideFade","colomatpauseInit":"","colomattouchstart":""} </script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/plugins/jquery-collapse-o-matic/js/collapse.js?ver=1.7.2' id='collapseomatic-js-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/themes/timesnews/assets/js/navigation.min.js?ver=6.1.1' id='timesnews-navigation-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/themes/timesnews/assets/js/skip-link-focus-fix.js?ver=6.1.1' id='timesnews-skip-link-focus-fix-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/themes/timesnews/assets/library/sticky-sidebar/ResizeSensor.min.js?ver=6.1.1' id='ResizeSensor-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/themes/timesnews/assets/library/sticky-sidebar/theia-sticky-sidebar.min.js?ver=6.1.1' id='theia-sticky-sidebar-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/themes/timesnews/assets/library/slick/slick.min.js?ver=6.1.1' id='slick-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/themes/timesnews/assets/library/slick/slick-settings.js?ver=6.1.1' id='timesnews-slick-settings-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-includes/js/comment-reply.min.js?ver=6.1.1' id='comment-reply-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/themes/timesnews/assets/library/marquee/jquery.marquee.min.js?ver=6.1.1' id='marquee-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/themes/timesnews/assets/library/marquee/marquee-settings.js?ver=6.1.1' id='timesnews-marquee-settings-js'></script> <script defer type='text/javascript' src='https://blog.cloudpano.com/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1666634240' id='akismet-frontend-js'></script> <script type='text/javascript' src='https://blog.cloudpano.com/wp-content/plugins/advanced-floating-content-lite/public/js/advanced-floating-content-public.js?ver=1.0.0' id='advanced-floating-content-lite-js'></script> <script type='text/javascript' id='advanced-floating-content-lite-js-after'> (function ($) { $('.afc_close_content').click(function(){ var afc_content_id = $(this).closest('div').attr('id'); $('#'+afc_content_id).hide(); }); })(jQuery); </script> <script src='https://stats.wp.com/e-202312.js' defer></script> <script> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',blog:'185848890',post:'1118',tz:'0',srv:'blog.cloudpano.com',hp:'atomic',ac:'2',amp:'0'} ]); _stq.push([ 'clickTrackerInit', '185848890', '1118' ]); </script> </body> </html>

News

$300,000 With Virtual Tours – How Ty Hurd Targets Local Business Owners And Profits BIG

How To Start A Wildly Profitable Virtual Tour Business. With No Money, No Camera and No Previous Clients

Interview On Shooting Spaces – CloudPano.com Founder Zach Calhoon

How To Embed Content Into A Virtual Tour