• Base de connaissance
    • WordPress
    • WooCommerce
    • Divi
    • Infomaniak
    • Outils et bonnes pratiques
    • Avancé
  • Résoudre un problème WordPress

WordPress

16
  • Bien démarrer
    • Se connecter à l’administration WordPress
    • Découvrir le tableau de bord WordPress
  • Réglages généraux
    • Comprendre les réglages WordPress
    • Comprendre et configurer les permaliens WordPress
  • Mises à jour & maintenance
    • Mettre à jour WordPress, thèmes et extensions
    • Que faire avant une mise à jour importante?
  • Les thèmes
    • Qu’est-ce qu’un thème WordPress?
  • Contenu (pages & articles)
    • Différence entre pages et articles
    • Créer et modifier une page WordPress
    • Utiliser les brouillons WordPress
    • Créer et modifier un article
    • Comment planifier la publication d’un article WordPress
  • Médias
    • Quels types de fichiers utiliser sur un site WordPress?
    • Ajouter et optimiser une image dans WordPress
  • Menus & navigation
    • Créer et modifier un menu
  • Utilisateurs & rôles
    • Gérer les utilisateurs et les rôles

WooCommerce

7
  • Démarrage WooCommerce
    • Accéder et comprendre WooCommerce
  • Produits
    • Créer un produit variable
    • Créer un produit simple
  • Livraisons
    • Configurer les frais et modes de livraison
  • Paiements
    • Configurer les moyens de paiement
  • Commandes
    • Gérer les commandes WooCommerce
  • Emails & notifications
    • Emails WooCommerce: que reçoit le client?

Divi

11
  • Bases de Divi
    • Installer et activer Divi
    • Ouvrir et utiliser l’éditeur Divi
  • Structure des pages Divi
    • Ajouter et organiser les sections et lignes
    • Comprendre les sections, lignes et modules Divi
  • Modifier le contenu avec Divi
    • Dupliquer, déplacer et supprimer des éléments Divi
    • Modifier un module avec Divi
  • Mise en page et design
    • Gérer la mise en page et le design avec Divi
    • Adapter une page Divi pour mobile et tablette
  • Outils et bonnes pratiques Divi
    • Problèmes fréquents et dépannage Divi
    • Bonnes pratiques pour travailler avec Divi
    • Utiliser la bibliothèque Divi

Infomaniak

9
  • Manager Infomaniak
    • Se connecter au manager Infomaniak
  • Domaines
    • Gérer son nom de domaine
  • Emails
    • Comprendre POP, IMAP et SMTP
    • Configurer une adresse email Infomaniak sur Android et Outlook
    • Dépannage emails: ne reçoit pas / ne peut pas envoyer
    • Configurer une adresse email Infomaniak sur iPhone et Mac
    • Créer et gérer une adresse email
  • Hébergement web
    • Comprendre son hébergement web
  • Sauvegardes & restauration
    • Sauvegardes Infomaniak: comment restaurer son site

Outils et bonnes pratiques

10
  • Bonnes habitudes
    • Bien gérer et stocker ses mots de passe
    • Éviter les erreurs courantes lors des mises à jour
    • Tester un site avant publication
    • Bonnes habitudes avant de modifier un site
  • Contenus et rédaction
    • Rédiger un article de blog: méthode simple et efficace
  • Productivité
    • Raccourcis clavier utiles pour le web
  • Navigateurs et extensions
    • Comprendre le cache et vider le cache du navigateur
    • Tester un site comme un visiteur
    • Navigateurs recommandés pour gérer un site web
    • Extensions navigateur utiles pour le web

Avancé

