Jour 2 – PrestaShop : Configurer l’apparence de la page d’accueil
Cet article fait partie d’une série de 30 exercices quotidiens pour réviser l’épreuve E5B (Relation client à distance et digitalisation) du BTS NDRC – session 2026.
Chaque jour, tu travailles sur un sujet concret, construit à partir des attendus réels de l’épreuve : un rappel de cours, un cas pratique et une correction détaillée.
Tu peux t’entraîner directement sur notre plateforme BTS NDRC Studalya WEB ou depuis n’importe quelle autre plateforme.
Compétences du jour :
Dans cet exercice, tu travailles les compétences suivantes issues de la circulaire BTS NDRC 2026 :
- Modifier la position d’affichage des blocs sur la page d’accueil
- Modifier la position d’affichage des produits populaires
- Configurer la durée d’affichage des nouveaux produits
- Gérer la liste de liens (link widgets) du pied de page
Ces éléments font partie du bloc Apparence sur PrestaShop, souvent mobilisé en début d’épreuve.
Tu peux retrouver l’ensemble des compétences mobilisables sur la circulaire 2026 du BTS NDRC.
Dans cet article
📚 Rappel de cours
Sur PrestaShop, l’apparence du site ne repose pas uniquement sur le design, mais surtout sur l’organisation des blocs visibles sur la page d’accueil. Ces blocs permettent de mettre en avant des produits, des catégories, des informations clés.
La gestion des positions de blocs se fait via le menu Apparence > Positions. Chaque module peut être déplacé d’un hook à un autre, c’est-à-dire d’une zone d’affichage à une autre (accueil, colonne gauche, pied de page, etc.).
Les nouveaux produits et produits populaires sont gérés via des modules dédiés qu’il faut activer et configurer.
Le pied de page se gère via les ‘Link Widgets’ : des blocs de liens que tu peux créer, modifier, réordonner. Chaque bloc correspond à une colonne du footer.
L’objectif n’est pas simplement de ‘déplacer des blocs’, mais de comprendre ce que l’utilisateur doit voir en priorité selon les objectifs de l’entreprise.
Les erreurs les plus fréquentes sont simples :
- Laisser une page d’accueil désordonnée sans logique commerciale
- Ne pas mettre en avant les bons produits
- Oublier d’enregistrer les modifications
- Ne pas vérifier le rendu final en frontoffice
🎯 SUJET DU JOUR — Jour 2 / 30
🏢 Contexte entreprise
Tu utilise notre plateforme BTS NDRC Studalya WEB :
Tu travailles pour Sucré’ative, une confiserie artisanale spécialisée dans la création de bonbons personnalisés.
Tu trouveras plus d’informations sur l’univers de la marque ici : Sucré’ative
ℹ️ Pense à d’abord te familiariser avec l’environnement Sucré’ative si ça n’est pas déjà en regardant comment sont construits les sites WordPress et PrestaShop.
L’objectif de Sucré’ative est aujourd’hui de développer sa présence en ligne pour toucher davantage une clientèle B2B (entreprises, événements, agences).
Dans ce cadre, l’entreprise développe une nouvelle gamme de produits personnalisés destinés aux événements professionnels (séminaires, cadeaux clients, opérations marketing).
L’entreprise souhaite renforcer son positionnement B2B et améliorer la visibilité de ses offres dès la page d’accueil.
Ta mission aujourd’hui est de réorganiser la page d’accueil PrestaShop pour mettre en avant les produits destinés aux professionnels.
Tu n’utilise pas Studalya WEB :
Tu travailles pour Harmonia Instruments, une entreprise spécialisée dans la vente d’instruments de musique pour les particuliers et les professionnels.
L’entreprise propose :
- guitares, pianos, batteries
- accessoires et équipements
- services d’accompagnement pour musiciens
Jusqu’à présent, Harmonia était principalement positionnée sur une clientèle B2C.
Aujourd’hui, elle souhaite se développer sur un marché B2B : écoles de musique, studios, associations, événements.
Dans le cadre de ce développement, l’entreprise souhaite améliorer sa page d’accueil afin de mettre en avant ses produits pour les écoles et les professionnels.
Ta mission est de structurer la page d’accueil pour la rendre plus claire et plus efficace.
ℹ️ Ce contexte sera utilisé tout au long des 30 jours de révision.
📝 Travail demandé
Question 1
Modifier la position d’affichage des blocs sur la page d’accueil.
🧠 Méthode
Organise les blocs pour mettre en avant les éléments les plus importants pour une clientèle professionnelle (produits phares en premier, puis nouveautés).
💡 Indice :
Apparence > Positions (ou Modules > Positions) dans le backoffice PrestaShop.
Question 2
Configure le module ‘Produits phares’ pour qu’il s’affiche sur la page d’accueil avec un maximum de 4 produits visibles.
🧠 Méthode
Positionne ce bloc en deuxième position sur l’accueil.
💡 Indice :
Modules > Gestionnaire de modules > chercher »produits phares ».
Question 3
Configure la durée d’affichage des nouveaux produits à 30 jours (un produit créé depuis moins de 30 jours sera considéré comme ‘nouveau’ et affiché dans la section Nouveautés).
🧠 Méthode
Adapte la durée d’affichage pour mettre en avant les nouveautés.
💡 Indice :
Le paramètre se trouve dans la configuration du module ‘Nouveaux produits’ ou dans les préférences produits. Pense à l’installer si ça n’est pas déjà fait.
Question 4
Modifie les liens du pied de page (link widgets). Ajoute un lien vers une page ‘Espace Professionnel’ (même si la page n’existe pas encore, utilise /espace-pro comme URL) dans la première colonne du footer.
🧠 Méthode
Ajoute des liens utiles pour l’utilisateur (contact, informations, etc.).
💡 Indice :
Modules > Link Widget (ou Gestionnaire de liens) dans le backoffice.
Question 5
Vérifie le rendu de la page d’accueil en frontoffice. Analyse la page comme un professionnel qui découvre le site pour la première fois. Identifie un point d’amélioration et note-le.
🧠 Méthode
Analyse la page comme un utilisateur.
💡 Indice :
Bouton ‘Voir ma boutique’ dans le backoffice PrestaShop.
✅ CORRECTION
Question 1
Apparence > Positions > identifier les hooks de la page d’accueil (displayHome, displayHomeTabContent, etc.).
Déplacer les modules en faisant glisser leur position (drag & drop) ou en utilisant le bouton ‘Greffer’ pour changer le hook.
Logique attendue : produits phares (Featured Products) en premier > bloc de nouveaux produits.
Enregistrer > Vérifier en frontoffice.
❌ erreurs fréquentes :
- déplacer des blocs sans logique
- oublier d’enregistrer
Question 2
Modules > Gestionnaire de modules > chercher ‘Produits phares’ > Configurer.
Nombre de produits affichés : 4 > Enregistrer.
Pour positionner en deuxième : Apparence > Positions > trouver le module > ajuster sa position dans le hook displayHome.
Frontoffice : 4 produits populaires doivent être visibles sur la page d’accueil.
❌ erreurs fréquentes :
- ne pas activer le module
- mauvais positionnement
Question 3
Modules > Gestionnaire de modules > ‘New Products’ ou bloc ‘Nouveaux produits’ > Configurer.
Champ ‘Nombre de jours pendant lesquels un produit est considéré comme nouveau’ : saisir 30 > Enregistrer.
Frontoffice : tout produit créé depuis moins de 30 jours doit apparaître dans la section Nouveautés.
❌ erreurs fréquentes :
- durée trop courte ou trop longue
- mauvaise configuration
Question 4
Modules > Gestionnaire de modules > chercher ‘Link Widget’ ou ‘Liste de liens’ > Configurer.
Identifier la première colonne du footer (généralement ‘displayFooter’ hook, colonne 1).
Ajouter un nouveau bloc lien : nom= ‘Espace Professionnel’, Choisi le bon point d’accroche « Display Footer », URL = /espace-pro > Enregistrer.
Frontoffice : le lien doit apparaître dans la première colonne du pied de page.
❌ erreurs fréquentes :
- liens inutiles
- mauvaise organisation
Question 5
Bouton ‘Voir ma boutique’ dans le backoffice en haut à droite(barre du haut ou tableau de bord).
Analyse attendue : ordre des blocs logique ? Visuels en place ? Textes professionnels ? Pied de page cohérent ?
Exemple de point d’amélioration : ‘Le bloc Nouveautés apparaît avant les Produits phares — inverser l’ordre pour mettre les meilleures ventes en avant.’
Cette question entraîne à l’analyse critique, attendue à l’épreuve.
❌ erreurs fréquentes :
- ne pas vérifier
- ignorer l’expérience utilisateur
🔁 Demain — Jour 3
Créer et publier un article WordPress avec Gutenberg
— L’équipe Studalya