Comment afficher une photographie de produit en rotation à 360° dans WordPress avec Elementor

Il ne fait aucun doute que des présentations de produits captivantes peuvent influencer considérablement les clients potentiels et stimuler les ventes. La photographie de produits avec rotation à 360 degrés est actuellement un moyen efficace et tendance de présenter des produits. Il permet aux clients d’explorer un produit sous différents angles.

Cela peut donner aux utilisateurs un meilleur aperçu des produits, conduisant potentiellement à des taux de conversion plus élevés. Alors que les outils et appareils photo avancés facilitent la prise de photos de produits à 360 degrés, le véritable défi commence lorsqu'il s'agit de les afficher sur un site Web.

Pas de soucis si votre site est construit avec WordPress. Dans cet article, nous allons vous montrer le guide le plus simple sur la façon d'afficher des photographies de produits avec rotation à 360 degrés dans WordPress avec Elementor. Parallèlement à cela, nous aborderons également certains aspects théoriques liés au sujet.

Qu’est-ce que la photographie de produits à 360 degrés ?

La photographie de produits à 360 degrés vous montre un produit sous différents points de vue afin que les utilisateurs aient l'impression de le voir de leurs mains. Cette méthode consiste à prendre une série de photos de l’objet et à les combiner pour créer une expérience interactive.

Lorsque la photographie est affichée sur un site Web, les clients peuvent déplacer et zoomer sur l'élément pour le voir sous n'importe quel angle. Cela donne aux utilisateurs une expérience quelque peu réaliste. Non seulement cette approche est esthétique, mais elle peut également garantir la confiance et faire passer le parcours d’achat en ligne à un niveau supérieur.

De quels outils avez-vous besoin pour photographier des produits avec rotation à 360 degrés ?

J'espère que vous savez déjà ce dont vous avez besoin pour prendre une photographie parfaite de produits avec rotation à 360 degrés. Néanmoins, nous avons brièvement couvert les outils et équipements dont vous avez besoin pour cela.

1. Appareil photo

Un appareil photo de bonne qualité est la base de toute configuration photographique parfaite. Bien qu'un appareil photo reflex numérique ou sans miroir soit généralement choisi en raison de la résolution et de la clarté de l'image, il existe de nombreux smartphones équipés d'appareils photo que vous pouvez utiliser pour ce faire.

2. Trépied

Vous avez besoin d'un bon trépied pour que votre appareil photo reste stable pendant la prise de vue. La stabilité est essentielle lorsque vous prenez plusieurs photos, car même un petit mouvement peut donner lieu à des photos de moins bonne qualité. Un trépied réglable en hauteur et inclinable vous rendra plus flexible.

3. Support/table tournant

Pour une rotation fluide et un angle stable, un plateau tournant motorisé est le meilleur choix. Ces plateaux tournants peuvent être ajustés en termes de vitesse et d'angle de rotation pour que votre produit soit correctement filmé sous tous les angles. Il est également possible d'utiliser des platines manuelles, même si celles-ci nécessiteront un peu plus de travail pour les tourner.

4. Équipement d'éclairage

Un bon éclairage est la clé d’une bonne photographie de produits. Utilisez des lumières softbox ou des anneaux lumineux pour produire une lumière douce et diffuse qui élimine les ombres et met en valeur les détails. La lumière naturelle peut également aider, mais elle n'est pas toujours fiable, donc un éclairage artificiel garantira des résultats plus prévisibles.

5. Utilisez un logiciel de photographie pour l'édition

Vous avez besoin d'un logiciel de photographie à 360 degrés pour charger, traiter et combiner vos photos de manière interactive. Vous pouvez également ajuster les couleurs, le contraste et la netteté des images pour que la photographie soit belle.

Vous souhaitez créer un site Web d'entreprise de photographie multi-vendeurs ? Ce tutoriel explique comment créer un site Web d'entreprise de photographie sur WordPress.

Comment afficher une photographie de produit en rotation à 360° dans WordPress avec Elementor (Guide étape par étape)

Une fois que vous avez préparé vos photographies de produits, il est maintenant temps de les afficher sur WordPress dans un format rotatif à 360 degrés. Mais pour cela, vous avez besoin des plugins suivants sur votre site.

• Élémenteur
• HappyAddons

