Vous voulez apprendre à personnaliser facilement vos pages de produits WooCommerce ? Si vous exploitez une boutique en ligne, vous souhaitez probablement vous assurer que vos pages de produit unique sont belles, organisées correctement et correspondent à votre image de marque. Cela peut être difficile à faire si vous ne comptez que sur WooCommerce et votre thème pour apporter des modifications, car vous êtes plus ou moins bloqué avec la mise en page par défaut.

Produit WooCommerce par défaut

Au lieu de cela, vous pouvez utiliser d'autres plugins pour faire des choses comme :

  • Ajouter des éléments de contenu supplémentaires
  • Changer les polices et les couleurs
  • Apporter des modifications à la structure de la page
  • Ou même personnaliser complètement vos pages produits à partir de zéro

…le tout sans codage !

Quelques idées de modèles de produits entièrement personnalisés :

Exemples de produits WooCommerce personnalisés

Trouvez le plugin parfait pour personnaliser vos pages produits en fonction de ce dont vous avez besoin ci-dessous !

1. Modifiez le style cosmétique de vos pages de produits

Voici quelques excellents plugins si vous ne recherchez que quelques petites modifications cosmétiques, telles que des modifications de vos polices, couleurs ou modifications d'éléments individuels.

Couleurs WooCommerce

Couleurs WooCommerce

WooCommerce Colors vous permet de personnaliser les couleurs de divers éléments WooCommerce tels que le bouton Ajouter au panier, le prix du produit, etc. Vous pouvez apporter ces modifications à l'aide de l'outil de personnalisation WordPress natif.

Plugin Couleurs WooCommerce

Modification de la couleur du bouton Ajouter au panier à l'aide du plugin WooCommerce Colors

Il s'agit d'un plugin simple et direct qui ne nécessite aucune connaissance CSS. Cependant, cela vous permet uniquement d'ajuster les couleurs et vous ne pourrez peut-être pas remplacer certaines couleurs en fonction de votre thème.

Prix: Libérer

JauneCrayon

yellow pencil plugin - Sabma Digital

YellowPencil vous permet de modifier vos polices, couleurs, tailles de police, espacement entre les éléments et même d'ajouter des effets visuels animés sur le front-end de votre site. Il existe de nombreuses options de style dans la version gratuite, mais Yellow Pencil Pro ajoute des options avancées pour les dégradés, les animations, les polices personnalisées, les palettes de couleurs, les images d'arrière-plan et plus encore.

Plugin YellowPencilComment

Modification de la police du titre, de la couleur du prix et de la couleur des boutons d'une page de produit avec le plug-in YellowPencil

YellowPencil fonctionne sur n'importe quelle page de votre site, pas seulement sur vos pages de produits. Il génère automatiquement du code CSS pour votre site lorsque vous l'utilisez et l'enregistre dans votre base de données plutôt que dans votre fichier de thème. Cela garantit que vous ne perdrez pas vos modifications lorsque vous mettrez à jour vos thèmes.

YellowPencil vous permet de réorganiser les éléments de votre modèle, mais vous ne pouvez pas ajouter de nouveaux éléments. Par conséquent, vous êtes limité aux éléments qui existent déjà dans le modèle de produit unique par défaut.

Prix: Gratuit, avec des options de mise à niveau payantes

Héros CSS

Plug-in CSS Hero Live CSS Editor

Ce qu'il fait : CSS Hero est un éditeur visuel qui vous permet d'apporter des modifications de style à votre site en ajustant automatiquement le CSS lorsque vous apportez des modifications visuelles.

Plug-in CSS Hero

Changer la couleur du bouton Ajouter au panier avec le plugin CSS Hero

Personnalisez les éléments de votre modèle en modifiant les couleurs, les polices, les points d'arrêt réactifs, etc. Vous pouvez également masquer des éléments ou enregistrer le style de certains éléments pour les réutiliser à d'autres endroits de votre site.

Cependant, vous ne pouvez pas réorganiser ou ajouter de nouveaux éléments, vous êtes donc limité à la mise en page et aux éléments qui existent déjà dans le modèle de produit.

Prix: Payant, à partir de 29 $ par an

2. Ajouter de nouveaux éléments aux listes de produits

Si vous cherchez à ajouter des éléments supplémentaires à vos pages, comme des emplacements pour du contenu supplémentaire ou des vidéos de produits, ces plugins offrent des moyens d'ajouter ces éléments à vos pages de produits uniques.

Personnalisateur de page de produit unique WooCommerce

Personnalisateur de page de produit unique WooCommerce

WooCommerce Single Product Page Customizer vous permet d'ajouter des champs de texte ou HTML personnalisés dans votre modèle de produit et de choisir où les afficher sur la page.

Par exemple, vous pouvez ajouter des informations telles qu'un guide des tailles de vêtements, des informations d'expédition ou un lien vers la politique de retour de votre boutique. Ces informations sont ensuite affichées pour tous vos produits.

Personnalisateur de page de produit unique

C'est un plugin très simple et facile à utiliser, mais il est limité dans ce que vous pouvez en faire. Par exemple, vous ne pouvez pas choisir d'afficher des informations uniquement pour certains produits. Vous ne pouvez pas non plus ajouter d'autres types d'éléments à votre modèle et vous ne pouvez réorganiser aucun des éléments existants.

Prix: Libérer

