respuesta rapida
Para agregar una vista de producto 360 a Shopify: publique un giro en Spinnify Studio con el mismo nombre que su variante SKU, instale la aplicación Spinnify Shopify, conecte la tienda en Configuración → Integraciones, agregue el bloque de botones 3D Spinnify en su plantilla de producto y pruebe en una URL de producto activa. El widget se carga cuando el comprador lo toca para que PageSpeed se mantenga saludable.
Los comerciantes de Shopify buscan “visor de productos 360 shopify” cuando las fotos planas de la galería no son suficientes, pero también se enfrentan primero a preguntas prácticas: ¿qué tamaño de imagen espera Shopify? ¿Otro guión ralentizará el tema? Esta guía responde a ambas. Verá las Shopify dimensiones de imagen de producto recomendadas para sus fotografías, cómo Spinnify agrega una capa de 360° sin volver a cargar fotogramas en Shopify archivos y el flujo exacto de campo de coincidencia + bloque de tema que enviamos hoy.
¿Qué es una vista de producto 360 en Shopify?
Una vista de producto 360 en Shopify es un giro interactivo en la página de detalles del producto (PDP): el comprador arrastra hacia la izquierda o hacia la derecha para inspeccionar el artículo real desde muchos ángulos. No es una malla 3D pesada ni un archivo de vídeo alojado en Shopify. Spinnify ofrece fotogramas WebP/AVIF optimizados desde su CDN cuando alguien toca **Vista 3D**: el mismo patrón de flipbook liviano que se usa en escaparates HTML personalizados.
Shopify tamaño de imagen del producto (y donde cabe 360°)
Consultas como "tamaño de imagen del producto de Shopify" son populares porque los comerciantes quieren imágenes fijas nítidas antes de agregar algo interactivo. Shopify recomienda imágenes de productos cuadradas de alrededor de 2048 × 2048 px para la galería principal; Mantenga el peso del archivo razonable. Su secuencia de 360° reside en Spinnify (no como docenas de espacios de galería adicionales), por lo que no lucha contra el límite de imágenes por producto de Shopify.
- Imágenes fijas de la galería principal: hasta 2048 × 2048 px cuadrados (pauta Shopify).
- Captura Spinnify: series horizontales 4:3 (hasta 36 fotogramas) desde Studio o la aplicación móvil.
- Serie móvil opcional: pase vertical 3:4 para compradores que utilizan el teléfono por primera vez.
- Entrega de escaparate: WebP/AVIF con tamaño CDN redimensionado: sin cambio de tamaño manual por fotograma en Shopify.
¿Por qué agregar 360° antes de otra aplicación Shopify?
Los giros enriquecidos reducen las conjeturas sobre la textura, la escala y el acabado, lo que resulta útil cuando las devoluciones surgen de "parecía diferente en línea". Las tasas de retorno de la industria a menudo se sitúan cerca del 19% en las encuestas del NRF; mida sus SKUs después del lanzamiento. Si tiene dudas sobre el peso de la página, consulte nuestraShopify 360° sin dañar PageSpeedguía: el widget se carga de forma diferida durante la interacción.
| Aplicaciones típicas de 360 Shopify | Spinnify 360° Studio | |
|---|---|---|
| Captura | Sube ZIP o contrata un estudio | Aplicación móvil + flujo de trabajo giratorio |
| Alojamiento | CDN comercial o servidores de aplicaciones | Spinnify CDN + Estudio |
| Pareo | Recogedores manuales de productos | SKU / JSON-LD AUTO / URL |
| Facturación | Factura de aplicación separada | Shopify Precios de aplicaciones o SaaS |
| Peso de la página | Varía | Control 3D con carga diferida |
Conecte Spinnify a Shopify (descripción general)
La lista completa vive en nuestro públicoShopify guía de integración. Resumen: cree un producto Studio publicado cuyo nombre coincida con la variante Shopify SKU (o el campo coincidente elegido), instale **Spinnify 360° Studio** desde la tienda de aplicaciones Shopify, conecte la tienda en **Panel → Configuración → Integraciones**, elija el campo coincidente y suelte el bloque de aplicación **Spinnify Botón 3D** en la plantilla del producto en el editor de temas.
Paso 1: publicar el giro en Studio
Inicie sesión en Spinnify Studio. Cree un producto con un nombre exactamente igual al valor que enviará Shopify, generalmente la variante SKU. Cargue o capture la secuencia de giro, publíquela y mantenga **Activo** habilitado. Los productos no publicados o vacíos nunca muestran **Vista 3D** en el escaparate.
Paso 2: instale la aplicación Shopify y conéctese
En Shopify Admin → Aplicaciones, instale **Spinnify 360° Studio**. En Spinnify (iniciar sesión), abra Configuración → Integraciones → Shopify, ingrese `your-store.myshopify.com` (no el dominio personalizado) y apruebe OAuth. La facturación se puede ejecutar a través de Shopify Precios de la aplicación después de la conexión: el pago de Stripe en Studio está deshabilitado para esa cuenta para evitar la facturación doble.
Paso 3: Bloque temático en el PDP
Tienda en línea → Temas → Personalizar → abrir una plantilla de producto → Agregar bloque → **Spinnify Botón 3D**. Guarde y luego pruebe la URL de un producto activo cuyo valor de campo coincidente sea igual al nombre de un producto de Studio publicado. La vista previa del editor de temas por sí sola no es suficiente; confírmela en el escaparate.
Errores que los comerciantes cometen una vez
- Nombre del producto Studio ≠ Shopify SKU: el botón nunca aparece.
- Producto no publicado o "is_active" desactivado en Studio.
- Pruebas solo en la vista previa del tema, no en la URL de PDP en vivo.
- Conectándose con `www.example.com` en lugar de `store.myshopify.com`.
- Cargar 360 fotogramas en archivos Shopify en lugar de Spinnify: flujo de trabajo duplicado.
Conclusión
Agregar una vista de producto 360 a Shopify es un problema de coincidencia más que un problema de codificación: publicar giros en Studio, conectar la tienda una vez, alinear SKUs, agregar el bloque de la aplicación. Comience con su héroe SKU, verifique **Vista 3D** en el dispositivo móvil y luego transfiera el mismo flujo de trabajo de captura al resto del catálogo.
A continuación se lee:flujo de trabajo de 360° del almacén, Spinnify frente a Sirv, guía de integración completa.
