How to Embed 3D Scenes from Spline into Shopify

Spline 3DBeginner9 min

Hi there! In this tutorial, we’ll guide you through seamlessly integrating interactive 3D designs from Spline into Shopify. We’ll also share expert tips on customization, animations, interactions, and image exports to help you elevate your designs and create a more immersive experience on your online store!

🚗 Remix: https://app.spline.design/file/f7c182a6-85e2-45c1-9ecb-45d4de2e89cb

Discover more amazing creators and projects #MadeInSpline at https://community.spline.design/

What you’ll learn

  1. 0:00Intro
  2. 0:31Customizing and Embedding 3D Designs
  3. 1:05Exporting and adding my Spline scene to Shopify
  4. 3:51Creating Interactions and Animations
  5. 5:00Interactive Example (Mouse Hover Event)
  6. 6:04Exploring Play Settings and Exporting
  7. 7:21Exporting Images
  8. 8:05Exploring Community Designs
  9. 8:33You can be our next Designer of the Week!

Related resources

Related tutorials

All tutorials