Vous avez déjà souhaité que vos internautes puissent explorer virtuellement un lieu ou voir un produit sous toutes ses coutures ?
Chez WPBeginner, nous connaissons le pouvoir des visuels captivants, et les images à 360 degrés sont un moyen infaillible d’attirer l’attention de l’internaute. Comme les appareils de réalité virtuelle (VR) deviennent plus accessibles, vous pouvez même utiliser des images à 360 degrés pour créer des expériences vraiment immersives et amusantes pour les abonnés/abonnés/clientes potentiels.
Dans cet article, nous allons vous afficher comment ajouter facilement des images interactives à 360 degrés dans WordPress.
Pourquoi utiliser des images interactives à 360 degrés dans WordPress ?
Si vous gérez un magasin en ligne, des images de produits de haute qualité peuvent vous aider à augmenter vos ventes.
Certaines grandes marques vont plus loin en créant une image interactive à 360 degrés qui permet aux acheteurs d’explorer un produit sous toutes ses coutures.
C’est beaucoup plus engageant que de demander aux clients/clientes de défiler dans une galerie d’images affichant l’article sous différents angles.
Si vous avez un site immobilier, vous pouvez utiliser des images 360 pour créer des visites virtuelles afin que les acheteurs potentiels puissent explorer la propriété. Cela peut aider à convaincre les gens de prendre rendez-vous et de faire des vues.
Vous pouvez également utiliser des images à 360 degrés pour créer des expériences nouvelles et attrayantes. Par exemple, si vous avez un blog de voyage, alors les lecteurs peuvent utiliser des images interactives pour explorer différents Emplacements.
Ceci étant dit, voyons comment vous pouvez ajouter une image interactive à 360 degrés à votre blog ou site WordPress. Nous allons couvrir 2 méthodes, et vous pouvez utiliser les liens rapides ci-dessous pour sauter à celui que vous voulez utiliser :
Méthode 1 : Comment ajouter une image interactive à 360 degrés dans WordPress
La façon la plus simple d’ajouter des images rotatives à 360 degrés sur WordPress est d’utiliser Algori 360 Image. Cette extension WordPress gratuite ajoute simplement un nouveau bloc, ce qui rend le plugin très facile à utiliser.
Cependant, l’extension ne vous aide pas à créer une image à 360 degrés, mais uniquement à l’afficher. Cela signifie que vous devrez créer l’image à l’aide d’une application pour smartphone ou d’un logiciel de conception web. Les images à 360 degrés peuvent également ajouter beaucoup de poids à votre site, il est donc essentiel d’optimiser cette image pour le web.
Ceci fait, vous devez installer et activer l’extension Algori 360. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.
Lors de l’activation, il n’y a aucun réglage à configurer, vous pouvez donc commencer à utiliser l’extension immédiatement.
Une fois que vous avez une image à 360 degrés, il vous suffit de vous rendre sur la publication ou la page où vous souhaitez afficher cette image interactive.
Cliquez sur le bouton » + » et commencez à taper » Image 360 « . Lorsque le bon bloc apparaît, cliquez dessus pour l’ajouter à la page.
Vous pouvez maintenant cliquer sur « Médiathèque ».
Ensuite, choisissez une image à 360 degrés dans la Bibliothèque ou téléversez un nouveau fichier depuis votre ordinateur.
Selon la taille de l’image à 360 degrés, vous devrez peut-être attendre que WordPress la traite. Après quelques instants, vous verrez l’image à 360 degrés dans l’éditeur de publication.
Il vous suffit ensuite de cliquer sur le bouton « Mettre à jour » ou « Publier » pour mettre l’image en direct.
Maintenant, si vous visitez votre site WordPress, vous pouvez faire glisser l’image à 360 degrés pour la faire pivoter.
Si vous disposez d’un casque VR, vous pouvez alors cliquer sur le bouton « VR » pour explorer l’image 360 en réalité virtuelle.
Sachez simplement que les images interactives peuvent ralentir votre site. Ceci étant dit, vous pouvez consulter notre guide ultime sur la façon de booster la vitesse et les performances de WordPress.
C’est également une bonne idée de tester l’apparence et le comportement de l’image à 360 degrés sur les appareils mobiles. Pour obtenir des instructions étape par étape, veuillez consulter notre guide sur la façon de voir la version mobile des sites WordPress depuis un ordinateur de bureau.
Méthode 2 : comment ajouter une image de produit à 360 degrés à votre magasin WooCommerce.
Les images interactives permettent aux acheteurs de voir un produit sous tous les angles. Elles sont donc particulièrement utiles pour les places de marché et les magasins en ligne.
Si vous avez une boutique WooCommerce, alors SR Product 360° View vous permet de créer une image de produit rotative à 360 degrés pour chaque article de votre stock.
Il suffit de prendre une photo du produit sous tous les angles, puis de téléverser les images dans l’ordre dans lequel vous souhaitez les afficher.
L’extension combinera ensuite ces images en une animation rotative à 360 degrés que les acheteurs pourront voir sur votre page produit WooCommerce.
Tout d’abord, vous devrez installer et activer l’extension SR Product 360 view. Si vous avez besoin d’aide, veuillez consulter notre guide sur l ‘installation d’une extension WordPress.
Ensuite, allez dans Produits « Tous les produits et ouvrez le produit pour lequel vous souhaitez ajouter une image à 360 degrés.
Dans l’éditeur/éditrices du produit, défilez jusqu’à la nouvelle section Vue à 360 degrés du produit. Cliquez sur le bouton « Ajouter des images à 360 degrés ».
Vous pouvez maintenant sélectionner toutes les images que vous souhaitez inclure dans l’animation à 360 degrés.
Confirmez que vous sélectionnez les images dans l’ordre dans lequel elles doivent commander l’animation.
La vue à 360° du produit SR affichera désormais tous ces fichiers dans la section Vue à 360° du produit. Vous pouvez trier les images par glisser-déposer.
Lorsque vous êtes satisfait de ces images, cliquez sur le bouton « Mettre à jour » ou « Publier » pour rendre l’animation à 360 degrés directe.
Bonus : Vous voulez faire passer votre stock WooCommerce au niveau supérieur ? Essayez d’utiliser le constructeur d’entonnoir et la plateforme d’automatisation FunnelKit pour ajouter des upsells dynamiques, des cross-sells, des bumps de commande, et un entonnoir de vente complet dans WooCommerce.
Nous espérons que cet article vous a aidé à apprendre comment ajouter des images interactives à 360 degrés dans WordPress. Vous pouvez également lire notre guide sur la façon de créer des superpositions et des survols de flipbox dans WordPress, et notre choix d’experts des meilleures extensions de Diaporama.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!