Regarde le tuto complet directement ici ⬇️
Introduction
Ce guide vous montre comment gérer la personnalisation du produit par le client sur PrestaShop, exactement comme dans la vidéo EP Studly : ajout de champs de personnalisation (texte et fichier), rendu côté front-office et paramètre « requis ». Vous verrez comment activer rapidement un champ texte (pour un message) et un champ fichier (pour une image à imprimer), puis vérifier l’affichage sur la fiche produit. C’est une compétence très utile pour l’épreuve E5B lorsque l’énoncé exige une personnalisation client simple et fonctionnelle.
Étape 1 — Ouvrir le produit à personnaliser
On commence depuis la liste des produits du catalogue.
À faire :
- Dans le Back-office, aller sur Catalogue → Produits.
- Ouvrir le produit concerné (ex. T-shirt imprimé Colibri).
- Accéder à l’onglet Options.
Étape 2 — Activer la personnalisation avec un champ texte
Le client pourra saisir un message (ex. prénom, phrase courte).
À faire :
- Dans la section Personnalisation, cliquer pour ajouter un champ.
- Donner un intitulé (ex. « Ajouter un texte »).
- Choisir le type : Texte.
- Cliquer sur Enregistrer.
- Prévisualiser la fiche produit pour vérifier l’apparition du champ.
Étape 3 — Ajouter un champ de type fichier (image)
Utile pour l’upload d’un visuel à imprimer ou graver.
À faire :
- Toujours dans Personnalisation, ajouter un champ.
- Intitulé (ex. « Ajouter votre image »).
- Choisir le type : Fichier (upload).
- Cocher Requis si l’énoncé impose la saisie/ajout.
- Enregistrer puis prévisualiser pour vérifier le champ de téléversement.
Étape 4 — Vérifier le rendu côté front-office
Contrôlez que tout est visible et utilisable par le client.
À faire :
- Ouvrir la fiche produit sur la boutique.
- Confirmer la présence du champ texte et du champ fichier.
- Tester un upload et une saisie (si possible en boutique de test).
📌 Conseils pour l’examen
- Nommez clairement vos champs (intitulés explicites = points gagnés en UX).
- Utilisez Requis uniquement si l’énoncé l’exige.
- Prévisualisez toujours après enregistrement pour prouver le résultat.
- Expliquez la finalité (ex. personnalisation cadeau) dans votre dossier E5B.
⚠️ Erreurs à éviter
- Oublier de sauvegarder après l’ajout d’un champ.
- Se tromper de type (Texte vs Fichier).
- Cocher Requis sans consigne (risque de bloquer l’achat).
- Ne pas vérifier le front-office après les changements.
✅ Checklist révision rapide
- Catalogue → Produits → Ouvrir le produit
- Onglet Options → Personnalisation
- Champ texte ajouté et enregistré
- Champ fichier ajouté, Requis si demandé
- Prévisualisation validée sur le front-office
FAQ : Tout savoir sur la personnalisation produit
À quoi sert la personnalisation produit sur PrestaShop ?
Elle permet au client d’ajouter un texte (prénom, message) ou un fichier (image/logo) directement sur la fiche produit. C’est essentiel pour les produits personnalisés (t-shirts, mugs, affiches) et augmente la valeur perçue ainsi que le taux de conversion, car l’offre devient unique pour chaque client.
Comment décider si un champ doit être « Requis » ?
Basez-vous sur l’énoncé : si la personnalisation est obligatoire, cochez Requis pour empêcher l’ajout au panier sans saisie. Sinon, laissez-le facultatif pour ne pas bloquer le parcours d’achat. Pensez à l’UX : plus c’est contraignant, plus le risque d’abandon augmente.
Puis-je limiter la taille ou le format de l’image envoyée ?
Le module de base accepte les fichiers selon la configuration serveur (taille maximale, types autorisés). Pour un contrôle fin (formats, poids, dimensions), on passe souvent par des modules complémentaires ou par une validation côté serveur — non requis tel quel en E5B si ce n’est pas demandé.
Où apparaissent les données de personnalisation côté marchand ?
Les saisies sont rattachées à la commande et visibles pour le commerçant lors du traitement (suivi des commandes). Vous pouvez ainsi récupérer facilement le texte à imprimer ou l’image à produire.
Est-ce compatible avec les déclinaisons (tailles/couleurs) ?
Oui. La personnalisation fonctionne avec un produit à déclinaisons. Vous gérez d’abord vos combinaisons, puis vous ajoutez les champs de personnalisation. Les deux mécanismes sont indépendants.
Que faire si le champ n’apparaît pas sur le front-office ?
Vérifiez que vous avez enregistré, puis actualisez la page produit. Contrôlez que vous éditez bien le bon produit et que le thème n’écrase pas l’affichage. Si nécessaire, videz le cache en environnement de test (hors cadre si l’énoncé ne le demande pas).
📚 Envie d’aller plus loin ? Découvrez notre Formation Prestashop BTS NDRC 2025 pour maîtriser toutes les compétences de l’épreuve !
🎥 Retrouvez tous nos tutos en vidéo sur la playlist YouTube dédiée !
