# Cómo insertar escenas 3D de Spline en Shopify - Spline Academy (https://spline.design/es/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)

> ¡Hola! En este tutorial te guiamos para integrar sin complicaciones diseños 3D interactivos de Spline en Shopify. También te daremos consejos de experto…

1. [Academy](https://spline.design/es/academy)
2. [Tutoriales](https://spline.design/es/academy/tutorials)
3. Cómo insertar escenas 3D de Spline en Shopify

# Cómo insertar escenas 3D de Spline en Shopify

Spline 3DPrincipiante9 min

¡Hola! En este tutorial te guiamos para integrar sin complicaciones diseños 3D interactivos de Spline en Shopify. También te daremos consejos de experto sobre personalización, animaciones, interacciones y exportación de imágenes para que lleves tus diseños más lejos y crees una experiencia más inmersiva en tu tienda online.

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

Descubre más creadores y proyectos increíbles #MadeInSpline en <https://community.spline.design/>

## Lo que aprenderás

1. [0:00Introducción](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=0s)
2. [0:31Personalizar e insertar diseños 3D](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=31s)
3. [1:05Exportar y añadir mi escena de Spline a Shopify](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=65s)
4. [3:51Crear interacciones y animaciones](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=231s)
5. [5:00Ejemplo interactivo (evento Mouse Hover)](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=300s)
6. [6:04Explorar la configuración de reproducción y exportar](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=364s)
7. [7:21Exportar imágenes](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=441s)
8. [8:05Explorar diseños de la comunidad](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=485s)
9. [8:33¡Puedes ser nuestro próximo Designer of the Week!](https://www.youtube.com/watch?v=ZdE9NesjEiw&t=513s)

## Recursos relacionados

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

## Resumen

- Spline 3D
- 9 min
- Principiante

## Parte de

- [Exportación e integración en Spline](https://spline.design/es/academy/collections/export-integration-in-spline/how-to-embed-3d-scenes-from-spline-into-shopify)

## Tutoriales relacionados

[Todos los tutoriales](https://spline.design/es/academy/tutorials)

[Inserta escenas 3D interactivas en sitios web de WixSpline 3DPrincipiante5 min](https://spline.design/es/academy/tutorials/embed-interactive-3d-scenes-into-wix-websites)[Lanza una tienda 3D interactiva en Instant.soSpline 3DPrincipiante4 min](https://spline.design/es/academy/tutorials/launch-an-interactive-3d-storefront-on-instantso)[Cómo configurar API y webhooks en tiempo real para tus escenas 3DSpline 3DAvanzado16 min](https://spline.design/es/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

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

El editor 3D y 2D para equipos y sus agentes. Publica en la web, iOS y Android.

#### Pregúntale a la IA sobre Spline

#### Productos

- [Diseño 3D](https://spline.design/es/3d-design)
- [Hana](https://spline.design/es/hana)
- [Omma](https://omma.build)
- [Generación 3D con IA](https://spline.design/es/ai-generate)
- [Spline MCP](https://spline.design/es/mcp)
- [Spline Arena](https://spline.design/es/arena)
- [Precios](https://spline.design/es/pricing)
- [Enterprise](https://spline.design/es/enterprise)

#### Runtimes

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

#### Apps

- [Descargar](https://spline.design/es/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Descargar Spline Mirror](https://spline.design/download-mirror)

#### Aprende

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

#### Comunidad

- [Comunidad de Spline](https://community.spline.design)
- [Blog](https://spline.design/es/blog)
- [Novedades](https://spline.design/es/changelog)
- [Educación](https://spline.design/es/education)
- [Contra](https://spline.design/contra)
- [Afiliados](https://spline.design/es/affiliate)

#### Empresa

- [Clientes](https://spline.design/es/customers)
- [Empleo](https://www.ycombinator.com/companies/spline/jobs)
- [Seguridad](https://spline.design/es/security)

#### Legal

- [Términos y condiciones](https://spline.design/terms)
- [Privacidad](https://spline.design/privacy)

#### Contacto

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

© 2026 - Spline, Inc.