How to display your 360 Interactive Images effectively

General information on Displaying 360 Interactive Images

To get the best out of an interactive 360 it should be able to be displayed in a web browser.  This allows it to have all the information hotspots available and be fully interactive.

All the files can be provided to host the full page 360 on your website.  It can then be uploaded to your web host and linked to in the same way as any other webpage on your site.  Alternative you can embed it into a current page using iframes tags.

Alternatively we can host it on our site (FREE) and you can link to it from your pages via a text or image link (when hosting on our site we reserve the right to post it to twitter and use it as advertising of our services):

View our 360

Or

(Click image to follow link)

Also, if you wish us to host the files for you, you can embed the 360 in your web page via iframes tags and we can supply the code for this to be done.

If you use a WordPress powered site, we can provide you with the correct plugin to be able to embed the 360 package we supply you with into your WordPress site. (See the Panorama’s in our Blog for examples)

Video

The 360 can be provided as a video but this will not show the Hotspot information and will not be interactive.  It will pan at a predetermined rate.  You can download an example here: Tame Valley Video

Twitter

If you wish us to host your image, we can insert the correct tags into the files to allow you to create Twitter Cards when posting the link on Twitter.  When the content is clicked it takes the reader to the full page 360.

Example of a Twitter Card:

Facebook

We can provide you with a 360 spherical projection image which can be uploaded to Facebook.  Interactive hotspots are not support on Facebook posts however when viewed on a mobile phone this presentation will allow the user to look around the image by moving their mobile device.

Any question?  Get in touch. sfwtoon@gmail.com

Leave a Reply

Your email address will not be published. Required fields are marked *