HappyAddons est un complément notable au plugin Elementor. Il est livré avec le widget 360 Rotation, qui vous permet de créer de telles photographies sur WordPress. Une fois qu'ils sont installés et activés sur votre site, commencez à suivre les étapes expliquées ci-dessous.

Voici un guide sur la façon de démarrer avec HappyAddons.

Étape 01 : ouvrez le canevas Elementor et ajoutez le widget de rotation à 360 °

Ouvrez la publication/la page avec Elementor Canvas où vous souhaitez ajouter la photographie du produit avec rotation à 360 degrés.

Recherchez le widget Rotation 360 sur le panneau Elementor. Faites-le glisser et déposez-le sur le canevas.

Étape 02 : Ajouter des images de produits au widget

Une fois le widget ajouté, entrez dans son onglet Contenu . Après cela, développez la section Threesixty Rotation . Cliquez sur l' option Galerie .

Cela vous permettra de sélectionner des images pour créer la photographie du produit avec rotation à 360 degrés.

Vous pouvez télécharger des images depuis votre disque local ou depuis votre bibliothèque multimédia. Pour ce didacticiel, nous téléchargerons des images de la médiathèque.

Vous pouvez sélectionner autant d'images que vous le souhaitez pour le widget. Une fois les images sélectionnées, cliquez sur le bouton Créer une nouvelle galerie .

Avant de les ajouter au Elementor Canvas, vous serez autorisé à revoir les images sélectionnées une fois de plus. Vous pouvez le supprimer s'il y en a des recherchés. Vous pouvez également inverser l’ordre des photos.

Enfin, cliquez sur le bouton Insérer une galerie .

Les images seront ajoutées au canevas. Vous pouvez le voir dans la section Galerie du panneau Elementor.

Étape 03 : Configurer les paramètres du widget de rotation à 360 °

Développez la section Paramètres sous l'onglet Contenu. Vous verrez trois options : lecture automatique, agrandissement et alignement.

Si la lecture automatique est activée, les photos pivoteront automatiquement à 360 degrés sans aucun effort humain. Voici à nouveau trois options : Lecture automatique, Lecture par boutons et Aucune. Choisissez l'option appropriée dont vous avez besoin.

Pour ce didacticiel, nous avons sélectionné l'option Button Play . Cela ajoutera un bouton sous la photo sur le frontend. Lorsque vous cliquez dessus, la photo pivote automatiquement.

Vous pouvez même aligner le bouton où vous le souhaitez sur le canevas. Nous l’avons centralisé.

L'activation de l'option Magnifier permettra aux utilisateurs de zoomer tout en faisant pivoter les photographies. Vous pouvez même définir le montant du zoom.

Enfin, alignez la photo à l'aide de l'option Alignement dans la zone du widget.

Étape 04 : Styliser le widget rotatif à 360°

Accédez à l' onglet Style . Vous verrez trois sections d'options ici. Il s'agit de Wrapper, Magnify et Autoplay Button pour styliser et personnaliser davantage le widget.

Développez la section Wrapper . Il vous permet de styliser le conteneur du widget. Vous pouvez modifier la largeur du wrapper, le type d'arrière-plan, le type de bordure, le rayon de la bordure, l'ombre de la boîte et le remplissage .

Une fois que vous avez activé l'option Magnifier, une icône apparaîtra sur le widget. Désormais, dans la section Agrandir sous l'onglet Style, vous pouvez personnaliser la taille de l'icône, la couleur de l'icône, la largeur, le type de bordure et l'ombre de la boîte .

De la même manière, développez la section Bouton de lecture automatique sous l'onglet Style. Vous pouvez modifier la couleur du titre, l'effet de survol, le type d'arrière-plan, le type de bordure, la largeur, la couleur, le rayon de la bordure, l'ombre de la boîte, le remplissage et l'espace supérieur .

Ainsi, vous pouvez rendre le bouton de lecture automatique attrayant.

Étape 05 : Prévisualiser la rotation à 360°

Une fois tous les réglages et personnalisations effectués, accédez à la page d'aperçu et vérifiez si le widget fonctionne parfaitement ou non.

Vous pouvez voir que le widget fonctionne bien de notre côté.

Conseils pour créer une photo de produit à 360°

La qualité de la photographie de votre produit doit être finalisée avant de l'afficher sur le site Web. Sinon, quelles que soient les fonctionnalités/widgets avancés de WordPress ou Elementor que vous utilisez, il ne vous sera pas possible de présenter parfaitement la photographie de votre produit pour convertir les visiteurs.

