WooThumbs Plugin Introduction : Comment améliorer l'affichage des images des produits WooCommerce ?

existent WooCommerce Dans les magasins, les images des produits sont cruciales pour la décision d'achat de l'utilisateur.Présentation de haute qualitéNon seulement il améliore l'expérience de l'utilisateur, mais il augmente également les conversions. Cependant.WooCommerce La fonctionnalité d'image par défaut est plutôt basique et manque deLoupe, vignettes coulissantes, mode "lightbox" et prise en charge des vidéos, etc.Fonctionnalités avancées. Cet article décrit les WooThumbs Les fonctionnalités de base et leurs paramètres optimisés vous aident à créer des pages produits plus attrayantes.

I. Introduction au plugin WooThumbs

WooThumbs pour Woocommerce

WooThumbs Le plug-in est conçu pour WooCommerce Conçu pour fournirZoom HD, vignettes coulissantes, mode "lightbox" et prise en charge des vidéosIl optimise la présentation du produit et améliore l'expérience de l'utilisateur, augmentant ainsi les ventes.WooThumbs Il s'agit d'une Optimisez les images des produits WooCommerce qui offre un certain nombre d'améliorations, notamment :

• Zoom d'image de haute qualité (Zoom)Les utilisateurs peuvent zoomer sur les détails des produits pour améliorer l'expérience d'achat.
• Diapositive de vignettesLes images de produits peuvent être glissées horizontalement ou verticalement pour une navigation plus fluide dans les images de produits.
• Mode boîte à lumière (Lightbox)Le système d'affichage en plein écran permet aux utilisateurs de parcourir les images des produits avec plus de clarté.
• Support vidéo (intégration vidéo)Vidéos : permet d'ajouter des vidéos YouTube, Vimeo ou locales à la galerie de produits afin d'améliorer la présentation des produits.
• Mise en page personnalisée des vignettesLes vignettes peuvent être agencées de plusieurs façons pour améliorer la flexibilité de la conception des pages.
• Compatible avec la plupart des thèmes et des plugins: peut être utilisé en conjonction avec AstraKadence, GeneratePress,Elementor et les plug-ins tels que WPML sont compatibles.

WooThumbs Convient à tous les types de WooCommerce les magasins, en particulier pour les Mode, électronique, artisanat et ameublement Ceci est particulièrement important dans des secteurs tels que ceux qui requièrent des écrans photo de haute qualité.

Pourquoi WooThumbs peut-il améliorer l'affichage des images des produits de WooCommerce ?

WooThumbs la raison de sa popularité WooCommerce principalement parce qu'il améliore considérablement l'expérience de visualisation des images de produits. Voici quelques exemples WooThumbs Les principaux points d'optimisation de la

1. fournir une fonction de loupe haute définition pour montrer les détails du produit

par défaut WooCommerce Seules les fonctions de base du zoom sur l'image du produit sont prises en charge, et l'image du produit n'est pas affichée. WooThumbs Permet à l'utilisateur de Zoom automatique au survolet permet un affichage plus clair des détails du produit. Cette fonction est particulièrement utile pour les bijoux, les vêtements, l'électronique et d'autres produits pour lesquels l'utilisateur doit observer les détails.

Comment activer la fonction loupe ?

• entrer dans Paramètres de WooThumbs > Options de zoom.
• commencer à utiliser Activer le zoomL'utilisateur peut visualiser une image zoomée en haute résolution lorsqu'il survole l'image.

2. ajouter des vignettes coulissantes pour améliorer le passage d'une image à l'autre

WooCommerce Utilisation de la location par défaut Vignettes statiquesLorsque le nombre d'images est élevé, les utilisateurs doivent cliquer manuellement pour les visualiser. Et WooThumbs offrir Vignettes coulissantes(prise en charge du défilement horizontal ou vertical) pour une navigation plus fluide dans les images de produits.

