The easiest way to embed the 3DRT tool into any other webpage is using the iframe embed code.
The 1.4.5 version of the 3DRT Setup Utility (and above) exports also an improved iframe.html file in the output folder. Lets assume you exported the 3DRT files into a folder named ”backpackjs” and you want the rotation to be 400x300px.
- Upload the output folder via ftp to your site, e.g for this site:
- Than you can use embed code like this to isert your 360 product view into any website:
XHTML123456789101112<iframestyle="border:1px solid silver;"name="3drt-my360View"allowfullscreen="true"marginheight="0"marginwidth="0"scrolling="no"src="http://360.yofla.com.s3-website-us-east-1.amazonaws.com/backpackjs/iframe.html"width="400"height="300"><p>Your browser does not support iframes.</p></iframe>
You can set any width / height, it will work.
Note: The Fullscreen Button works only if the frame name begins with “3drt” (this is required so the script can check if the tool runs in its own dedicated iframe)