# How to Embed 3D Scenes from Spline into Shopify - Export & Integration in Spline - 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. [Courses](https://spline.design/academy/collections)
3. [Export & Integration in Spline](https://spline.design/academy/collections/export-integration-in-spline)
4. How to Embed 3D Scenes from Spline into Shopify

# How to Embed 3D Scenes from Spline into Shopify

Lesson 2 of 8Spline 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

## Up next

[Launch an Interactive 3D Storefront on Instant.so4 minBeginner](https://spline.design/academy/collections/export-integration-in-spline/launch-an-interactive-3d-storefront-on-instantso)[Continue](https://spline.design/academy/collections/export-integration-in-spline/launch-an-interactive-3d-storefront-on-instantso)

[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.