1. Utilisez un éclairage cohérent

L’éclairage est l’un des éléments les plus importants de la photographie de produits. Pour produire une image à 360 degrés de haute qualité, assurez-vous que l’éclairage est cohérent tout au long de la prise de vue. Il est indispensable de rendre la photo du produit visuellement agréable.

2. Capturez des images haute résolution

Procurez-vous un appareil photo qui vous permet de prendre des images haute résolution afin de pouvoir mettre en valeur les détails lors d'un zoom avant. Maintenez la résolution à 300 DPI (points par pouce) pour que les photos soient plus nettes. Vous pouvez également envisager un objectif avec une distance focale modérée (environ 50 mm) pour éviter la distorsion.

3. Modifiez et optimisez vos images

Effectuez au moins quelques modifications de base pour que les images soient belles. Assurez un bon équilibre entre les couleurs, le contraste et la lumière. Enfin, avant de les télécharger sur votre site, compressez-les en réduisant le poids inutile afin qu'ils n'alourdissent pas votre page. Vérifiez comment optimiser les images pour WordPress.

4. Maintenir un arrière-plan cohérent

Si vous avez des arrière-plans différents pour chaque tournage, cela peut vraiment créer un environnement époustouflant pour les spectateurs. En outre, des arrière-plans séparés peuvent avoir des effets d'éclairage individuels sur la photographie. Donc, pour rester dans une zone de sécurité, assurez-vous d’avoir un arrière-plan solide et cohérent pour les photos.

5. Utilisez un support ou une table confortable

Utilisez un support ou une table approprié que vous pouvez déplacer pour prendre des photos. Cela vous aidera à réduire considérablement les efforts supplémentaires que vous devez consacrer à la photographie à 360 degrés.

Avantages de la photographie de produits de commerce électronique avec rotation à 360 degrés

Avant de terminer cette discussion, nous souhaitons aborder quelques points sur les avantages de l'affichage de photographies de produits de commerce électronique rotatives à 360 degrés sur les sites Web des entreprises. J'espère que vous êtes déjà conscient de ces avantages. Nous vous demandons néanmoins de consulter nos points ci-dessous.

Expérience client améliorée

La photographie de produits à 360 degrés offre une vue réaliste des produits qui permet aux utilisateurs d'interagir avec les produits comme s'ils étaient réels. Cette expérience peut améliorer considérablement l’expérience d’achat. Apprenez à impliquer les clients pour augmenter leurs ventes et leur satisfaction.

Potentiel de vente accru

L’utilisation de photographies de produits à 360 degrés augmentera considérablement les ventes. Selon une étude, les entreprises de commerce électronique constatent une augmentation de leurs ventes pouvant atteindre 47 % lorsqu'elles affichent ce type d'images sur les pages de produits.

Taux de retour réduits

En offrant aux clients une expérience produit à 360 degrés, ils peuvent prendre de meilleures décisions, ce qui entraîne des rendements inférieurs. Parce que lorsque les clients peuvent inspecter tous les angles d’un produit, ils sont moins susceptibles d’être surpris et déçus en l’ouvrant.

Rentable

La dépense initiale d’une photographie à 360 degrés peut être coûteuse. Mais cela peut vous faire économiser de l'argent à long terme en éliminant les taux de rebond et en augmentant la probabilité que les clients achètent le produit.

Polyvalence en marketing

La photographie à 360 degrés peut apporter de la polyvalence au marketing produit. Cela permet aux entreprises d’avoir une apparence visuelle cohérente et attrayante, augmentant ainsi la visibilité et la reconnaissance de la marque. Explorez les stratégies marketing de commerce électronique à la mode.

Pensées finales

Nous arrivons désormais à la fin de la discussion d'aujourd'hui. J'espère que vous avez déjà réalisé que créer des photographies de produits avec rotation à 360 degrés n'est pas difficile. Vous pouvez facilement le faire avec le widget décrit ci-dessus. Vous devez consacrer le maximum de temps, d’argent et d’efforts à photographier votre produit sous différents angles.

Une fois cette partie terminée, HappyAddons s'occupera du reste. En utilisant ce plugin, vous pouvez profiter de nombreuses autres fonctionnalités de conception Web intéressantes. Il existe également une version premium, en plus de la version gratuite. Explorez le plugin en cliquant sur les boutons ci-dessous.