Checkout & Panier

Combien de champs maximum dans un formulaire de checkout ?

8 champs maximum selon Baymard Institute. La moyenne des sites est de 12 champs, soit 50% de trop. Réduisez pour augmenter les conversions.

La réponse courte

8 champs maximum selon les recherches de Baymard Institute. Pourtant, la moyenne des sites e-commerce est de 12 champs.

Les 8 champs essentiels

  1. Email (pour la confirmation)
  2. Prénom
  3. Nom
  4. Adresse (un seul champ avec autocomplétion)
  5. Code postal
  6. Ville
  7. Pays
  8. Téléphone (optionnel, pour le transporteur)

Impact du nombre de champs

Nombre de champsImpact sur la conversion
5-8 champsOptimal
9-12 champs-10 à 15%
13-16 champs-20 à 30%
17+ champs-35%+

Statistique clé : 18% des abandons de panier sont dus à un checkout trop long ou complexe.

Champs à supprimer

Inutiles dans la plupart des cas

ChampAlternative
Civilité (M./Mme)Supprimer ou rendre optionnel
Nom de sociétéSeulement si B2B
FaxSupprimer
Adresse ligne 2Fusionner avec ligne 1
Région/ÉtatAuto-détecté via code postal
Confirmation emailSupprimer (les erreurs sont rares)
Confirmation mot de passeUne seule saisie suffit

Requis mais optimisables

ChampOptimisation
AdresseAutocomplétion Google Places
Code postalRemplissage auto de la ville
PaysPré-sélectionné via géolocalisation
TéléphoneClavier numérique sur mobile

Exemple de formulaire optimisé

❌ Avant : 14 champs

[ ] Civilité
[ ] Prénom
[ ] Nom
[ ] Email
[ ] Confirmer email
[ ] Téléphone fixe
[ ] Téléphone mobile
[ ] Société
[ ] N° et rue
[ ] Complément d'adresse
[ ] Code postal
[ ] Ville
[ ] Région
[ ] Pays

✅ Après : 7 champs

[ ] Email
[ ] Prénom Nom (un seul champ)
[ ] Adresse (avec autocomplétion)
[ ] Code postal → Ville (auto-remplie)
[ ] Pays (pré-sélectionné)
[ ] Téléphone (optionnel)

Techniques pour réduire les champs

1. Fusionner les champs

  • Prénom + Nom → “Nom complet”
  • N° + Rue → “Adresse”

2. Autocomplétion

// Google Places Autocomplete
const autocomplete = new google.maps.places.Autocomplete(
  document.getElementById('adresse'),
  { types: ['address'], componentRestrictions: { country: 'fr' } }
);

3. Champs conditionnels

Afficher certains champs seulement si nécessaire :

  • “Société” uniquement si “Facturation pro” coché
  • “Complément” seulement si “Adresse incomplète” détectée

4. Valeurs par défaut

  • Pays pré-sélectionné (France)
  • Cases pré-cochées pour newsletter (attention RGPD)

Champs obligatoires vs optionnels

Indiquez clairement ce qui est optionnel :

Email *
Téléphone (optionnel)

Ou inversement (tout est obligatoire sauf mention) :

* Champs obligatoires

Cas spécifiques

B2B

Ajoutez : Société, N° TVA, Bon de commande

International

Adaptez le format selon le pays (ZIP code US vs Code postal FR)

Abonnement

Demandez moins au premier achat, complétez ensuite

Règle d’or

Chaque champ supplémentaire réduit la conversion d’environ 10%. Ne demandez que ce qui est absolument nécessaire pour livrer la commande.

Besoin d'aide pour optimiser vos conversions ?

Nos experts CRO analysent votre site et vous proposent un plan d'action personnalisé.

Demander un audit gratuit