Visor de productos 360 sin código para cualquier sitio web de comercio electrónico sin reescribir el tema

Un fragmento de <script> • Shopify / WooCommerce / cualquier escaparate

Añ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.

1
retazo
para instalar
Sin código
Shopify +
WooCommerce
3
vinculante
SKU / URL / AUTO / tu botón
360
vistas
seguimiento por producto
Widget sin código

La página de su producto necesita una vista de 360°. no es otra tarea de desarrollo personalizado

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.

Creado para páginas sin código

Funciona donde puedes agregar un script, iframe o bloque Custom HTML

Responde dudas sobre productos más rápido

Los compradores rotan el artículo en lugar de adivinar a partir de imágenes planas

Medido como un widget

Realice un seguimiento de las aperturas, vistas y tiempo de visualización por producto

Cree una vista de producto 360 a partir de fotografías, sin tocadiscos

Fotografía de productos AI 360 de tres fotos del 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.

Crear una vista de producto 360 en Studio

Inicie sesión en Spinnify 360° Studio y abra cualquier tarjeta de producto para comenzar.

Nuevo · modelos 3D GLB

Visor 3D de producto interactivo para ecommerce

¿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.

Subida GLBRotar y zoomControles móvilesUn widget para 360° y 3DHotspots
Demo de modelo 3D de producto interactivo

Añadir un vista 360 sin codificar

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.

No se requiere desarrollador para la mayoría de las instalaciones

Un visor de productos 360 sin código que puedes publicar hoy

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.

  • Instale con un bloque <script>, iframe o Custom HTML.
  • Utilice páginas Shopify, WooCommerce, CMS, escaparates sin cabeza o HTML personalizados.
  • Muestre un botón 3D, un visor emergente modal y análisis por producto.
Cómo funciona sin desarrollo personalizado
1. Agregar contenido del producto
Cargue fotogramas giratorios (hasta 36) o un vídeo corto giratorio: creamos 36 fotogramas automáticamente.
2. Pega el fragmento
Agregue el widget a su tema de comercio electrónico, plantilla CMS o bloque Custom HTML.
3. Combina el producto
Vincula al espectador mediante la detección automática SKU, página URL o Schema.org.
4. Abrir en un modal
Los compradores hacen clic en "3D" y rotan el producto sin salir de la página.
Visor de productos 360 sin código
Visor de productos 360 sin código

Todo por un Complemento giratorio universal de comercio electrónico 360

Sube fotos o video de rotación.

Hasta 36 fotogramas giratorios, o un vídeo corto giratorio; extraemos 36 fotogramas automáticamente

Entrega de espectadores optimizada

Los marcos están preparados para una carga rápida en el escaparate

Visor de iframe emergente modal

La vista interactiva 3D se abre sin alterar el diseño de la página.

Botón “3D” en la página

Un escaparate listo para activar que los compradores comprendan de inmediato

Modos de enlace sin código

Conéctese mediante SKU, Schema.org AUTO o la página del producto URL

Panel de control para cada producto

Publicar, pausar, editar y administrar vistas 360 sin implementar código

Vista previa antes de incrustar

Pruebe la exhibición del producto 360 antes de que aparezca en el sitio

Análisis a nivel de producto

Vea qué vistas de productos 360° abren y miran realmente los compradores

Spinnify 360° Studio Panel de control de 360° Studio con vistas de widgets, tiempo de visualización y análisis de productos

¿Cómo agregar un vista 360 a su sitio web sin codificación

1

crear un producto

Mis productos
SKU-001
24 fotogramas
Activo
SKU-002
36 cuadros
Inactivo
2

Subir fotogramas o vídeo

Fotos en serie de 360°
3

Pegue el fragmento del widget

Fragmento de integración sin código
<script
src="widget.js"
data-sku="SKU | AUTO | URL"
></script>
Activador en el sitio:

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.

Detalles interactivos del producto 3D

Haz que la vista 360 explique los detalles del producto

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.

Bolso de mano de cuero con puntos interactivos que resaltan la hebilla de la correa, el cierre y el logotipo de la marca.

Hacer clic para colocar en un cuadro

Establezca un punto de acceso en el marco de anclaje: posición, título y enlace opcional. La IA calcula el resto automáticamente.

Seguimiento de fotogramas impulsado por IA

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.

Visible en el visor en vivo

Los compradores ven puntos pulsantes en el producto de 360°. Un toque revela detalles, descripciones o enlaces externos.

Cómo funcionan los puntos de acceso

1
Coloca un punto
Elija un marco, haga clic en el lugar
2
La IA lo rastrea
Posición automática en todos los fotogramas
3
Los compradores interactúan
Aparecen puntos en el visor en vivo.

Cómo conectar un widget de visualización de productos 360: con un fragmento

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.

Manual (SKU)

Mejor cuando la página del producto ya tiene un SKU o un código de producto

<script
  src="https://www.spinnify.io/widget.js"
  data-key="YOUR_WIDGET_KEY"
  data-sku="PRODUCT_SKU"
  defer
></script>

AUTO (Schema.org)

El widget lee el marcado del producto y conecta al visor correcto

<script
  src="https://www.spinnify.io/widget.js"
  data-key="YOUR_WIDGET_KEY"
  data-sku="AUTO"
  defer
></script>

Por página URL

Útil para páginas de destino, plantillas CMS e instalaciones Custom HTML, cuando la página del producto URL es estable

