Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter des vidéos de produits à vos galeries WooCommerce

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous cherchez à ajouter des vidéos de produits à vos galeries WooCommerce ?

Les vidéos peuvent fournir des démonstrations plus détaillées et plus engageantes de vos produits. En outre, elles peuvent aider à rendre votre magasin WooCommerce plus attrayant et engageant sur le plan visuel.

Dans cet article, nous allons vous afficher comment ajouter facilement des vidéos de produits à vos galeries WooCommerce, étape par étape.

Adding product videos to your WooCommerce gallery

Pourquoi ajouter des vidéos de produits WooCommerce à votre stock ?

En ajoutant des vidéos de produits à votre magasin WooCommerce, vous pouvez présenter efficacement vos produits de manière plus détaillée et plus informative. Cela peut permettre à vos clients/clientes de mieux comprendre les fonctionnalités et les avantages de votre produit.

Cela peut permettre d’augmenter les taux de conversion, car les internautes qui regardent des vidéos de produits sont 73 % plus susceptibles d’effectuer un achat.

En outre, afficher vos produits en action par le biais d’une vidéo peut aider à renforcer la confiance et la crédibilité auprès des clients/clientes potentiels, ce qui les rend plus confiants dans leurs achats.

Par exemple, si vous avez une boutique en ligne qui vend des écouteurs, alors l’ajout d’une vidéo qui démontre la qualité du son et les fonctionnalités de l’écouteur peut vous aider à obtenir plus de conversions.

Headphone WooCommerce product video preview

Ajouté à cela, l’ajout de vidéos de produits à vos galeries WooCommerce peut également augmenter les classements du contenu de votre site Web, car les moteurs de recherche donnent la priorité aux sites qui ont un contenu multimédia, y compris des vidéos.

Une meilleure visibilité dans les résultats de recherche peut prospecter un plus grand nombre de personnes qui visiteront votre stock et achèteront des produits.

Cela étant dit, voyons comment vous pouvez facilement ajouter des vidéos de produits à vos galeries WooCommerce. Vous pouvez utiliser les liens ci-dessous pour passer à la méthode que vous souhaitez utiliser :

Méthode 1 : Ajouter une vidéo de produit WooCommerce en utilisant YITH WooCommerce Featured Audio & Video Content (Free & Premium)

Pour cette méthode, nous allons vous afficher comment ajouter des vidéos de produits aux galeries WooCommerce en utilisant une extension premium. Nous vous recommandons cette méthode si vous souhaitez avoir plus de contrôle sur les réglages d’affichage et de lecture de vos vidéos.

Tout d’abord, vous devez installer et activer le plugin YITH WooCommerce Featured Audio & Video Content. Pour des instructions plus détaillées, veuillez consulter notre guide du débutant sur l’installation d’une extension WordPress.

Avec cette extension, vous pouvez ajouter une vidéo de YouTube et Vimeo ou votre propre vidéo de la médiathèque à la galerie WooCommerce.

Note : Il existe également une extension gratuite YITH WooCommerce Featured Video. Cependant, il ne vous permet pas de configurer la plupart des réglages de la vidéo, de la modale et de la galerie.

Définir les Réglages généraux de l’extension

Une fois activé, rendez-vous sur la page YITH  » Featured Audio & Video Content à partir de la colonne latérale de l’administrateur WordPress.

Les Réglages vidéo s’ouvrent alors. À partir de là, vous pouvez commencer par sélectionner une proportion de taille pour la vidéo du produit dans le menu déroulant.

Si vous utilisez la version gratuite, ce sera le seul réglage disponible.

Choose the aspect ratio for the product video

Ensuite, permutez le commutateur « AutoPlay » sur activé si vous souhaitez que la vidéo commence à être lue dès le chargement de la page.

Vous pouvez également permuter le bouton « Boucle » pour que la vidéo recommence dès qu’elle se termine.

Une fois que vous avez fait cela, vous devez déplacer le Diaporama à côté de la faculté ‘Volume’ pour ajuster le volume de la vidéo. Ensuite, il suffit de permuter sur l’interrupteur  » Vidéos arrêtables  » pour permettre aux utilisateurs/utilisatrices de mettre une vidéo en pause.

Configure the General settings for the video

Ensuite, défilez jusqu’à la section « Réglages YouTube » et activez l’option « Afficher les vidéos similaires » si vous souhaitez recommander d’autres vidéos YouTube de la même chaîne que votre vidéo. Ce réglage est uniquement nécessaire si vous embarquez une vidéo de produit provenant de YouTube.

Ensuite, vous pouvez choisir un thème et un style pour le lecteur vidéo YouTube.

Configure YouTube video settings

Une fois que vous avez fait cela, vous devez défiler jusqu’à la section « Réglages Vimeo » et permuter sur le commutateur « Afficher le titre de la vidéo » pour afficher le titre de la vidéo dans le lecteur Vimeo. Vous devrez modifier ce Réglage uniquement si vos vidéos de produits sont hébergées sur Vimeo.

