Réponse rapide
360° sur WooCommerce sans plugins lourds : Studio (nom = SKU, actif) → widget.js intégré sur is_product() uniquement → Manuel/AUTO/URL. Lazyload + WebP/__PH_3__. Test de l'URL en direct ; vider le cache.
Vous souhaitez que les acheteurs alternent les produits comme les grands magasins ? WooCommerce ne nécessite pas de plugins lourds. L'intégration de Spinnify ajoute des vues professionnelles à 360° tout en maintenant une vitesse de site élevée.
3 étapes pour lancer 360° sur WooCommerce
1. Préparez-vous en Spinnify Studio
Avant les paramètres du site, préparez le contenu :
- Inscrivez-vous à Spinnify Studio.
- Créez un produit et téléchargez une série de photos (24 à 36 images).
- Critique : nom du produit Studio = SKU dans WooCommerce Admin.
- Définissez le statut sur Actif. Les brouillons sont invisibles pour le système.
2. Ajoutez du code au site
Insérez un petit extrait une fois sur le modèle de page produit.
- Où obtenir le code : onglet Intégrer le produit dans Spinnify Studio.
- Où coller : thème function.php ou plugin WPCode/Code Snippets.
- Important : pages de produits uniquement : utilisez is_product() en PHP afin que le widget ne se charge pas sur la page d'accueil ou sur le blog.
3. Configurez la liaison automatique
Le système doit savoir quel spin afficher. Trois modes :
- Manuel (recommandé) : lier par SKU. Fiable pour les produits variables WooCommerce.
- AUTO : lit SKU à partir du balisage Schema.org, pratique avec des données structurées SEO solides.
- URL : liaison par URL de page lorsque les SKU changent ou ne conviennent pas.
Pourquoi cela ne ralentit pas le site
Beaucoup craignent que les widgets ralentissent WooCommerce. Spinnify est construit différemment :
- Chargement paresseux : le navigateur ne récupère pas les photos tant que l'acheteur n'a pas cliqué sur Afficher à 360 °.
- Impact minimal de LCP : le widget se charge séparément du contenu de la page principale.
- Formats compressés : images WebP via CDN global.
Liste de contrôle : la visionneuse ne s'affiche pas ?
- Live URL : tester sur le site publié – Customizer bloque souvent les scripts.
- Correspondance du nom : Studio et WooCommerce SKU doivent correspondre caractère pour caractère (les espaces et les tirets comptent).
- Vider le cache : après avoir ajouté du code, purgez WP Rocket, LiteSpeed, etc.
- Variation SKU : pour les produits variables, utilisez le SKU de la variation (couleur) que vous visualisez.
- Abonnement Spinnify Studio actif.
Conclusion : l'intégration pour les entreprises
Contrairement aux plugins volumineux qui entrent en conflit avec votre thème, cette approche est plus propre : une couche d'inspection interactive sur la galerie WooCommerce. Idéal UX pour les chaussures, les sacs, les appareils électroniques et les bijoux, là où les photos statiques manquent de détails.
Prêt à vous lancer ? Téléchargez des photos dansSpinnify Studio. Capturer:Guide de bricolage sur smartphone. Shopify :guide d'intégration.
