
Visor 3D para ecommerce sin ralentizar la ficha de producto
Muestra detalle 3D sin frenar la ficha de producto. Por qué cargar al clic gana al WebGL pesado y cómo Spinnify protege el LCP y la velocidad.
Leer artículoAñade spins 360° y modelos 3D interactivos a tus páginas de producto
Spinnify 360° Studio es un visor de producto 360° y 3D sin código para ecommerce. Sube una secuencia de fotos, un vídeo corto de rotación o un modelo GLB y pega un snippet <script> en Shopify, WooCommerce, Webflow, WordPress o un bloque HTML personalizado. Vincula por SKU, URL de página o marcado Schema.org Product — el visor se abre como un modal interactivo.
Los clientes buscan una forma sencilla de agregar una vista 360 a un sitio web sin codificación. Spinnify 360° Studio brinda a los equipos de comercio electrónico una experiencia universal de complemento giratorio de 360 grados: cargue cuadros o suelte un video de rotación, pegue un fragmento y permita que los compradores roten el producto en una ventana emergente modal.
Funciona donde puedes agregar un script, iframe o bloque Custom HTML
Los compradores rotan el artículo en lugar de adivinar a partir de imágenes planas
Realice un seguimiento de las aperturas, vistas y tiempo de visualización por producto
Olvídese del tocadiscos, el vídeo en rotación y la grabación de estudio de 36 fotogramas. Sube de una a tres fotos de productos desde diferentes ángulos en Spinnify 360° Studio. Nuestra IA genera un giro fluido del producto en 360, crea 36 marcos y publica un visor interactivo de productos en 360 en la página de su producto de comercio electrónico.
Las fotos de productos de teléfonos inteligentes son suficientes para la IA: fondo neutro, centrado en el producto, sin manos en el marco.
La misma ruta de publicación de comercio electrónico que la carga de fotos o videos: entrega en la nube CDN, botón 3D de carga diferida, coincidencia SKU.
Creado para catálogos que necesitan una vista de producto 360 hoy, no una nueva toma del almacén mañana.
Inicie sesión en Spinnify 360° Studio y abra cualquier tarjeta de producto para comenzar.
¿Ya tienes un GLB del producto? Súbelo a Spinnify 360° Studio y publica un visor 3D interactivo en tu página de ecommerce. Los compradores rotan, hacen zoom e inspeccionan el modelo en el navegador — sin WebGL a medida. Usa el mismo widget de tienda que para tus spins 360°: snippet, iframe o enlace público.

Pegue un <script> o su propio botón en la página; vincúlelo con SKU, URL, Schema.org o data-spinnify-*. Muestre una vista interactiva del producto 3D en un modo modal para Shopify, WooCommerce, Webflow y escaparates personalizados.
Cree un producto, cargue cuadros o un video de rotación y conecte el widget a la página del producto. Sus compradores obtienen un visor emergente modal rápido; su equipo mantiene el control en el tablero.

Hasta 36 fotogramas giratorios, o un vídeo corto giratorio; extraemos 36 fotogramas automáticamente
Los marcos están preparados para una carga rápida en el escaparate
La vista interactiva 3D se abre sin alterar el diseño de la página.
Un escaparate listo para activar que los compradores comprendan de inmediato
Conéctese mediante SKU, Schema.org AUTO o la página del producto URL
Publicar, pausar, editar y administrar vistas 360 sin implementar código
Pruebe la exhibición del producto 360 antes de que aparezca en el sitio
Vea qué vistas de productos 360° abren y miran realmente los compradores

Cree un producto, cargue fotogramas o un video de rotación breve y pegue el fragmento en su tema Shopify, plantilla WooCommerce, CMS o bloque Custom HTML. El activador "3D" abre el visor de productos 360 en una ventana emergente modal y relaciona los productos por marcado SKU, URL o AUTO.
Agregue puntos de acceso opcionales dentro de la vista de producto 360 para que los compradores puedan tocar los detalles mientras el artículo gira. Sigue siendo una experiencia de escaparate sin código: el visor se abre desde el mismo widget emergente modal.

