# Intégrer des scènes 3D Spline dans Shopify - Spline Academy (https://spline.design/fr/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)

> Bonjour ! Dans ce tutoriel, nous vous guidons pour intégrer facilement des designs 3D interactifs de Spline dans Shopify. Nous partageons aussi des conseils…

1. [Academy](https://spline.design/fr/academy)
2. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Intégrer des scènes 3D Spline dans Shopify

# Intégrer des scènes 3D Spline dans Shopify

Spline 3DDébutant9 min

Bonjour ! Dans ce tutoriel, nous vous guidons pour intégrer facilement des designs 3D interactifs de Spline dans Shopify. Nous partageons aussi des conseils d’expert sur la personnalisation, les animations, les interactions et l’export d’images pour sublimer vos designs et créer une expérience plus immersive sur votre boutique en ligne !

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

Découvrez d’autres créateurs et projets incroyables #MadeInSpline sur <https://community.spline.design/>

## Ce que vous allez apprendre

1. [0:00Intro](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=0s)
2. [0:31Personnaliser et intégrer des designs 3D](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=31s)
3. [1:05Exporter ma scène Spline et l’ajouter à Shopify](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=65s)
4. [3:51Créer des interactions et des animations](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=231s)
5. [5:00Exemple interactif (événement Mouse Hover)](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=300s)
6. [6:04Découvrir les réglages de lecture et exporter](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=364s)
7. [7:21Exporter des images](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=441s)
8. [8:05Explorer les designs de la communauté](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=485s)
9. [8:33Vous pourriez être notre prochain Designer de la semaine !](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=513s)

## Ressources associées

- [Futuristic CarModèle](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)

## Présentation

- Spline 3D
- 9 min
- Débutant

## Fait partie de

- [Export et intégration dans Spline](https://spline.design/fr/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

## Tutoriels associés

[Tous les tutoriels](https://spline.design/fr/academy/tutorials)

[Intégrer des scènes 3D interactives dans des sites WixSpline 3DDébutant5 min](https://spline.design/fr/academy/tutorials/embed-interactive-3d-scenes-into-wix-websites)[Lancer une boutique 3D interactive sur Instant.soSpline 3DDébutant4 min](https://spline.design/fr/academy/tutorials/launch-an-interactive-3d-storefront-on-instantso)[Configurer des API et des webhooks en temps réel pour vos scènes 3DSpline 3DAvancé16 min](https://spline.design/fr/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

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

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

#### Interrogez l’IA sur Spline

#### Produits

- [Design 3D](https://spline.design/fr/3d-design)
- [Hana](https://spline.design/fr/hana)
- [Omma](https://omma.build)
- [Génération 3D par IA](https://spline.design/fr/ai-generate)
- [Spline MCP](https://spline.design/fr/mcp)
- [Spline Arena](https://spline.design/fr/arena)
- [Tarifs](https://spline.design/fr/pricing)
- [Enterprise](https://spline.design/fr/enterprise)

#### Runtimes

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

#### Apps

- [Télécharger](https://spline.design/fr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Télécharger Spline Mirror](https://spline.design/download-mirror)

#### Apprendre

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

#### Communauté

- [Communauté Spline](https://community.spline.design)
- [Blog](https://spline.design/fr/blog)
- [Nouveautés](https://spline.design/fr/changelog)
- [Éducation](https://spline.design/fr/education)
- [Contra](https://spline.design/contra)
- [Affiliation](https://spline.design/fr/affiliate)

#### Entreprise

- [Clients](https://spline.design/fr/customers)
- [Carrières](https://www.ycombinator.com/companies/spline/jobs)
- [Sécurité](https://spline.design/fr/security)

#### Mentions légales

- [Conditions générales](https://spline.design/terms)
- [Confidentialité](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.