En outre, vous pouvez sélectionner une couleur de contrôle de lecture pour le lecteur Vimeo.

Configure Vimeo Settings

Ensuite, passez à la section « Style du lecteur VideoJS » et choisissez « Personnalisé » comme option de « Style ».

Cela ouvrira les Réglages de personnalisation, où vous pourrez configurer la couleur d’arrière-plan, la couleur du Diaporama, la couleur du bouton, et plus encore du lecteur vidéo.

Une fois que vous avez terminé, cliquez sur le bouton « Enregistrer les options » pour stocker vos réglages.

Configure color settings for the video

Définir les Réglages des Modales (Extension Premium uniquement)

Vous devez maintenant passer à l’onglet  » Réglages modaux  » en haut de la page. Gardez à l’esprit que cet onglet ne sera pas disponible si vous utilisez l’extension gratuite.

Une fois que vous y êtes, il vous suffit de permuter le bouton « Vidéo dans une fenêtre modale » si vous souhaitez afficher la vidéo mise en avant dans une fenêtre modale. La vidéo sera ainsi affichée dans une visionneuse, devant le reste du contenu de la page.

Après avoir fait cela, vous pouvez également choisir un « effet d’affichage modal » dans le menu déroulant.

Configure Modal Settings

Cliquez ensuite sur le bouton « Enregistrer les options » pour stocker vos réglages.

Définir les Réglages de la Galerie (Extension Premium uniquement)

Vous devez maintenant passer à l’onglet  » Réglages de la galerie  » depuis le haut. Cet onglet est uniquement disponible dans la version premium.

À partir de là, vous devez sélectionner l’option  » Galerie WooCommerce  » comme  » mode de galerie vidéo et audio  » pour afficher les vidéos des produits dans la galerie WooCommerce.

Choose the WooCommerce Gallery option

Facultativement, en sélectionnant l’option « Plugin Gallery », la vidéo mise en avant sera affichée dans une galerie similaire.

D’autre part, vous pouvez également basculer le commutateur  » Vidéo et audio dans la barre latérale  » si vous souhaitez afficher la vidéo du produit dans la colonne latérale au lieu de la galerie WooCommerce ou de la galerie similaire.

Une fois que vous avez terminé, n’oubliez pas de cliquer sur le bouton « Enregistrer les options » pour stocker vos réglages.

Show the video in the sidebar

Ajouter la vidéo du produit à la galerie WooCommerce

Il est temps pour vous d’ajouter la vidéo du produit WooCommerce à la galerie WooCommerce.

Tout d’abord, visitez la page Produits  » Tous les produits dans la colonne latérale de l’administrateur WordPress. Une fois que vous y êtes, cliquez simplement sur le lien  » Modifier  » sous le nom d’un produit pour ouvrir la page  » Modifier le produit « .

Click the Edit link under the products page

Ensuite, défilez jusqu’à la section « Données produit » et cliquez sur l’onglet « Vidéo » dans la colonne de gauche.

Vous devez maintenant sélectionner le mode d’ajout de la vidéo dans le menu déroulant  » Ajouter une vidéo « . Pour ce tutoriel, nous choisirons l’option « Par URL » car nous ajouterons l’URL d’une vidéo YouTube.

Switch to the Video tab and choose By URL option from the dropdown menu

Vous pouvez également téléverser une vidéo à l’aide de la médiathèque de WordPress. Cependant, nous ne recommandons pas cette méthode car le téléversement de vidéos utilise beaucoup de bande passante.

Pour plus de détails, vous pouvez consulter notre guide du débutant sur les raisons pour lesquelles vous ne devriez jamais téléverser une vidéo sur WordPress.

Il vous sera alors demandé de saisir un nom pour la vidéo du produit dans le champ « Nom de l’expéditeur ».

Une fois cela fait, il vous suffit de coller l’URL de la vidéo YouTube dans le champ « URL de la vidéo » et de cliquer sur le bouton « Ajouter une vidéo ».

Paste YouTube video URL

Enfin, cliquez sur le bouton « Mettre à jour » ou « Publier » en haut de la page pour enregistrer vos modifications.

Vous pouvez maintenant vous rendre dans votre magasin en ligne pour vérifier si la vidéo a été ajoutée à la galerie WooCommerce de votre produit.

Voici à quoi ressemblait la vidéo du produit sur notre site de démonstration.

Preview for WooCommerce product video

Méthode 2 : ajouter des vidéos de produits WooCommerce à l’aide de Really Simple Featured Video (gratuit).

Si vous cherchez un moyen simple et gratuit d’ajouter des vidéos de produits WooCommerce, cette méthode est faite pour vous.

Tout d’abord, vous devez installer et activer le plugin Really Simple Featured Video. Pour plus de détails, consultez notre tutoriel sur l ‘installation d’une extension WordPress.

Définir les Réglages de l’Extension

Une fois activé, rendez-vous sur la page Réglages  » Really Simple Featured Video du tableau de bord WordPress.

