Hosting the 360° views with Amazon S3

If you are not sure, please read why or when to use Amazon S3 for hosting

Step by Step Instructions:
  1. Sign up for Amazon S3
  2. Signing up for Amazon S3 is easy, you can do it here:
    http://docs.aws.amazon.com/AmazonS3/latest/gsg/SigningUpforS3.html

  3. Create a Bucket
  4. Create a Bucket, named e.g. “360views.yofla.com”

    The Bucket name must be unique, a good practice is to append your domain name.

    Pick a location convenient for you, e.g. “US Standard”.

    s3-creating-bucket

  5. Create a folder with the name of your product
  6. Go to Actions » Create Folder. You can name it e.g. “backpack”.

  7. Upload the files exported by the 3DRT Setup Utility
  8. You can use this sample files (please unzip the archive first): backpack-s3.zip

    Select Actions » Upload or press the “Upload” Button

    s3-actions-upload

    Select files exported by the 3DRT Setup Utility and Drag and Drop them to the upload area:

    s3-filemanager-select

    Note: Alternatively, you can skip the step “Create a folder” and upload (drag and drop) the whole “backpack” folder from your file-manager into the “360views.yofla.com” bucket directly.

    s3-upload-area

    Here we have dropped the files exported from the 3DRT Setup Utility into the “backpack” folder in our “360views.yofla.com” bucket:

    s3-start-upload

    We can press “Start Upload” and wait until the upload finishes.

  9. Make uploaded files public
  10. s3-upload-complete

    Once the files are uploaded, you need mark them as public. Navigate to the “360vies.yofla.com” bucket and click the dot next to the folder icon next to the folder name.

    s3-actions-make-public

    Select Actions » Make Public

  11. Sharing the 360 view
  12. Enter the “backpack” folder and click on the index.html file. Details will show on the right (click on Properties tab):

    s3-sharing-link

    You can share the index.html link to show the 360 on a dedicated page, like this:
    https://s3.amazonaws.com/360views.yofla.com/backpack/index.html

    If you want to embed the 360 view into an other webpage, click on the iframe.html file and copy the link, in our case:
    https://s3.amazonaws.com/360views.yofla.com/backpack/iframe.html

    Than copy and paste this embed code, but remember to replace the src attribute with your iframe.html link:

    You can adjust width/height as you need.

Integration examples
For integrating into WIX, use Insert » More » Website and select the iframe link as link.

If you need help/instructions for integrating into some other platform, please contact us.