Establezca un punto de acceso en el marco de anclaje: posición, título y enlace opcional. La IA calcula el resto automáticamente.
El seguimiento por visión por computadora mapea el punto de acceso en cada cuadro para que siga el producto a medida que los compradores rotan.
Los compradores ven puntos pulsantes en el producto de 360°. Un toque revela detalles, descripciones o enlaces externos.
Pegue <script> en <head>, la plantilla de su escaparate o un bloque de código personalizado CMS, o conecte su propio botón en la página. El visor se vincula mediante SKU, Schema.org Marcado de producto (AUTO), página URL o datos-spinnify-* en su botón.
Mejor cuando la página del producto ya tiene un SKU o un código de producto
El widget lee el marcado del producto y conecta al visor correcto
Útil para páginas de destino, plantillas CMS e instalaciones Custom HTML, cuando la página del producto URL es estable
Su propia CTA "Ver en 3D" en cualquier lugar de la página, sin botón flotante Spinnify 360° Studio
La configuración específica de la plataforma se encuentra en nuestro centro de integración.
Insertar visor 360: guía de integraciónInstalar en las páginas Shopify, WooCommerce, CMS o Custom HTML
No se reescribe el tema para la mayoría de las tiendas
Un panel controla la publicación
Análisis de widgets por producto
y prácticamente cualquier sitio web
Artículos sobre Shopify, WooCommerce, Webflow y la velocidad de la página, para comerciantes que desean giros de productos interactivos sin contratar un equipo de desarrollo.

