# How to Embed 3D Scenes from Spline into Shopify - Spline Academy (https://spline.design/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)

> 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…

1. [Academy](https://spline.design/academy)
2. [Tutorials](https://spline.design/academy/tutorials)
3. How to Embed 3D Scenes from Spline into Shopify

# 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](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=0s)
2. [0:31Customizing and Embedding 3D Designs](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=31s)
3. [1:05Exporting and adding my Spline scene to Shopify](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=65s)
4. [3:51Creating Interactions and Animations](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=231s)
5. [5:00Interactive Example (Mouse Hover Event)](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=300s)
6. [6:04Exploring Play Settings and Exporting](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=364s)
7. [7:21Exporting Images](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=441s)
8. [8:05Exploring Community Designs](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=485s)
9. [8:33You can be our next Designer of the Week!](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=513s)

## Related resources

- [Futuristic CarTemplate](https://app.spline.design/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify?redirect-duplicate-template-uuid=03474bec-095f-4616-8cb2-879be46b0143&is-2d-file=false)
- [Integrating with ShopifyDocument](https://docs.spline.design/integrations/integrating-with-shopify)

## Overview

- Spline 3D
- 9 min
- Beginner

## Part of

- [Export & Integration in Spline](https://spline.design/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

## Related tutorials

[All tutorials](https://spline.design/academy/tutorials)

[Embed Interactive 3D Scenes into Wix WebsitesSpline 3DBeginner5 min](https://spline.design/academy/tutorials/embed-interactive-3d-scenes-into-wix-websites)[Launch an Interactive 3D Storefront on Instant.soSpline 3DBeginner4 min](https://spline.design/academy/tutorials/launch-an-interactive-3d-storefront-on-instantso)[How to Set Up Real-Time APIs and Webhooks for Your 3D ScenesSpline 3DAdvanced16 min](https://spline.design/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

[Spline](https://spline.design/)

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

- [Web](https://spline.design/web)
- [iOS](https://spline.design/ios)
- [Android](https://spline.design/android)

#### Apps

- [Download](https://spline.design/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Download Spline Mirror](https://spline.design/download-mirror)

#### Learn

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solutions](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/blog)
- [Changelog](https://spline.design/changelog)
- [Education](https://spline.design/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/affiliate)

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.