Cómo añadir modelos 3D a tu tienda Shopify (sin tocar código)
Publicar un producto en 3D en Shopify lleva menos de una tarde. Lo que suele frenar a la gente no es la parte técnica: es no saber por dónde empezar ni qué producto elegir.
Se hace desde el Editor de temas de Shopify, sin tocar Liquid: añades el bloque de app en la plantilla de producto y le asignas un modelo GLB. Shopify acepta GLB y USDZ, genera la versión que falta para que funcione en Android y en iPhone, y optimiza solo cualquier archivo por encima de 15 MB. Lo que lleva tiempo no es insertarlo, es decidir con qué producto empiezas y de dónde sale el modelo.
1. Elige el producto, no el catálogo
El error más común es intentar convertir las 800 referencias a la vez. Empieza por uno solo, y que sea el correcto: tu producto más vendido o el más caro. El primero te da volumen suficiente para medir en pocos días; el segundo es donde el 3D más se nota, porque cuanto mayor es el precio, más necesita el cliente resolver dudas antes de pagar.
Para seguir: Los formatos, los pesos y los límites de la plataforma, en una sola página.
2. De dónde sale el modelo
Tienes tres caminos, y solo uno es razonable para la mayoría de tiendas:
- Modelar desde cero: precisión máxima, pero necesitas un 3D artist y semanas de trabajo por referencia.
- Escanear el producto físico: rápido si tienes el producto delante y un escáner. Los materiales brillantes y transparentes dan problemas.
- Generar desde las fotos que ya tienes: no requiere ni estudio ni escáner. Es el camino que usa la mayoría, porque el material de partida ya existe en tu catálogo.
Sea cual sea el origen, el archivo que acaba en la ficha es un GLB optimizado para web: geometría reducida, texturas comprimidas y escala real en metros. Ese último punto importa más de lo que parece, sin escala correcta, la realidad aumentada coloca una silla del tamaño de una casa.
3. Qué acepta Shopify exactamente
Antes de encargar nada conviene saber contra qué límites juegas. Estos son los que publica Shopify en su propia documentación, y hay un par que sorprenden:
| Qué | El dato | Por qué importa |
|---|---|---|
| Formatos | GLB y USDZ | Los dos que necesitan Android e iOS |
| Conversión | Automática a los dos formatos | No tienes que fabricar el USDZ a mano |
| Tamaño máximo | 500 MB | Un techo que en la práctica no vas a rozar |
| A partir de 15 MB | Shopify lo optimiza solo | Por encima de ahí, alguien recomprime tu trabajo |
| Tamaño recomendado | Unos 4 MB | El objetivo real al que apuntar |
| Texturas | Máximo 2048 × 2048 px | 1024 × 1024 baja mucho el peso y casi no se nota |
La fila de la conversión automática es la que más gente desconoce, y ahorra mucho trabajo. La realidad aumentada de iPhone no abre archivos GLB: solo acepta USDZ, y cuando le das un GLB no muestra ningún error, simplemente no pasa nada. Si subes el modelo a la galería de medios de Shopify, ese problema te lo resuelve la plataforma. Si lo sirves por tu cuenta desde un tema o un visor propio, es tuyo.
4. Insértalo en la ficha
Desde Shopify 2.0 no hace falta editar Liquid. En el Editor de temas abres la plantilla de producto, pulsas Añadir bloque y eliges el bloque de la app. El visor queda donde tú lo coloques, normalmente justo debajo de la galería de imágenes o como una pestaña más dentro de ella.
Evita meterlo por encima del precio y del botón de comprar. El 3D es una herramienta de resolución de dudas, no un sustituto de la información de compra.
5. Qué medir, y en qué orden
La métrica que casi todo el mundo mira primero es la conversión, y es la que más tarda en dar una señal fiable porque necesita volumen. Mira antes estas dos:
- Tasa de interacción con el visor: qué porcentaje de visitas a la ficha lo tocan. Si es muy baja, el problema es de ubicación o de que no se ve que sea interactivo, no del modelo.
- Tiempo en ficha: se mueve en días, no en semanas, y te dice si el 3D está reteniendo.
La conversión y la tasa de devolución llegan después, y necesitan al menos un ciclo completo de compra y devolución para ser interpretables. No saques conclusiones en la primera semana.
Si nadie toca el visor, cualquier cambio que veas en la conversión viene de otro sitio. La primera métrica no es cuánto vendes: es si la herramienta se usa.
6. Errores que cuestan caro
Tres cosas que conviene no hacer: publicar un modelo con la escala mal (rompe el AR y da sensación de producto barato), cargar el modelo de forma no diferida (te penaliza Core Web Vitals en todas las visitas, incluidas las que no lo usan) y usar un modelo genérico que no es exactamente tu producto. Esto último genera más devoluciones de las que evita.
Y una cuarta que solo se ve tarde: dar por bueno el trabajo después de probarlo en un Android. La realidad aumentada se comporta distinto en cada sistema, y el que falla en silencio es el otro. Comprueba siempre en un iPhone antes de publicar.
De dónde salen los datos
- Shopify. Product media types. Formatos admitidos, máximo de 500 MB, optimización automática por encima de 15 MB y conversión a GLB y USDZ. help.shopify.com
- Shopify. Creating 3D models for merchants. Objetivo de unos 4 MB por archivo y máximo de 2048 × 2048 px por textura. help.shopify.com
- Apple. Quick Look for AR. Formatos que admite el visor nativo de iOS. developer.apple.com
- Medición propia sobre el archivo publicado en insiti.io/assets/demo/mesa.glb el 25 de agosto de 2026: 4.861 triángulos y 263.668 bytes con las texturas dentro.
Equipo de investigación de insiti. Escribimos sobre lo que nos encontramos metiendo catálogos de mobiliario en 3D y en realidad aumentada: lo que funciona, lo que no y los números de verdad. Si algo de aquí te cuadra mal con tu experiencia, cuéntanoslo.