Integrating your Spline scenes into Instant allows you to have real-time interactive 3D experiences on your Shopify store.
Prepare your Instant project
Go to the ‘embed’ tab within the Insert panel.
Drag and drop the spline element onto the canvas within Instant
Exporting from Spline
Open a Spline Scene.
Click on “Export” in the top toolbar.
Select “Viewer”
Copy the scene link at the top.
Embed Spline in Instant
Select the spline element on the canvas
Open to the style panel (on the right)
Paste the ID into Instant, within the style panel
Target - Global & Local
Global events are those that happen in the entire browser window.
Local events only happen inside the canvas (or iFrame).