<script
  src="https://www.spinnify.io/widget.js"
  data-key="YOUR_WIDGET_KEY"
  data-sku="URL"
  defer
></script>

Tu botón

Su propia CTA "Ver en 3D" en cualquier lugar de la página, sin botón flotante Spinnify 360° Studio

<button
  type="button"
  data-spinnify-open
  data-spinnify-key="YOUR_WIDGET_KEY"
  data-spinnify-sku="PRODUCT_SKU"
  hidden>
  Your label
</button>
<script
  src="https://www.spinnify.io/widget-trigger-boot.js"
  defer
></script>

Flujo de instalación sin código

Producto en el tablero
Ruta SKU o URL
Fragmento de widget
Script / iframe / bloque HTML
ventana emergente modal
Vista interactiva 3D
Analítica
Abre y mira el tiempo

La configuración específica de la plataforma se encuentra en nuestro centro de integración.

Insertar visor 360: guía de integración
Sin opción de inserción

Comparte un spin 360° o un modelo 3D de producto con un solo enlace

Envía la misma experiencia de producto fuera de tu tienda. Un enlace público Spinnify 360° Studio y su código QR abren el spin 360° interactivo del producto o su modelo 3D GLB en el navegador.

Creado para equipos que necesitan una exhibición de productos 360 sin código

Instalar 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

Widget de comercio electrónico universal
Tilda
Shopify
WordPress
WooCommerce
Magento
PrestaShop
Bitrix
InSales
Custom HTML
Laravel
Symfony
Next.js

y prácticamente cualquier sitio web

Blog

Comercio 360° ideas y manuales

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.

Todos los artículos
  • Bandas de presupuesto de platos fotográficos y ruta a Spinnify Studio
    Estrategia6 lectura mínima

    Mejores platos giratorios de fotografía 360 por presupuesto

    Compara platos 360 por carga, suavidad y exportación de fotogramas. Cualquier plato puede alimentar Spinnify Studio después de la toma.

    Leer artículo
  • Servicio de spin foto, visor más plato, configurador 3D
    Estrategia4 lectura mínima

    Spinnify vs SpinShot vs 360productviewer.com: tres trabajos

    Compara Spinnify 360° Studio con el visor foto alojado de SpinShot y el configurador 3D de 360productviewer.com. Hechos públicos 2026.

    Leer artículo
  • Ficha de producto OpenCart abriendo el visor Spinnify 360° en una capa modal
    Integración5 lectura mínima

    Cómo añadir una vista de producto 360° en OpenCart

    3 pasos para OpenCart 3/4: publicar en Studio, pegar widget.js en Theme Editor en product.twig, vincular por Model. Carga diferida, modal, CDN.

    Leer artículo
  • Ficha de producto Magento 2 abriendo el visor Spinnify 360° en una capa modal
    Integración5 lectura mínima

    Cómo añadir una vista de producto 360° en Magento 2

    3 pasos para Magento 2: publicar en Studio, pegar widget.js en HTML Head o Page Builder, vincular por SKU. Carga diferida, modal, CDN.

    Leer artículo

Preguntas frecuentes preguntas

Conceptos básicos del visor 360 sin código

Conceptos básicos del visor 360 sin código

¿Spinnify es lo mismo que Spinify?

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.

¿Qué es un visor de productos 360 sin código?

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.

¿Cómo agrego una vista 360 a un sitio web sin codificar?

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.

¿Puedo usar Spinnify 360° Studio con Shopify, WooCommerce, Webflow o Custom HTML?

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 es un estudio fotográfico o un servicio de alojamiento de medios?

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.

¿Puedo agregar una vista de producto de 360° sin un modelo 3D?

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.

¿Existe un plan gratuito para probar Spinnify 360° Studio?

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.

Precios

Planes que escalan con tu catalogo

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.

Monthly billing each month. Limits by created products.

Demo

$0free trial (demo)

Try Spinnify 360° Studio with one or two products — ideal for a quick proof of concept.

  • Up to 2 products
  • Up to 36 frames per product
  • Integrations: SKU, Schema.org JSON-LD, and URL matching
  • 360° viewer (iframe) + floating 3D widget
  • Interactive 3D product models (GLB) and browser viewer
empezar

Starter

$15/ month

For small catalogs and your first live integrations.

  • Up to 20 products
  • Up to 36 frames per product
  • Integrations: SKU, Schema.org JSON-LD, and URL matching
  • Per-product analytics (views and time on view)
  • Interactive 3D product models (GLB) and browser viewer
empezar
Popular

Business

$29/ month

For shops that add products often and need more headroom.

  • Up to 85 products (80 + 5 bonus)
  • Up to 36 frames per product
  • Integrations: SKU, Schema.org JSON-LD, and URL matching
  • Per-product analytics (views and time on view)
  • Interactive 3D product models (GLB) and browser viewer
empezar

Enterprise

$99/ month

For large catalogs, teams, and higher volume.

  • Up to 500 products
  • Up to 36 frames per product
  • Integrations: SKU, Schema.org JSON-LD, and URL matching
  • Per-product analytics (views and time on view)
  • Interactive 3D product models (GLB) and browser viewer
empezar

Los planes pagos se facturan a través de Stripe. La facturación anual es un pago con los mismos límites de productos.

En desarrollo

Captura de fotogramas más rápida para futura publicación sin código

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.

iOS
Android

El momento exacto de lanzamiento y el conjunto de funciones pueden cambiar; compartiremos más a medida que nos acerquemos al lanzamiento.