Comment activer les vignettes coulissantes ?

• entrer dans Paramètres de WooThumbs > VignettesActiver Diapositive de vignettes.
• Sélectionnez la direction de glissement (horizontale/verticale).
• Redimensionnez les vignettes pour qu'elles correspondent au style du thème.

3. activer le mode "lightbox" pour une meilleure navigation dans les images

WooThumbs (utilisé comme expression nominale) Mode boîte à lumière (Lightbox) Permet aux utilisateurs de cliquer sur une image et de passer en mode plein écran pour afficher une image de produit de plus grande taille. Cette fonction est très utile pour afficher des produits riches en détails, tels que des tissus, des objets d'artisanat, etc.

Comment activer le mode "lightbox" ?

• entrer dans Paramètres de WooThumbs > Lightbox.
• commencer à utiliser Activer la boîte à lumièreL'utilisateur clique sur l'image du produit pour passer en mode plein écran.

4. ajouter des vidéos aux galeries de produits pour augmenter les conversions

Sauf pour les photos.WooThumbs L'ajout à la galerie de produits est également possible YouTube, Vimeo ou vidéos téléchargées localementL'affichage des produits est ainsi plus vivant. Par exemple :

• Des produits électroniques peuvent être ajoutés avec des vidéos de démonstration pratiques.
• Les vêtements peuvent être montrés sur des vidéos de mannequins en train de les essayer.
• Les meubles peuvent être joués sur un écran tournant à 360°.

Comment ajouter une vidéo de produit ?

• entrer dans Interface d'édition des produits WooCommerce.
• existent Options de WooThumbs OK, sélectionnez Ajouter une vidéo.
• Collez un lien YouTube/Vimeo ou téléchargez une vidéo au format MP4.

Comment installer et configurer WooThumbs?

1) Installez le plug-in WooThumbs.

WooThumbs est un plugin payant qui peut être téléchargé à partir de l'adresse suivante WooCommerce Official Marketplace ou Barn2 Plugins Official SiteAchat :

• entretiens Site officiel de WooThumbs.
• Après l'achat, téléchargez le fichier ZIP du plugin WooThumbs.
• s'inscrire WordPress Backend > Plugins > Installer un pluginSi vous souhaitez activer le fichier ZIP, téléchargez-le et activez-le.

2. configuration de base

Dans le backend de WordPress, allez dans WooCommerce > WooThumbs Effectuez la configuration de base :

• Activer la fonction Zoom (Activer Zoom)pour régler le taux de zoom.
• Activer le curseur de vignettesChoisissez une disposition horizontale ou verticale.
• Activer le mode Lightbox (Activer le mode Lightbox)Le système de gestion de l'image permet de visualiser les images en plein écran.
• Ajouter une vidéo du produitLe dernier ajout à la liste est une nouvelle version du fichier "YouTube", qui prend en charge YouTube, Vimeo ou les téléchargements locaux.

3) Optimisation de la compatibilité

WooThumbs Peut être utilisé avec la plupart des WooCommerce Les thèmes et les plugins sont compatibles mais recommandés :

• Utiliser avec Elementor: en Paramètres Elementor > Page WooCommerce Activez le support de WooThumbs dans la section
• Compatible avec le plugin multilingue WPMLLes images et les vidéos : Veillez à ce que les URL des images et des vidéos ne soient pas perdues dans la traduction.
• Optimiser le cacheSi vous autorisez l'utilisation de WP Rocket/LiteSpeed Cache ou quelque chose comme ça, il est recommandé d'ajouter un plugin de mise en cache à l'élément Règles d'exclusion du cache Ajouter WooThumbs afin de s'assurer que l'image se charge dynamiquement et correctement.

IV. résumé

WooThumbs est un puissant WooCommerce Le plugin Product Image Optimisation permet de présenter clairement les produits, d'améliorer l'expérience des utilisateurs et, au final, d'augmenter les conversions.