Vous voulez apprendre à personnaliser facilement vos pages de produits WooCommerce ? Si vous exploitez une boutique en ligne, vous voulez probablement vous assurer que vos pages de produits uniques sont belles, 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 bloqué avec la mise en page 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 complètement personnaliser vos pages de produits à partir de zéro
…le tout sans codage !
Quelques idées de modèles de produits entièrement personnalisés :
Trouvez ci-dessous le plugin parfait pour personnaliser vos pages produits en fonction de vos besoins !
1. Modifiez le style cosmétique de vos pages de produits
Voici quelques excellents plugins si vous ne recherchez que quelques petits ajustements cosmétiques, comme des modifications de vos polices, de vos couleurs ou des modifications d’éléments individuels.
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 du personnalisateur WordPress natif.
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, 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.
Modification de la police du titre, de la couleur du prix et de la couleur des boutons d’une page de produit avec le plugin 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 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 garantit que vous ne perdrez pas vos modifications lorsque vous mettez à jour vos thèmes.
YellowPencil vous permet de réorganiser les éléments dans 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
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.
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 année
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
WooCommerce Single Product Page Customizer 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 d’expédition ou un lien vers la politique de retour de votre boutique. Ces informations sont ensuite affichées pour tous vos produits.
C’est un plugin très simple et facile à utiliser, mais il est limité dans ce que vous pouvez faire avec. 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
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.
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 du 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.
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.
Ensemble d’outils
Toolset vous donne la possibilité de créer 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 qu’il extraira automatiquement le nom du produit, la description, le prix, les avis et plus encore, 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.
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.
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 les 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.
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 mieux définir vos produits
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 obtenir votre boutique exactement comme vous le souhaitez.
Construire une boutique WooCommerce personnalisée ne doit pas être difficile ou 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 !
