Extension WooCommerce

Créer sa boutique avec WooCommerce

Table des matières

Créer sa boutique avec WooCommerce ......................................................................................... 1
Installation de l’extension WooCommerce ............................................................................................... 2
Réglage de votre boutique ....................................................................................................................... 3
Réglage Général ............................................................................................................................................................ 3
Réglage Produits Général .............................................................................................................................................. 4
Réglage Produits Inventaire .......................................................................................................................................... 5
Réglage Produits Produits téléchargeables ................................................................................................................... 5
Réglage TVA Option TVA ............................................................................................................................................... 6
Réglage TVA Taux standard .......................................................................................................................................... 6
Réglage TVA Taux réduit et Taux Zéro .......................................................................................................................... 7
Réglage Expédition ........................................................................................................................................................ 7
Zone d’expédition ......................................................................................................................................................... 8
Options de livraison .................................................................................................................................................... 10
Exclure ou différencier des zones de livraison d’un même pays ................................................................................ 11
Livraison hors France .................................................................................................................................................. 11
Paiement ..................................................................................................................................................................... 12
Comptes et confidentialité.......................................................................................................................................... 14
E-mails ......................................................................................................................................................................... 15
Avancé......................................................................................................................................................................... 16
Produits ................................................................................................................................................. 17
Catégories ................................................................................................................................................................... 17
Ajouter des produits ................................................................................................................................................... 17
Dupliquer un produit .................................................................................................................................................. 20
Modifier le produit dupliquer ..................................................................................................................................... 20
Créer sa page boutique .......................................................................................................................... 21
Lier sa page boutique à WooCommerce ..................................................................................................................... 21
Visualisez votre page................................................................................................................................................... 22
Notification de la boutique ......................................................................................................................................... 24
Catalogue de Produits ................................................................................................................................................. 24
Images de Produit ....................................................................................................................................................... 25
Validation de la commande ........................................................................................................................................ 25
Création des pages Panier, Paiement et compte .................................................................................... 26
Association des pages Panier, Paiement et Compte ................................................................................................... 27

WooCommerce - Fabien Massavie - 2019 1

 Extension WooCommerce

Installation de l’extension WooCommerce

Cliquez sur Extensions > Ajouter > Installer

Installer WooCommerce

Activer WooCommerce

WooCommerce - Fabien Massavie - 2019 2

 Extension WooCommerce

Réglage de votre boutique

Cliquez sur Réglages

Réglage Général

Validez en cliquant sur Enregistrer les modifications

WooCommerce - Fabien Massavie - 2019 3

 Extension WooCommerce

Réglage Produits Général

Vous pourrez indiquer votre Page boutique ultérieurement.

L’image indicative est utilisée comme substitut lorsque que le produit n’a pas de visuel

Validez en cliquant sur Enregistrer les modifications

WooCommerce - Fabien Massavie - 2019 4

 Extension WooCommerce

Réglage Produits Inventaire

Validez en cliquant sur Enregistrer les modifications

Réglage Produits Produits téléchargeables

Ne concerne que les produits téléchargeable (vidéos, PDF, Podcasts…) Laissez les réglages par défaut

Validez en cliquant sur Enregistrer les modifications

WooCommerce - Fabien Massavie - 2019 5

 Extension WooCommerce

Réglage TVA Option TVA

Pour cette partie j’ai personnalisé comme si notre boutique s’adressait à des particuliers donc affichage en TTC et j’ai
aussi indiqué calcul de TVA basé dur l’adresse de facturation.

Validez en cliquant sur Enregistrer les modifications

Réglage TVA Taux standard

Validez en cliquant sur Enregistrer les modifications

WooCommerce - Fabien Massavie - 2019 6

 Extension WooCommerce

Réglage TVA Taux réduit et Taux Zéro

Laissez par défaut

Réglage Expédition

Ajouter une zone de livraison

WooCommerce - Fabien Massavie - 2019 7

 Extension WooCommerce

Zone d’expédition

Nous allons créer 2 zones d’expédition une pour la France métropolitaine et une pour les 3 pays voisins à savoir la
Suisse, la Belgique et le Luxembourg.
Saisissez « France métropolitaine » dans le champ Nom de zone et sélectionnez France dans Régions de la zone

Cliquez sur Ajouter une méthode de livraison

Pour l’exercice nous allons ajouter 3 méthodes de livraison :

WooCommerce - Fabien Massavie - 2019 8

 Extension WooCommerce

1 avec un forfait de 6,50€, le client paiera toujours les mêmes frais de livraison peu importe le poids ou la valeur de sa
commande.

1 avec Livraison gratuite à partir de 50€ ou grâce un code promo

1 avec retrait en Point de vente et là le client ne paiera rien puisqu’il vient chercher sa commande

