Panoskin: Starting On a Specific Scene

Step 1

Add the following CSS snippet before the end of your closing head tag.


#pano {
  width: 100%;
  height: 562px; /* Adjust height as needed */
  max-width: 900px /* Adjust max-width as needed */
  margin: 0 auto;
  -webkit-box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75); 
  box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);

Step 2

Create a container with id="pano" and place it wherever you want your tour to show on your web page.

<div id="pano"></div>


Step 3

Add the following JavaScript snippet before the end of your closing body tag </body> and replace TOUR-ID with your tour's ID (Where can I find my TOUR ID?)

<script src="//"></script>
    id: 'pano',
    tour: 'TOUR-ID' /* Replace TOUR-ID with your tour's ID */
    panoStart: {
        panoid: 'PANO-ID', /* Replace PANO-ID with scene ID */
        pov: {
        heading: 0,
       pitch: 0,
      zoom: 1


You can also send a share link to a specific scene other that the default of your tour by using the follow url syntax:

Embedding Panoskin in Facebook

Embed your Panoskin tour into Facebook so prospects can interact right from your business page.
Learn More →

Embedding Panoskin on Your Website

Panoskin offers the flexibility to start your tour on a specific scene.
Learn More →

How To Get My Panoskin Tour ID

Learn how to identify and use your Panoskin Tour ID as you embed your tour in various places.
Learn More →