# 3D-Szenen aus Spline in Shopify einbetten - Export und Integration in Spline - 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. [Kurse](https://spline.design/de/academy/collections)
3. [Export und Integration in Spline](https://spline.design/de/academy/collections/export-integration-in-spline)
4. 3D-Szenen aus Spline in Shopify einbetten

# 3D-Szenen aus Spline in Shopify einbetten

Lektion 2 von 8Spline 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

## Als Nächstes

[Einen interaktiven 3D-Shop auf Instant.so launchen4 Min.Einsteiger](https://spline.design/de/academy/collections/export-integration-in-spline/launch-an-interactive-3d-storefront-on-instantso)[Weiter](https://spline.design/de/academy/collections/export-integration-in-spline/launch-an-interactive-3d-storefront-on-instantso)

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