WooCommerce - Fabien Massavie - 2019 9

 Extension WooCommerce

Voici ce que vous devriez avoir à l’écran

Options de livraison

Vérifiez juste que la puce Par défaut à l’adresse de livraison client qui soit cochée. Nous n’utiliserons pas les Classes de
livraison.

Validez en cliquant sur Enregistrer les modifications

WooCommerce - Fabien Massavie - 2019 10

 Extension WooCommerce

Exclure ou différencier des zones de livraison d’un même pays

Pour l’exercice nous allons appliquer un forfait différent pour les DOM TOM ainsi que la Corse.
Il n’y aura ni livraison gratuite, ni retrait en magasin et le forfait de livraison sera de 12€.
Pour la saisie des départements il y a 3 façons de faire :
Saisir les départements un par un et les uns en dessous des autres
Saisir les deux premiers chiffres du département et le faire suivre d’ « * » dans notre exemple l « * » saisie après « 97 »
couvre tous les départements en 97x
Saisir le premier département ainsi que le dernier département en les séparant de 3 points comme ceci « … » il faut
évidemment que ces départements ou territoires se suivent.

A notre connaissance, WooCommerce ne propose pas la possibilité d « exclure » des zones, donc si vous souhaitez ne
pas livrer certaines zones en France par exemple les TOM il faudra inclure tous les départements hors ceux des
Territoires d’Outre-Mer.

Livraison hors France

Pour la Suisse, la Belgique et le Luxembourg, nous ne proposerons qu’une méthode de livraison, un forfait à 15€.

WooCommerce - Fabien Massavie - 2019 11

 Extension WooCommerce

Voici à quoi devrait ressembler votre onglet Expédition

Paiement

Par défaut WooCommerce propose 4 moyens de paiement ; virement, chèque, paiement à la livraison ou Paypal mais
aucun moyen de paiement par CB (sans passer par Paypal).
Nous allons donc Installer et Activer l’extension Stripe pour palier à ce manque (voir tuto installation Extension)

Nous paramètrerons Stripe plus tard, un tuto dédié étant en cours de création.

WooCommerce - Fabien Massavie - 2019 12

 Extension WooCommerce

Activez paiement par chèque et Stripe-Carte de paiement (Stripe)

Validez en cliquant sur Enregistrer les modifications

Message de confirmation avec avertissements

Pour utiliser Stripe, il faudra créer un compte afin de récupérer une clé mais aussi que votre site réponde aux exigences
SSL.

WooCommerce - Fabien Massavie - 2019 13

 Extension WooCommerce

Comptes et confidentialité

Pour l’exercice nous allons tout laisser par défaut mais lorsque que vous utiliserez WooCommerce dans des conditions
de ventes réelles prenez un grand soin au renseignement de cette page et n’hésitez pas à vous faire aider juridiquement
afin de répondre aux différents critères légaux (RGPD, CGV…).

WooCommerce - Fabien Massavie - 2019 14

 Extension WooCommerce

E-mails

Cette partie vous permet de gérer tous les échanges que vous aurez avec votre client ou prospect tout au long de son
processus d’achat. Nous laisserons par défaut pour l’exercice car cette partie mérite un tuto dédié.

Voici le modèle d’e-mail html proposé par WooCommerce il faudra évidemment le modifier.

WooCommerce - Fabien Massavie - 2019 15

 Extension WooCommerce

Avancé

Nous reviendrons sur cet onglet une fois la partie boutique réalisée car nous ne pouvons à ce stade renseigner tous les
champs demandés.

WooCommerce - Fabien Massavie - 2019 16

 Extension WooCommerce

Produits

Catégories

Pour l’exercice nous allons créer 4 catégories ; « Peluches », « Vêtements », « Sacs » et « Goodies ».
Rendez-vous sur Catégorie de l’onglet Produits puis remplissez les champs demandés, utilisez du Lorem ipsum pour
l’exercice et insérez une image pour la miniature de la catégorie.

Validez en cliquant sur Ajouter une catégorie puis renouvelez l’opération pour les 2 autres catégories.

Ajouter des produits

Nous allons créer 2 produits par catégorie pour cela nous allons créer un premier produit que nous dupliquerons par la
suite et dont nous modifierons le nom, la description et l’image. Nous travaillerons en 2 fenêtres l’une avec notre site
ouvert sur la page tableau de bord et l’autre ouverte sur la page shop du site du Roi Lion :
https://www.playbillstore.com/shop-by-show/disney-on-broadway/the-lion-king.aspx

WooCommerce - Fabien Massavie - 2019 17

 Extension WooCommerce

Cliquez sur l’onglet Ajouter produit

Remplir les champs comme suit :

Nom du produit : THE LION KING THE BROADWAY MUSICAL - CANVAS TOTE BAG

