Gestion de WooCommerce 5 <<

Home / Gestion de WooCommerce 5 <<

Utilisation de WooCommerce

Menu Apparence > Personnaliser.  Dans le menu de gauche, dépliez la section Page d’accueil statique et affichez une page statique ( Shop créé auparavant) .

 

Utiliser WooCommerce comme page d'accueil

 

 

Il est possible de définir la page Boutique de WooCommerce comme page d’accueil du site. Cliquez sur le bouton Enregistrer & publier en haut de la fenêtre et vous allez enfin pouvoir visiter votre site marchand.

 

Le front office WooCommerce

Accédez à la page d’accueil de votre site, qui aura maintenant plus ou moins l’aspect de la page d’accueil d’une boutique, à savoir que vous pouvez retrouver la liste des catégories et la liste des produits, telle que définie dans vos paramètres.

Boutique WooCommerce : page d'accueil

 

Cette fenêtre mérite d’être travaillée, ne serait-ce que pour traduire le titre de la page pour ne pas laisser Shop et séparer l’affichage des catégories de celui des produits. Toutes les fonctionnalités sont présentes : ajout au panier, moteur de recherche, options de tri des listes…

 

Theme StoreFront pour WooCommerce

Thème adapté pour WooCommerce

 

Testons le processus de commande

Dans cet exemple, nous allons commander un joli carré.

La fiche produit

Commencez par cliquer sur l’image du produit sur la page d’accueil pour afficher la fiche produit détaillée. Toutes les informations se retrouvent ici : les images, la description courte et la description détaillée… En bas de page se retrouvent les produits liés, et on voit bien sur la capture ci-dessous que l’élément qui ressort le mieux est le bouton d’ajout au panier. Cliquez dessus.

 

woocommerce fiche produit

Aussitôt, vous êtes redirigé vers le panier qui vous permet de voir le récapitulatif de votre commande et de la valider (ou non).

La page panier

Comme vous venez d’ajouter un article à votre panier, un message en haut de page vous informe que l’ajout au panier s’est bien déroulé. Ensuite vient la liste des produits de votre commande en cours, ce qui permet de modifier les quantités ou de supprimer des articles du panier. Vous pouvez voir en bas à gauche une zone de cross selling , à côté du total et des frais de port (s’ils peuvent être calculés).

Enfin, c’est encore le bouton de commande qui est le plus visible, cliquez dessus.

 

Panier WooCommerce

 

La page de commande

La zone de gauche permet de s’identifier ou de saisir ses adresses de facturation et de livraison. Une case à cocher permet de créer un compte à la validation de la commande. La zone de droite présente un récapitulatif du panier et permet de choisir son option de paiement. Le bouton de validation de commande est encore une fois l’élément le plus visible.

 

woocommerce : page commande

 

Récapitulatif de commande

Une fois votre commande validée vous accédez à son récapitulatif : les informations permettant d’identifier votre commande, les détails des articles commandés et vos coordonnées.

 

woocommerce : récapitulatif de commande

 

Maintenant que votre première commande est validée, vous pouvez continuer seul votre visite du site (front office), par exemple en allant voir la page My Account.
Notre boutique est fonctionnelle, mais il reste du travail à accomplir pour avoir un site vraiment présentable à vos clients et qui se démarque de la concurrence !