20
  • Divi (code)
    • Déplacer le logo Google reCAPTCHA v3
    • [CSS] Supprimer la sidebar sur une page Divi
    • [CSS] Ajouter un espace entre les éléments d’une liste
    • [CSS] Personnaliser les puces d’une liste (bullet points)
    • [CSS] Inverser l’ordre des colonnes sur mobile dans Divi
    • [CSS] Conserver les colonnes sur mobile dans une section Divi
    • [CSS] Masquer la légende dans la lightbox d’une galerie Divi
    • [DIVI] [CODE] Masquer les infos au survol des images
    • [CSS+CODE] Conserver la couleur du lien actif dans un menu one-page
    • [CSS] Centrer verticalement un module Divi
  • WordPress (code)
    • [WordPress] Autoriser l’upload de tous types de fichiers
    • [WordPress] Désactiver l’affichage des alertes PHP
  • WooCommerce (code)
    • [WooCommerce] Masquer les autres frais de livraison si la livraison gratuite est disponible
    • [WooCommerce] Limiter les frais d’expédition avec un montant maximum
    • [WooCommerce] Comprendre le calcul des frais d’expédition: par classe ou par commande
    • [WooCommerce] Utiliser des formules avancées pour calculer les frais d’expédition
    • [WooCommerce] Structurer ses frais d’expédition avec les classes et les formules
    • [WooCommerce] Calculer les frais d’expédition avec une classe de livraison
    • [WooCommerce] Modifier le texte “Disponible sur commande”
    • [WooCommerce] Afficher le code promo utilisé dans l’email de confirmation
View Categories
  • Accueil
  • Docs
  • WooCommerce
  • Produits
  • Créer un produit variable

Créer un produit variable

Temps de lecture estimé: 1 min

Un produit variable permet de proposer plusieurs versions d’un même produit.
Il est utilisé lorsque le produit existe avec différentes options, comme une taille ou une couleur.

Dans cet article, tu vas apprendre comment créer et configurer un produit variable dans WooCommerce.

En bref #

  • Un produit variable contient plusieurs variations
  • Chaque variation peut avoir son propre prix et stock
  • Les attributs sont essentiels pour créer des variations

Accéder à la création d’un produit #

Depuis l’administration WordPress, clique sur Produits, puis sur Ajouter.

Saisis le nom et la description du produit comme pour un produit simple.

Choisir le type de produit variable #

Dans la section Données du produit, sélectionne Produit variable.

De nouveaux onglets apparaissent pour gérer les attributs et variations.

Créer les attributs du produit #

Les attributs définissent les options disponibles pour le produit.

1. Ajouter un attribut #

Dans l’onglet Attributs, ajoute un nouvel attribut.

Par exemple:

  • taille
  • couleur

2. Définir les valeurs #

Renseigne les différentes valeurs séparées par une barre verticale.

Exemple: S | M | L

3. Utiliser pour les variations #

Coche l’option Utilisé pour les variations.

Créer les variations #

1. Générer les variations #

Dans l’onglet Variations, utilise l’option pour créer les variations à partir des attributs.

2. Configurer chaque variation #

Pour chaque variation, définis:

  • le prix
  • le stock
  • l’image si nécessaire

Ajouter une image et publier #

Ajoute une image principale pour le produit, puis clique sur Publier.

Le client pourra sélectionner les options directement sur la fiche produit.

Points d’attention #

  • Une variation sans prix ne peut pas être vendue
  • Trop de variations compliquent la gestion
  • Vérifie toujours l’affichage côté client

Astuce utile #

Commence avec peu de variations et ajoute-en progressivement si nécessaire.

Pour aller plus loin #

Une fois les produits créés, il faut gérer les commandes.

  • Gérer les commandes WooCommerce
Updated on mars 16, 2026

Comment as-tu trouvé cet article?

  • Happy
  • Normal
  • Sad
Créer un produit simpleCréer un produit simple
Table des matières
  • En bref
  • Accéder à la création d’un produit
  • Choisir le type de produit variable
  • Créer les attributs du produit
    • 1. Ajouter un attribut
    • 2. Définir les valeurs
    • 3. Utiliser pour les variations
  • Créer les variations
    • 1. Générer les variations
    • 2. Configurer chaque variation
  • Ajouter une image et publier
  • Points d’attention
  • Astuce utile
  • Pour aller plus loin

Base de connaissance
WordPress
WooCommerce
Divi
Infomaniak
Outils et bonnes pratiques

Vous ne trouvez pas de réponse?
Contactez notre support.

Demande d'assistance

LÉGAL
Politique de confidentialité

© DrGeek.com 2026 | Tous droits réservés
créé par AL&JE