Description : Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Repeat pattern features iconic locations around New York City in hand-drawn style, featuring elements of The Lion King.

Catégories de produits : Sélectionnez Goodies

WooCommerce - Fabien Massavie - 2019 18

 Extension WooCommerce

Saisir « 25 » dans le champ Tarif régulier, Taxable dans État de la TVA et Standard dans Classe TVA

Saisir « Black canvas tote with the Lion King artwork on one side, and the show's logo on the other side. Measures 14
inches by 13 and a half inches. 100% cotton.» dans Description courte du produit. Insérez le visuel principal dans Image
produit, puis utilisez Galerie produit pour insérer les visuels supplémentaires.

WooCommerce - Fabien Massavie - 2019 19

 Extension WooCommerce

Dupliquer un produit

Pour dupliquer ce produit, cliquez sur Tous les produits de l’onglet Produits, puis survolez le produit, des liens
s’affichent, sélectionnez Dupliquer.

Modifier le produit dupliquer

Changez le titre, le prix la description courte ainsi que le visuel.

Comme nous ajoutons un second

sac, ne changez pas la Catégorie
Produit mais pensez à le faire pour
les prochains produits que vous
allez dupliquer.

Répétez l’opération pour les 6

produits restant.

WooCommerce - Fabien Massavie - 2019 20

 Extension WooCommerce

Créer sa page boutique

Créez une nouvelle page, Pages > Ajouter

ou

Mettre Boutique en Titre, ajoutez une rangée SiteOrigin éditeur dans laquelle vous saisissez «Site non officiel » en Titre
1 et centré.

Lier sa page boutique à WooCommerce

Cliquez sur l’onglet WooCommerce puis Réglages, se rendre dans l’onglet Produits > Général et sélectionner Boutique
dans le menu déroulant.

Validez en cliquant sur le bouton Enregistrer les modifications

WooCommerce - Fabien Massavie - 2019 21

 Extension WooCommerce

Visualisez votre page

Dans la partie Pages de votre tableau de bord, la mention « Page Boutique » apparait à côté du nom de votre page, cela
signifie que votre page est bien liée à votre catalogue WooCommerce.

Afficher votre page boutique en ligne, voici à quoi devrait ressembler votre page.

WooCommerce - Fabien Massavie - 2019 22

 Extension WooCommerce

Personnaliser votre page boutique

Cliquez sur l’onglet Personnaliser

Puis sélectionnez l’onglet WooCommerce

Voici la navigation de l’onglet WooCommerce, cette partie vous permet de personnaliser votre page boutique.

WooCommerce - Fabien Massavie - 2019 23

 Extension WooCommerce

Notification de la boutique

Activer cette option si vous avez des opérations à mettre en avant (Promotions, Opérations spéciales…), laissez le texte
« Ceci est un test… » par défaut. Pour activer cette option, cochez la case Activer la notification de la boutique.

Continuez vos réglages en cliquant sur la flèche

Catalogue de Produits

Pour l’exercice, effectuez les mêmes réglages.

Continuez vos réglages en cliquant sur la flèche

WooCommerce - Fabien Massavie - 2019 24

 Extension WooCommerce

Images de Produit

Ici vous paramétrez l’affichage des vignettes, sélectionnez Personnalisé et 4:3

Validation de la commande

Ici vous paramétrez l’affichage

WooCommerce - Fabien Massavie - 2019 25

 Extension WooCommerce

Création des pages Panier, Paiement et compte

WooCommerce génère automatique les contenus des pages citées ci-dessus, mais vous devez préalablement créer ces
pages. La création de page « WooCommerce » reste identique à la création de page standard pour cela :

Cliquez sur l’onglet Pages puis Ajouter

Nommez la page « Panier », restez en mode visuel puis saisissez « [woocommerce_cart] » dans le champ de saisie.

Cliquez sur Aperçu, voilà à quoi doit ressembler votre page

Puis Publier

WooCommerce - Fabien Massavie - 2019 26

 Extension WooCommerce

Répétez l’opération pour la page Paiement : shortcode : « [woocommerce_checkout] »

et la page Compte : shortcode : « [woocommerce_my_account] »

Les shortcode sont visibles dans l’onglet WooCommerce > Réglages > Avancé > Installation des pages au survol du picto
« ? » de chaque page.

Association des pages Panier, Paiement et Compte

Cliquez l’onglet WooCommerce > Réglages > Avancé > Installation des pages puis à l’aide du menu déroulant indiquer
les pages correspondantes comme ci-dessous :

Tester votre page boutique, de l’ajout panier jusqu’au paiement.

Une fois que tout vous convient, faites apparaitre le lien Boutique dans la navigation principale (tuto 5-WP-Menu).

WooCommerce - Fabien Massavie - 2019 27