# 3D-Szenen aus Spline in Shopify einbetten - Spline Academy (https://spline.design/de/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)

> Hallo! In diesem Tutorial zeigen wir dir, wie du interaktive 3D-Designs aus Spline nahtlos in Shopify integrierst. Außerdem teilen wir Profitipps zu…

1. [Academy](https://spline.design/de/academy)
2. [Tutorials](https://spline.design/de/academy/tutorials)
3. 3D-Szenen aus Spline in Shopify einbetten

# 3D-Szenen aus Spline in Shopify einbetten

Spline 3DEinsteiger9 Min.

Hallo! In diesem Tutorial zeigen wir dir, wie du interaktive 3D-Designs aus Spline nahtlos in Shopify integrierst. Außerdem teilen wir Profitipps zu Anpassung, Animationen, Interaktionen und Bildexport, damit du deine Designs aufwertest und in deinem Onlineshop ein noch immersiveres Erlebnis schaffst!

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

Entdecke weitere großartige Creator und Projekte #MadeInSpline auf <https://community.spline.design/>

## Das lernst du

1. [0:00Intro](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=0s)
2. [0:313D-Designs anpassen und einbetten](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=31s)
3. [1:05Meine Spline-Szene exportieren und zu Shopify hinzufügen](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=65s)
4. [3:51Interaktionen und Animationen erstellen](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=231s)
5. [5:00Interaktives Beispiel (Mouse-Hover-Event)](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=300s)
6. [6:04Play Settings und Export](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=364s)
7. [7:21Bilder exportieren](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=441s)
8. [8:05Designs aus der Community entdecken](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=485s)
9. [8:33Du kannst unser nächster Designer of the Week werden!](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=513s)

## Weitere Ressourcen

- [Futuristic CarVorlage](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 ShopifyDokument](https://docs.spline.design/integrations/integrating-with-shopify)

## Überblick

- Spline 3D
- 9 Min.
- Einsteiger

## Teil von

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

## Ähnliche Tutorials

[Alle Tutorials](https://spline.design/de/academy/tutorials)

[Interaktive 3D-Szenen in Wix-Websites einbettenSpline 3DEinsteiger5 Min.](https://spline.design/de/academy/tutorials/embed-interactive-3d-scenes-into-wix-websites)[Einen interaktiven 3D-Shop auf Instant.so launchenSpline 3DEinsteiger4 Min.](https://spline.design/de/academy/tutorials/launch-an-interactive-3d-storefront-on-instantso)[Echtzeit-APIs und Webhooks für deine 3D-Szenen einrichtenSpline 3DProfi16 Min.](https://spline.design/de/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

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

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

#### Frag die KI zu Spline

#### Produkte

- [3D-Design](https://spline.design/de/3d-design)
- [Hana](https://spline.design/de/hana)
- [Omma](https://omma.build)
- [KI-3D-Generierung](https://spline.design/de/ai-generate)
- [Spline MCP](https://spline.design/de/mcp)
- [Spline Arena](https://spline.design/de/arena)
- [Preise](https://spline.design/de/pricing)
- [Enterprise](https://spline.design/de/enterprise)

#### Runtimes

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

#### Apps

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

#### Lernen

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

#### Community

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

#### Unternehmen

- [Kunden](https://spline.design/de/customers)
- [Karriere](https://www.ycombinator.com/companies/spline/jobs)
- [Sicherheit](https://spline.design/de/security)

#### Rechtliches

- [AGB](https://spline.design/terms)
- [Datenschutz](https://spline.design/privacy)

#### Kontakt

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

© 2026 - Spline, Inc.