Step 1:

Go to the website you would like to embed a scene into in Chrome/Opera or Firefox.
Save the page through the menu command shown below.
Make sure to name the page 'index.html' as this can be difficult to change later.

Step 2:

Find the position in the code you would like to add the scene embed iframe. This will vary per site so the example I am going to work with is: https://www.bunnings.com.au/jumbuck-4-burner-hooded-portland-bbq_p3180769

Step 3:

Paste in the scene embed iframe code. Now you can open up the site in your web browser (May need to run a web server to access the resources). Depending on the website you may want to add a style to it like style='width:100%' in order to make the frame scale responsively.

Step 4:

Zip up the 'index.html' files with all the 'index_files' and send them to us.

Notes:

  • Please check that the page functions well on a mobile device.
  • Sometimes the image you are replacing will be part of a gallery slider (ie slick). In this case you should remove the gallery to prevent it from interfering and causing the Plattar frame to unload or load multiple times.
  • Font's are sometimes licensed and will not be downloaded if this is the case. 
  • There is likely to be a lot of 404 errors in the javascript console as it tries to load resources that were not saved. There isn't much that can be done easily to solve this.
  • Since we have no control, sometimes JavaScript will execute/fail to execute and change the layouts of the page. These issues will vary per site and have top be resolved on a per site basis
  • Please remove Google Analytics and Facebook Tracking from the page
  • You also may find this helpful to simulate the end result.

https://github.com/zeit/serve#readme

Use to run local server
npm install -g serve
then in the directory just serve 

Did this answer your question?