respuesta rapida
360° en WooCommerce sin plugins pesados: Studio (nombre = SKU, Active) → embed widget.js solo en is_product() → Manual/AUTO/URL. Lazy load + WebP/CDN. Prueba la URL en vivo; limpia caché.
¿Quieres que los compradores giren productos como en las grandes tiendas? WooCommerce no exige plugins pesados. La integración Spinnify añade vistas 360° profesionales manteniendo alta la velocidad del sitio.
3 pasos para lanzar 360° en WooCommerce
1. Preparar en Spinnify Studio
Antes de tocar ajustes del sitio, prepara el contenido:
- Regístrate en Spinnify Studio.
- Crea un producto y sube una serie de fotos (24–36 fotogramas).
- Crítico: el nombre del producto en Studio = el SKU en WooCommerce Admin.
- Pon el estado en Active. Los borradores son invisibles para el sistema.
2. Añadir código al sitio
Inserta un pequeño snippet una vez en la plantilla de la página de producto.
- Dónde obtener el código: pestaña Embed del producto en Spinnify Studio.
- Dónde pegar: functions.php del tema o plugin WPCode / Code Snippets.
- Importante: solo páginas de producto—usa is_product() en PHP para que el widget no cargue en la home o el blog.
3. Configurar el enlace automático
El sistema debe saber qué spin mostrar. Tres modos:
- Manual (recomendado): vincula por SKU. Fiable para productos variables de WooCommerce.
- AUTO: lee el SKU del markup Schema.org—útil con datos estructurados SEO sólidos.
- URL: vincula por URL de página cuando los SKUs cambian o son incómodos.
Por qué no ralentiza el sitio
Muchos temen que los widgets ralenticen WooCommerce. Spinnify está pensado distinto:
- Lazy loading: el navegador no descarga fotos hasta que el comprador pulsa Ver 360°.
- Impacto mínimo en LCP: el widget carga separado del contenido principal.
- Formatos comprimidos: fotogramas WebP vía CDN global.
Checklist: ¿no aparece el viewer?
- URL en vivo: prueba en el sitio publicado—el Customizer a menudo bloquea scripts.
- Coincidencia de nombre: Studio y SKU de WooCommerce deben coincidir carácter a carácter (espacios y guiones importan).
- Limpia caché: tras añadir código, purga WP Rocket, LiteSpeed, etc.
- SKU de variación: en productos variables, usa el SKU de la variación (color) que estás viendo.
- Suscripción activa de Spinnify Studio.
Conclusión: integración para el negocio
A diferencia de plugins voluminosos que chocan con tu tema, este enfoque es más limpio: una capa de inspección interactiva sobre la galería de WooCommerce. Mejor UX para calzado, bolsos, electrónica y joyería—donde las fotos estáticas pierden detalle.
¿Listo para lanzar? Sube fotos en Spinnify Studio. Captura: guía DIY con smartphone. Shopify: guía de integración.