Onglets de produits personnalisés pour WooCommerce

Onglets de produits personnalisés YIKES pour le plugin gratuit WooCommerce

Les onglets de produits personnalisés pour WooCommerce vous permettent d'ajouter des onglets supplémentaires de texte, d'images, de code HTML ou de codes abrégés sur vos pages de produits. Vous pouvez ensuite choisir pour quels produits afficher les informations.

Vous pouvez utiliser ce plugin pour afficher des informations supplémentaires sur les fabricants, partager votre politique de retour ou ajouter des photos supplémentaires sans encombrer la page du produit.

Onglets de produits personnalisés pour WooCommerce

Encore une fois, ce plugin a un objectif très ciblé. Il n'est pas possible de personnaliser une autre partie de vos modèles de produits avec ce plugin en plus d'ajouter des onglets de contenu supplémentaire.

Si vous souhaitez afficher du contenu spécifique à un produit dans vos onglets, tel que des tableaux de tailles par produit, vous ne pourrez pas le faire en extrayant dynamiquement les informations sur le produit. Au lieu de cela, vous devrez créer des onglets individuels pour chaque produit avec le contenu spécifique et les ajouter au bon produit.

Prix: Gratuit, avec une version Pro payante

Vidéo produit pour WooCommerce

Vidéo produit pour WooCommerce

Product Video for WooCommerce vous permet d'ajouter des vidéos à vos pages de produits ou à votre galerie de produits. Vous pouvez choisir d'intégrer des vidéos YouTube, Vimeo, Dailymotion, Metacafe ou Facebook, ou vous pouvez télécharger les vôtres. Il propose également plusieurs options d'affichage : dans une popup, à l'intérieur de votre page, et en plein écran.

Vidéo produit pour WooCommerce

Le plugin vous donne beaucoup de contrôle sur l'affichage de votre vidéo. Vous pouvez personnaliser les dimensions de votre vidéo, activer la lecture automatique, lire la vidéo en boucle et télécharger une image miniature spécifique.

Comme pour les autres plugins de cette catégorie, les fonctionnalités de ce plugin sont limitées aux vidéos. Vous ne pouvez personnaliser aucune autre partie du modèle de produit avec ce plugin.

Prix: Payé, actuellement 49 $

3. Créez des produits entièrement personnalisés

Si vous recherchez des pages de produits qui vous sont complètement uniques, vous pouvez créer des pages entièrement personnalisées – et des sites entiers – qui vous permettent de spécifier le style, la mise en page, etc.

Ensemble d'outils

Ensemble d'outils Champs personnalisés WooCommerce

Toolset vous donne la possibilité de créer entièrement vos modèles de produits à partir de zéro avec la mise en page, le style et les éléments de page que vous souhaitez, le tout sans codage.

Prix: Payant, forfaits à partir de 69 $

Créez votre modèle avec un contenu dynamique et un style entièrement personnalisé

Avec Toolset, vous pouvez facilement créer votre modèle de produit à l'aide des blocs WooCommerce et Toolset et remplir ces blocs avec du contenu dynamique. Cela signifie que vous n'avez besoin de concevoir le modèle qu'une seule fois, et il insèrera automatiquement le nom du produit, la description, le prix, les avis, etc., en fonction du produit.

Une fois que votre modèle de produit est construit, vous pouvez utiliser l'abondance d'options de style pour le faire ressembler exactement à ce que vous voulez sans être lié par les options par défaut.

Modèle de produit personnalisé Toolset

Choisissez des critères d'affichage spécifiques pour vos templates

Vous pouvez également concevoir différents modèles pour différents critères : par exemple, vous pouvez concevoir différents modèles pour les articles en rupture de stock, pour différentes catégories ou attributs de produits, et même attribuer des priorités au cas où plusieurs modèles s'appliquent à un produit.

Modèle d'ensemble d'outils pour les produits en rupture de stock

Personnalisez davantage votre boutique WooCommerce avec encore plus de fonctionnalités

Les constructeurs de pages populaires comme Elementor Pro, Divi et WPBakery offrent également des options pour créer et personnaliser des pages de produits WooCommerce. Les fonctionnalités supplémentaires disponibles avec la suite de plugins de Toolset peuvent être utilisées spécifiquement pour les magasins WooCommerce ou d'autres types de sites.

Toolset personnalisez votre boutique WooCommerce

Par exemple, vous pouvez :

  • Créez des formulaires frontaux qui permettent à vos fournisseurs d'ajouter leurs produits à votre site
  • Créez des relations de publication qui vous permettent de connecter vos produits à d'autres types de publication (tels que “Tenues”)
  • Affichez les emplacements de vos magasins sur une carte
  • Ajouter de puissantes fonctionnalités de recherche et de filtrage
  • Créez des champs personnalisés supplémentaires pour mieux définir vos produits

Toolset personnalisez votre boutique WooCommerce

Choisir les bons outils WooCommerce pour vous

Si vous n'aimez pas les options qui s'offrent à vous via WooCommerce ou votre thème, les plugins gratuits et payants ne manquent pas pour que votre boutique soit exactement comme vous le souhaitez.

La création d'une boutique WooCommerce personnalisée ne doit pas être difficile ni nécessiter une programmation personnalisée coûteuse. Avec les plugins de cet article, vous pouvez créer des boutiques WooCommerce avancées, belles et fonctionnelles – aucun codage requis !