# 3D-scènes uit Spline insluiten in Shopify - Exporteren en integreren in Spline - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)

> Hoi! In deze tutorial laten we zien hoe je interactieve 3D-designs uit Spline naadloos in Shopify integreert. We delen ook tips van experts over aanpassen,…

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Exporteren en integreren in Spline](https://spline.design/nl/academy/collections/export-integration-in-spline)
4. 3D-scènes uit Spline insluiten in Shopify

# 3D-scènes uit Spline insluiten in Shopify

Les 2 van 8Spline 3DBeginner9 min

Hoi! In deze tutorial laten we zien hoe je interactieve 3D-designs uit Spline naadloos in Shopify integreert. We delen ook tips van experts over aanpassen, animaties, interacties en het exporteren van afbeeldingen, zodat je je designs naar een hoger niveau tilt en een meeslependere ervaring in je webwinkel creëert!

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

Ontdek meer geweldige makers en projecten #MadeInSpline op <https://community.spline.design/>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=0s)
2. [0:313D-designs aanpassen en insluiten](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=31s)
3. [1:05Mijn Spline-scène exporteren en aan Shopify toevoegen](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=65s)
4. [3:51Interacties en animaties maken](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=231s)
5. [5:00Interactief voorbeeld (Mouse Hover-event)](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=300s)
6. [6:04De Play Settings verkennen en exporteren](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=364s)
7. [7:21Afbeeldingen exporteren](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=441s)
8. [8:05Designs uit de community verkennen](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=485s)
9. [8:33Jij kunt onze volgende Designer of the Week worden!](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=513s)

## Gerelateerde bronnen

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

## Overzicht

- Spline 3D
- 9 min
- Beginner

## Hierna

[Lanceer een interactieve 3D-webwinkel op Instant.so4 minBeginner](https://spline.design/nl/academy/collections/export-integration-in-spline/launch-an-interactive-3d-storefront-on-instantso)[Verder](https://spline.design/nl/academy/collections/export-integration-in-spline/launch-an-interactive-3d-storefront-on-instantso)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

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

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](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.