Cómo se verán los precios de los recorridos virtuales de bienes raíces en 2026: Matterport paquetes de escaneo, fotografía profesional 360, aplicaciones de bricolaje y cuándo girar el teléfono es la ruta de cotización más barata.
Leer artículo
Cómo cargar de forma diferida widgets de productos 360 e imágenes de carga diferida en PDP: póster primero, toque para abrir, proteja Core Web Vitals y LCP, proporcione WebP y AVIF desde CDN.
Leer artículo
Comparación del visor de productos 360: Spinnify 360° Studio frente a WebRotate 360, Magic360 y Spin Studio, con licencias, alojamiento, ruta Shopify y cuándo gana el SaaS completo.
Leer artículoConceptos básicos del visor 360 sin código
No. Spinnify 360° Studio (spinnify.io) es un visor de producto 360° sin código para ecommerce. Spinify (spinify.com) es una plataforma de gamificación de ventas. Son productos y empresas distintos.
Un visor de productos 360 sin código le permite mostrar un giro de producto interactivo en un sitio web sin crear un visor personalizado. Spinnify 360° Studio proporciona el panel, el fragmento, la ventana emergente modal y la coincidencia de productos.
Cargue cuadros giratorios (hasta 36) o un video corto de rotación de productos en Spinnify 360° Studio, publique el artículo y pegue un bloque <script>, iframe o Custom HTML en la página. El widget abre la vista 360 en una ventana emergente modal.
Sí. Si la plataforma le permite agregar un script, iframe o bloque HTML, Spinnify 360° Studio funciona como un widget de visualización de productos 360. La coincidencia utiliza SKU, URL, Schema.org o su propio botón en la página con data-spinnify-*.
Spinnify 360° Studio no es un estudio fotográfico: es un visor y un panel de control de 360° sin código. Después de cargar cuadros giratorios, Spinnify 360° Studio los almacena y los entrega desde su rápido CDN con cambio de tamaño automático, conversión WebP/AVIF y optimización. Su escaparate solo carga un fragmento de widget liviano; Las imágenes giratorias no están alojadas en su servidor web.
Sí. Spinnify 360° Studio crea giros interactivos a partir de una secuencia de fotografías o un video corto de rotación alrededor del producto, no a partir de una malla 3D personalizada. Cargue fotogramas o vídeos en el panel y publique el widget. No se requiere modelado CAD, escena WebGL o por-SKU 3D.
Sí. Comience con una demostración gratuita para explorar el panel y el widget. Los planes pagos varían según la cantidad de productos que mantenga activos; la facturación se ejecuta hasta Stripe y puede cambiar o cancelar en cualquier momento en el panel.
Shopify, WooCommerce y coincidencia de productos
Generalmente no. Para Shopify, WooCommerce, Custom HTML y muchas plantillas de comercio electrónico, pegar el fragmento es suficiente. Un desarrollador puede ayudar sólo cuando su plataforma bloquea el código personalizado.
Sí. El modo manual SKU y el modo URL no requieren Schema.org. El modo AUTO está disponible cuando la página del producto ya tiene Schema.org datos del producto.
La ventana emergente modal mantiene a los compradores en la página del producto, mientras que el iframe aísla la vista interactiva 3D del CSS y los scripts del escaparate. Esto hace que la instalación sea más sencilla y estable.
Cree un producto en Spinnify 360° Studio, cargue marcos y pegue el widget <script> en la configuración del sitio Tilda (antes de </head>) o un bloque de código T/HTML en la página del producto. Haga coincidir el producto por SKU, página URL o Schema.org AUTO; no se requiere ningún módulo Tilda personalizado.
Sí. En Shopify, use la aplicación Spinnify 360° Studio (consulte la guía de integración). En WooCommerce y plataformas similares, pegue el fragmento en la plantilla del tema o producto. La coincidencia utiliza SKU, página URL, Schema.org o un botón de activación personalizado.
Sí. Copie un enlace de visor público desde el panel Spinnify 360° Studio y envíelo por correo electrónico, chat, cotizaciones B2B o mercados que bloqueen scripts. El comprador abre el mismo giro interactivo en el navegador: no se requiere ningún fragmento en la página de alojamiento.
Pantalla, marcos y ventana emergente modal
La mayoría de los productos tienen un aspecto liso con entre 24 y 36 fotogramas. Menos fotogramas se cargan más rápido; más fotogramas pueden resultar más suaves. O suba un video corto (de hasta 35 segundos): Spinnify 360° Studio extrae automáticamente 36 fotogramas espaciados uniformemente.
Sí. Cada producto tiene controles de publicación en el panel, por lo que puede habilitar, pausar o actualizar la vista 360 sin cambiar el fragmento del sitio.
Spinnify 360° Studio está creando aplicaciones iOS y Android para captura guiada en un tocadiscos. Los marcos se comprimen a WebP en el dispositivo y se cargan en su espacio de trabajo con su clave API; los mismos elementos pueden alimentar el widget del sitio una vez publicados.
Sí, en el panel web Spinnify 360° Studio, coloque un video giratorio corto (MP4, WebM o MOV, de hasta 35 segundos y 50 MB) en la misma zona de carga que los fotogramas giratorios. Spinnify 360° Studio valida el archivo, extrae 36 fotogramas de la línea de tiempo y los sube a la nube. Utilice paisaje para la serie principal 4:3 y retrato para la serie móvil opcional 3:4. Un video por carga: no mezcle videos y fotos en la misma entrega. La carga de videos está disponible en el panel web; la aplicación móvil captura fotogramas individuales, no archivos de vídeo.
Modelos 3D de producto y visor GLB
Un visor 3D de producto muestra un modelo de producto interactivo en el navegador. Los compradores pueden rotar y hacer zoom para inspeccionarlo desde distintos ángulos sin salir de la página de producto.
Sube un modelo GLB a Spinnify 360° Studio, publica el producto y conéctalo con el widget existente, un iframe o un enlace público. No hace falta un visor WebGL a medida.
Spinnify 360° Studio admite GLB, un formato compacto listo para la web que puede incluir el modelo, materiales y texturas en un solo archivo.
Un spin 360° usa fotos del producto desde varios ángulos. Un visor 3D renderiza un modelo GLB y permite rotación libre y zoom. Spinnify 360° Studio admite ambos formatos.
Sí. Un producto 3D publicado tiene un enlace público al visor. Copia el enlace o comparte su código QR para que los clientes abran el modelo en escritorio o móvil.
El visor 3D se carga cuando un comprador lo abre, no en la carga inicial de la página. Así la tienda se mantiene ligera mientras el modelo GLB se entrega por separado.
Implementación técnica
Los fotogramas se almacenan en el CDN de Spinnify 360° Studio y se entregan a través de un canal de entrega optimizado: cambio de tamaño, formatos modernos (WebP/AVIF) y ajuste de calidad por ventana gráfica. El visor se carga solo cuando un comprador abre el control 3D, por lo que la página del producto permanece clara.
Spinnify 360° Studio está diseñado para una primera pintura ligera: los marcos se alojan en Spinnify 360° Studio CDN y se sirven como variantes optimizadas (cambiar tamaño, WebP/AVIF). El visor interactivo se carga cuando el comprador abre el control 3D, no al cargar la página inicial. El modal mantiene el giro aislado del CSS y los scripts de su tema.
Con Spinnify 360° Studio. Sube fotogramas giratorios o un vídeo de rotación en el panel (o fotogramas a través de la aplicación móvil); Spinnify 360° Studio los almacena en un almacenamiento rápido en la nube CDN y ofrece variantes optimizadas a los compradores. Su sitio incorpora solo un pequeño script de widget; no es necesario cargar cientos de fotogramas en Shopify, WooCommerce o en su propio alojamiento.
Conversión e intención del comprador
Las fotos son estáticas y el vídeo controla la historia. Una exhibición de productos de 360 grados permite a los compradores elegir ellos mismos el ángulo, lo que les ayuda a inspeccionar la forma, los detalles y los materiales antes de comprar.
Para muchos catálogos, sí. El vídeo reproduce una historia fija; 360° permite a los compradores controlar el ángulo e inspeccionar los detalles a su ritmo, a menudo con un peso de página más ligero que el vídeo de reproducción automática. Complementa las fotografías en lugar de reemplazar toda la combinación de medios.
Detalle interactivo del producto
Los puntos de acceso son puntos opcionales dentro de la vista 360. Pueden explicar los materiales, las características o los detalles del producto mientras los compradores rotan el artículo en el visor interactivo.
Integración sin código
Sí. Spinnify 360° Studio se comporta como un complemento giratorio universal de comercio electrónico 360 en el escaparate: un fragmento, un activador 3D, un visor emergente modal y coincidencia por SKU, URL o Schema.org.
Sí. El widget en el sitio es un fragmento emergente modal de vista de producto 3D interactivo: péguelo, conecte un producto y los compradores podrán abrir y rotar el artículo desde la página.
Sí, dondequiera que pueda agregar un bloque <script>, iframe o HTML personalizado. El código personalizado Webflow, los encabezados WordPress, los fragmentos de tema Shopify y las plantillas WooCommerce siguen el mismo patrón: pegar una vez, vincular mediante SKU, URL o Schema.org AUTO.
Comience con una demostración gratuita y luego elija un plan pago cuando esté listo para publicar más visores de productos 360 sin código. Compare los precios del visor de productos 360 para el tamaño de su catálogo: cambie o cancele en cualquier momento en el panel.
Estamos creando una aplicación complementaria que ayudará a los equipos a capturar cuadros giratorios de productos en un teléfono y enviarlos a Spinnify 360° Studio. El objetivo es simple: acortar el camino desde las imágenes del producto hasta un visor 360 en vivo y sin código en su sitio.
Captura guiada para una secuencia de giro completa sin salir de la aplicación.
Prepara archivos de fotogramas para el espectador, por lo que se necesita menos trabajo de escritorio.
Sube a su espacio de trabajo con su clave API personal.
Ayuda a los equipos a publicar muchos SKU más rápido.
Una vez que los marcos estén listos, el widget del sitio existente puede mostrar la nueva vista 360.
El momento exacto de lanzamiento y el conjunto de funciones pueden cambiar; compartiremos más a medida que nos acerquemos al lanzamiento.