À partir de là, permutez le commutateur  » Produits  » pour activer le support vidéo pour WooCommerce. Après cela, cliquez simplement sur le bouton  » Enregistrer les modifications  » pour stocker vos réglages.

Toggle the Products switch

Ensuite, vous devez passer à l’onglet « Contrôles » en haut de la page. Ici, vous pouvez définir les Réglages pour les vidéos auto-hébergées et les vidéos embarquées.

Passez maintenant à la section « Vidéos auto-hébergées » et commencez par permuter le commutateur « Contrôles » pour ajouter des contrôles au lecteur vidéo.

Ensuite, vous pouvez également basculer le bouton « Boucle » pour que la vidéo continue à être lue en boucle. En outre, vous pouvez également couper le son de la vidéo par défaut en permutant le commutateur situé à côté de « Mute sound ».

Une fois que vous avez fait cela, il vous suffit de permuter le commutateur « Autoplay » si vous voulez que la vidéo commence à jouer automatiquement.

Toggle the controls switch

Ensuite, défilez jusqu’à la section  » Contenu embarqué des vidéos « , où vous trouverez toutes ces options répétées pour la vidéo embarquée.

Il vous suffit de configurer ces réglages à votre convenance et de cliquer sur le bouton « Enregistrer les modifications » pour stocker vos réglages.

Ajouter la vidéo du produit à la galerie WooCommerce

Pour ajouter une vidéo de produit à la galerie WooCommerce, rendez-vous sur la page Produits  » Tous les produits depuis la colonne latérale de l’administrateur.

De là, cliquez sur le lien « Modifier » sous le nom d’un produit pour l’ouvrir.

Edit the products page

Une fois que vous y êtes, défilez vers le bas jusqu’à la section « Vidéo Sélectionné » dans la colonne de droite et sélectionnez une source vidéo.

Si vous souhaitez téléverser une vidéo à partir de votre ordinateur ou de votre médiathèque, vous devez sélectionner l’option « Sélectionné ». En revanche, pour intégrer une vidéo provenant de YouTube ou d’une autre plateforme, vous devez choisir l’option « Contenu embarqué ».

Note : Nous ne recommandons pas de téléverser des vidéos sur votre site car elles utilisent beaucoup de bande passante. Pour plus de détails, vous pouvez lire notre guide sur les raisons pour lesquelles vous ne devriez jamais téléverser une vidéo dans WordPress.

Pour ce tutoriel, nous choisirons l’option « Contenu embarqué » car nous voulons ajouter une vidéo YouTube.

Choose the Embed option and paste the video URL

En sélectionnant cette option, un champ « Video URL goes here » (l’URL de la vidéo va ici) s’affiche. Il suffit d’ajouter le lien de la vidéo YouTube, Vimeo ou Dailymotion dans le champ.

Enfin, cliquez sur le bouton « Mettre à jour » ou « Publier » en haut de la page pour enregistrer vos modifications.

Désormais, vous pouvez vous rendre sur votre site pour consulter la vidéo du produit WooCommerce.

headphones preview

Bonus : Ajouter des galeries d’images pour les produits sur votre magasin WooCommerce.

Outre les vidéos, il est également judicieux d’ajouter des galeries d’images pour les produits de votre site.

Plusieurs images peuvent aider à mettre en valeur différentes fonctionnalités de vos produits et à augmenter l’engagement des clients dans votre magasin WooCommerce.

En outre, ces galeries constituent également un excellent moyen de présenter différentes variantes de produits, telles que les couleurs, les tailles ou les styles, afin d’aider les acheteurs potentiels à prendre une décision en connaissance de cause.

De plus, les galeries d’images peuvent également être optimisées pour les moteurs de recherche afin d’aider votre site à mieux se classer.

Vous pouvez facilement ajouter une galerie d’images pour les produits sur votre magasin WooCommerce en utilisant Envira Gallery. C’est le meilleur plugin de galerie WordPress sur le marché qui vous permet de créer des galeries entièrement responsive et magnifiques sur WordPress.

Envira Gallery website

Il est super rapide et est livré avec de nombreuses fonctionnalités comme une popup lightbox, une navigation facile dans les images, un constructeur drag-and-drop, des filigranes et des modèles de galeries professionnelles. Pour plus de détails, vous pouvez consulter notre avis complet sur Envira Gallery.

L’extension rend super facile la création de galeries de produits et vous permet même d’ajouter des identifiants et des termes de taxonomie pour aider votre page de produits à mieux se classer.

Pour des instructions détaillées, consultez notre tutoriel sur la création d’une galerie d’images de produits WooCommerce.

Nous espérons que cet article vous a aidé à apprendre comment ajouter des vidéos de produits à vos galeries WooCommerce. Vous pouvez également consulter notre tutoriel sur la façon de planifier des coupons dans WooCommerce et notre top des meilleurs plugins WooCommerce pour développer votre site.

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.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

Un commentaireLaisser une réponse

  1. Syed Balkhi says

    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!

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.