Comment créer des pages de produits WooCommerce personnalisées

By | mai 21, 2021

wordpress pour débutant

Vous voulez savoir comment personnaliser facilement vos pages produits WooCommerce? Si vous exploitez une boutique en ligne, vous voulez probablement vous assurer que vos pages de produit unique ont une belle apparence, sont 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 coincé 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 personnalisez 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 produits

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

Couleurs WooCommerce

Couleurs WooCommerce

Couleurs WooCommerce 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 du personnalisateur WordPress natif.

Plug-in WooCommerce Colors

Changer 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, il 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

Crayon jaune

YellowPencil vous permet de modifier vos polices, couleurs, tailles de police, l'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.

Plug-in YellowPencil

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

YellowPencil fonctionne sur n'importe quelle page de votre site, pas seulement sur vos pages produits. Il génère automatiquement du code CSS pour votre site au fur et à mesure que vous l'utilisez, et il l'enregistre dans votre base de données plutôt que dans votre fichier de thème. Cela vous permet de ne pas perdre vos modifications lorsque vous mettez à 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

Plugin de l'éditeur CSS Hero Live

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: Payé, à partir de 29 $ par an

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

Si vous souhaitez ajouter des éléments supplémentaires à vos pages, comme des emplacements pour du contenu supplémentaire ou des vidéos de produits, ces plug-ins offrent des moyens d'ajouter ces éléments à vos pages de produit individuelles.

Personnalisateur de page de produit unique WooCommerce

Personnalisateur de page de produit unique WooCommerce

Le personnalisateur de page de produit unique WooCommerce vous permet d'ajouter des champs de texte personnalisé ou HTML 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 de livraison 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

Il s'agit d'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 les informations uniquement pour certains produits. Vous ne pouvez pas non plus ajouter d’autres types d’éléments à votre modèle ni réorganiser les éléments existants.

Prix: Libérer

Onglets de produits personnalisés pour WooCommerce

YIKES Onglets de produits personnalisés 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 HTML ou de codes courts 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 produit 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, comme des tableaux de tailles par produit, vous ne pourrez pas le faire en extrayant des informations produit de manière dynamique. Au lieu de cela, vous devrez créer des onglets individuels pour chaque produit avec le contenu spécifique et les ajouter au produit approprié.

Prix: Gratuit, avec une version Pro payante

Vidéo produit pour WooCommerce

Vidéo produit pour WooCommerce

La vidéo produit pour WooCommerce vous permet d'ajouter des vidéos à vos pages 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 fenêtre contextuelle, à l'intérieur de votre page et en plein écran.

Vidéo produit pour WooCommerce

Le plugin vous donne beaucoup de contrôle sur la façon dont votre vidéo s'affiche. 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 totalement 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.

Toolset

Champs personnalisés de Toolset WooCommerce

Toolset vous permet de créer entièrement vos modèles de produit à 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 que le nom du produit, la description, le prix, les avis et plus encore seront automatiquement ajoutés en fonction du produit.

Une fois votre modèle de produit construit, vous pouvez utiliser l'abondance d'options de style pour lui donner exactement ce que vous voulez sans être lié par aucune option par défaut.

Modèle de produit personnalisé Toolset

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

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 de produits ou attributs, et même attribuer des priorités au cas où plusieurs modèles s'appliqueraient à un produit.

Modèle de jeu 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 tels que Elementor Pro, Divi et WPBakery offrent également des options pour créer et personnaliser les pages de produits WooCommerce. Les fonctionnalités supplémentaires disponibles avec la suite de plugins 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
  • Ajoutez de puissantes fonctionnalités de recherche et de filtrage
  • Créez des champs personnalisés supplémentaires pour définir davantage vos produits

Toolset Personnalisez votre boutique WooCommerce

Choisir les bons outils WooCommerce pour vous

Si vous n'aimez pas les options qui vous sont offertes via WooCommerce ou votre thème, les plugins gratuits et payants ne manquent pas pour obtenir votre boutique exactement comme vous le souhaitez.

La création d'une boutique WooCommerce personnalisée n'a 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!

[ad_2]