Le moment où vous appuyez sur la touche "publier" pour un nouveau produit est une sensation extraordinaire. Vous avez préparé quelque chose de nouveau pour votre public et vous êtes prêt à le partager.
L'étape suivante consiste à s'assurer qu'il est vu. Un nouveau produit caché à la page dix de votre boutique n'aide personne.
Votre site web doit faire le travail pour vous, en présentant automatiquement vos derniers ajouts. C'est un élément essentiel de la création d'un environnement d'achat dynamique dans WooCommerce.
Il n'est pas nécessaire de chercher des plugins compliqués ou des extraits de code. J'ai constaté que les outils intégrés, lorsqu'ils sont utilisés correctement, sont incroyablement puissants.
Je vais vous montrer deux façons simples de mettre cela en place dès maintenant. Vous disposerez ainsi d'un système de présentation des nouveaux produits à la fois élégant et facile à gérer.
Pourquoi afficher les nouveaux produits dans WooCommerce ?
L'affichage des nouveaux produits dans WooCommerce permet aux clients potentiels de trouver plus facilement les nouveaux arrivages. Par exemple, les clients réguliers peuvent facilement trouver des produits qu'ils n'ont jamais vus auparavant, et les nouveaux clients peuvent faire la différence entre votre ancien et votre nouveau stock.
En outre, vous n'aurez pas besoin d'ajouter un badge "nouveau produit" à vos images. Au lieu de cela, vous pouvez renvoyer les visiteurs vers une page dédiée aux nouveaux produits ou vers des zones de votre site distinctes de celles de vos anciens produits.
L'avantage de cette méthode est qu'elle attire l'attention sur vos nouveaux produits, ce qui peut considérablement augmenter les ventes.
2 façons simples d'afficher les nouveaux produits dans WooCommerce
Dans cet article, nous allons partager 2 méthodes différentes pour afficher les nouveaux produits dans WooCommerce.
Tout d'abord, vous apprendrez à créer une nouvelle page de produits à l'aide d'un plugin de page d'atterrissage populaire. Ensuite, vous apprendrez à utiliser le bloc WordPress natif de WooCommerce et les shortcodes pour afficher les nouveaux arrivages dans les articles, les pages et les widgets.
Plongeons dans l'aventure !
Méthode 1 : Utiliser SeedProd pour créer une nouvelle page de produits dans WooCommerce
La première méthode utilise SeedProd pour créer une nouvelle page de produits pour votre boutique WooCommerce. SeedProd est le meilleur constructeur de pages WordPress par glisser-déposer utilisé par plus d'un million de sites web.
Avec ce plugin, vous pouvez facilement ajouter de nouveaux produits à vos pages de produits WooCommerce et créer des pages d'atterrissage pour vos produits afin d'améliorer vos conversions. Par exemple, vous pouvez créer une page WooCommerce "coming soon" en seulement quelques minutes. En outre, il dispose de plusieurs blocs WooCommerce qui vous permettent de créer et de personnaliser facilement vos pages de produits.
Vous pouvez également utiliser SeedProd pour créer une boutique WooCommerce complète sans code.
1. Installer le plugin SeedProd
La première étape consiste à installer le plugin SeedProd.
Pour vous aider, consultez ce guide étape par étape sur l'installation d'un plugin dans WordPress.
Note : il existe une version gratuite de SeedProd que vous pouvez utiliser, mais nous utiliserons la version Elite pour les fonctionnalités avancées de WooCommerce.
Après avoir activé le plugin, allez dans SeedProd " Settings et entrez votre clé de licence. Vous trouverez cette information dans votre compte sur le site de SeedProd.
2. Choisissez un modèle pour votre page de nouveaux produits
L'étape suivante consiste à naviguer vers SeedProd " Templates. Sur cette page, vous pouvez choisir parmi des centaines de modèles de pages d'atterrissage pré-fabriqués à utiliser comme point de départ.
Vous pouvez filtrer les modèles en cliquant sur les onglets situés en haut de la page :
- Tous
- Bientôt disponible
- Mode maintenance
- 404 Page
- Vente
- Webinaire
- Fil d'Ariane
- Merci de votre attention
- Connexion
Chaque modèle est facile à personnaliser dans l'éditeur visuel de pages, de sorte que vous n'êtes pas enfermé dans une conception particulière.
Lorsque vous avez trouvé le modèle que vous souhaitez utiliser, survolez-le et cliquez sur l'icône "Cochez". Pour ce guide, nous utiliserons le modèle eCommerce Thank You Page.
Vous devez ensuite donner un nom à votre page et cliquer sur le bouton "Enregistrer et commencer à modifier la page".
3. Faites glisser le bloc Produits récents
Après avoir lancé votre modèle, il s'ouvrira dans l'éditeur visuel de pages de SeedProd. C'est ici que vous pouvez lister tous les derniers produits WooCommerce arrivés.
La navigation dans l'éditeur visuel est très simple.
Sur le côté gauche, vous pouvez voir différents blocs et sections que vous pouvez faire glisser et déposer sur votre page. Sur la droite, vous verrez un aperçu de la page en direct.
Chaque fois que vous ajoutez du contenu à votre page, vous voyez les modifications en temps réel. Il est ainsi beaucoup plus facile de prévisualiser la page finie sans avoir à naviguer vers un autre écran.
Pour afficher les nouveaux produits WooCommerce, nous utiliserons l'un des blocs de page d'atterrissage WooCommerce intégrés à SeedProd.
Dans le menu de gauche, dirigez-vous vers la section "WooCommerce". De là, trouvez le bloc Produits récents et faites-le glisser sur votre page.
Ensuite, vous pouvez cliquer n'importe où sur le bloc des produits récents pour ouvrir les paramètres du bloc sur la droite.
Dans ce panneau, vous pouvez
- Choisissez le nombre de colonnes de produits
- Activer la pagination simple des produits
- Afficher le nombre d'articles (pour la gestion des stocks)
- Ajouter un menu déroulant pour les filtres de produits
- Limiter le nombre de produits affichés
Vous pouvez également changer la requête de produits récents à :
- Produits vedettes
- Produits en vente
- Produits les plus vendus
- Produits les mieux notés
- Requête personnalisée
En cliquant sur l'onglet Avancé, vous découvrirez d'autres façons de personnaliser vos nouvelles listes de produits.
Par exemple, vous pouvez personnaliser la typographie de la description du produit, la police du prix normal et la couleur de l'insigne du prix de vente.
D'autres options de personnalisation avancées sont disponibles :
- Styles de boutons et typographie
- Ombres et bordures d'images
- Marge et espacement
Une fois que vous avez fini d'ajouter vos nouveaux produits, n'oubliez pas de cliquer sur Enregistrer pour sauvegarder vos modifications.
4. Personnaliser la conception et la mise en page
Après avoir ajouté des produits à votre page, vous pouvez finir de personnaliser votre design pour qu'il corresponde à votre marque. SeedProd offre plusieurs façons simples de le faire, mais nous commencerons par supprimer les éléments de la page dont nous n'avons pas besoin.
Par exemple, le modèle de page est livré avec des images et des descriptions de démonstration. Pour les supprimer, passez votre souris sur le bloc et cliquez sur l'icône de la corbeille.
Vous pouvez également modifier n'importe quel titre ou bloc de texte en cliquant à l'intérieur et en saisissant votre nouveau contenu.
En outre, vous pouvez créer des en-têtes de page accrocheurs en ajoutant vos propres images. Il vous suffit de cliquer sur n'importe quelle section, de choisir le style d'image d'arrière-plan et de sélectionner une photo sur votre ordinateur, dans votre médiathèque ou dans l'une des centaines de photos d'archives gratuites.
Lorsque vous êtes satisfait de vos personnalisations, cliquez sur le bouton Enregistrer.
5. Prévisualisation et publication de la page des nouveaux produits
Avant de publier votre page, assurez-vous qu'elle est adaptée aux mobiles. SeedProd dispose d'options d'édition mobile intégrées pour s'assurer que votre page est belle sur n'importe quel écran ou appareil.
Pour vérifier votre page, cliquez sur l'icône mobile dans la barre de navigation inférieure. Vous pourrez alors ajuster votre page pour qu'elle s'affiche correctement sur les écrans mobiles.
Par exemple, vous pouvez agrandir les boutons et les rendre plus faciles à cliquer ou réduire le nombre de colonnes de produits.
Après avoir vérifié que votre page est adaptée aux besoins des mobiles, cliquez sur la flèche déroulante située à côté du bouton Enregistrer, puis sur Publier.
Vous avez maintenant ajouté vos produits les plus récents à une page unique de nouveaux produits.
Avec SeedProd, vous pouvez personnaliser cette page à l'infini pour améliorer les conversions :
- Ajout de courtes descriptions
- Afficher les produits variables
- Changer la couleur de votre bouton CTA
- Affichage du panier d'achat
- Ajouter des titres animés
Vous pouvez également ajouter cette page à votre menu de navigation WordPress pour encourager vos visiteurs à parcourir vos nouveaux produits WooCommerce.
Méthode 2 : Afficher les nouveaux produits dans WooCommerce sans plugin
Si vous souhaitez afficher de nouveaux produits dans vos pages WooCommerce ou vos articles WordPress existants, c'est possible. WooCommerce dispose de blocs WordPress dédiés et de shortcodes intégrés que vous pouvez utiliser pour personnaliser vos pages et d'autres zones de votre boutique en ligne.
Utiliser le bloc "Nouveaux produits" dans Gutenberg
Pour ajouter de nouveaux articles avec un bloc, modifiez n'importe quel article ou page de votre boutique et cliquez sur l'icône plus. Ensuite, faites défiler la page jusqu'à la section WooCommerce.
Ici, vous pouvez choisir parmi plusieurs blocs WooCommerce qui ajoutent des produits en fonction des catégories de produits et des étiquettes, du niveau du produit et d'autres données relatives au produit.
Pour afficher les nouveaux produits, cliquez sur le bloc Nouveaux produits. Vous ajouterez ainsi une grille de vos derniers produits à votre article ou à votre page.
Dans les options de bloc à droite, vous pouvez configurer vos produits groupés pour qu'ils soient affichés ou masqués :
- Le titre du produit
- Prix
- Evaluation
- Bouton d'ajout au panier
En outre, vous pouvez filtrer les produits par catégorie, modifier l'alignement de la grille et définir le nombre de lignes et de colonnes.
Lorsque vous êtes satisfait de l'aspect de la page, cliquez sur Mettre à jour ou Publier. Vous pouvez ensuite prévisualiser la page.
Ajouter de nouveaux produits avec un shortcode WooCommerce
Si vous utilisez l'éditeur WordPress classique, vous pouvez faire la même chose avec un shortcode WooCommerce. Dans l'éditeur WordPress, collez ce shortcode : [recent_products].
Vous pouvez contrôler le nombre de produits liés et de colonnes de produits en ajoutant les paramètres de shortcode suivants : products limit="3″ columns="3″.
Vous pouvez ensuite mettre à jour ou publier votre page. Vos visiteurs verront alors vos produits les plus récents mis en évidence ci-dessous.
Afficher les nouveaux produits dans la barre latérale à l'aide d'un shortcode
En plus de ce qui précède, vous pouvez utiliser le shortcode WooCommerce pour afficher les nouveaux produits dans votre barre latérale WooCommerce ou WordPress.
Pour ce faire, allez dans Apparence " Widgets et ajoutez un nouveau bloc de paragraphe. De là, collez le shortcode que vous avez utilisé ci-dessus et cliquez sur Enregistrer.
Lorsque vous prévisualisez votre boutique, vous verrez vos nouveaux produits mis en évidence dans votre barre latérale WordPress.
Questions fréquemment posées
Comment afficher uniquement les nouveaux produits dans WooCommerce ?
Vous pouvez n'afficher que les nouveaux produits en utilisant l'option [recent_products] ou le bloc "Nouveaux produits" dans l'éditeur WordPress. SeedProd vous permet également de créer une page d'atterrissage complète pour les nouveaux arrivages.
Quel est le shortcode pour les nouveaux produits dans WooCommerce ?
Le shortcode par défaut de WooCommerce est [recent_products]. Vous pouvez également ajouter des paramètres tels que limit="4" ou columns="2" pour personnaliser le nombre de nouveaux produits affichés et leur disposition.
Puis-je ajouter une page "Nouveaux arrivages" à WooCommerce ?
Oui ! Avec un plugin comme SeedProd, vous pouvez créer une page d'atterrissage "Nouveaux arrivages" entièrement personnalisée et la mettre en évidence dans votre menu. C'est un excellent moyen d'augmenter la visibilité de vos derniers produits.
Comment afficher les nouveaux produits WooCommerce dans ma barre latérale ?
Vous pouvez coller le [recent_products] dans un widget de la barre latérale. Aller à Apparence " Widgetsajoutez un bloc de paragraphe et insérez le shortcode pour afficher vos articles les plus récents.
Combien de temps les produits restent-ils "nouveaux" dans WooCommerce ?
WooCommerce n'a pas de minuterie intégrée pour les étiquettes "nouvelles", mais vous pouvez contrôler quels produits apparaissent dans le bloc des produits récents ou dans le shortcode en ajustant votre ordre de tri et les dates de publication des produits.
Derniers conseils pour mettre en valeur les nouveaux produits dans WooCommerce
Si vous souhaitez avoir un contrôle total sur votre design et votre mise en page, SeedProd est la meilleure option. Vous pouvez créer une page de nouveaux produits WooCommerce entièrement personnalisée, la styliser visuellement et ajouter des éléments favorisant la conversion comme des CTA, des titres et des filtres de produits.
Si vous recherchez une méthode plus rapide, les shortcodes et blocs WooCommerce fonctionnent également très bien. Ils vous permettent d'insérer une section "nouveaux arrivages" dans n'importe quelle page, article ou zone de widget sans plugin supplémentaire.
Quoi qu'il en soit, l'ajout d'un espace dédié à vos nouveaux produits permet aux clients de trouver plus facilement ce qu'il y a de neuf et encourage les visiteurs réguliers à effectuer davantage de ventes.
Vous voulez continuer à améliorer votre boutique WooCommerce ? Consultez ensuite ces tutoriels utiles :
- Comment sécuriser votre site WooCommerce
- Comment masquer les produits en rupture de stock dans WooCommerce
- Personnaliser l'onglet "Informations complémentaires" dans WooCommerce
- Comment réparer le dysfonctionnement de l'affichage du panier dans WooCommerce ?
- Comment changer le titre de la page de la boutique dans WooCommerce
- Améliorez votre galerie d'images de produits dans WooCommerce
- Comment ajouter des étoiles aux produits WooCommerce
- Comment contrôler les produits apparentés dans WooCommerce
Si vous avez aimé cet article, n'hésitez pas à nous suivre sur YouTube, Twitter et Facebook pour découvrir d'autres contenus utiles au développement de votre entreprise.
