Jour 7 – WordPress : Utiliser les blocs Spectra avancés
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 :
- Utiliser les blocs Spectra : diaporama (slider), formulaire (form), FAQ, Témoignages (testimonials), équipe (Team), Google Map, compte à rebours (Countdown), sans les fonctionnalités avancées
Tu peux retrouver l’ensemble des compétences mobilisables sur la circulaire 2026 du BTS NDRC.
Dans cet article
📚 Rappel de cours
Spectra est une extension de blocs Gutenberg installée et activée en session 2026. Elle enrichit l’éditeur WordPress avec des blocs avancés non disponibles nativement. En examen, seules les fonctionnalités de base de chaque bloc sont évaluées, pas les options avancées de style ou d’animation. Les blocs Spectra s’ajoutent exactement comme des blocs Gutenberg standards : via le bouton +.
Blocs à connaître :
- Slider (diaporama d’images ou de contenus),
- Form (formulaire de contact simple),
- FAQ (questions/réponses avec accordéon),
- Testimonials (témoignages clients),
- Team (présentation d’équipe),
- Google Map (carte intégrée),
- Countdown (compte à rebours avec date cible).
Erreurs classiques :
- chercher les blocs Spectra dans un menu séparé — ils s’ajoutent via le même bouton + que les blocs natifs
- activer des options avancées non évaluées
- ne pas vérifier le rendu frontoffice.
🎯 SUJET DU JOUR — Jour 7 / 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).
L’entreprise souhaite enrichir sa page d’accueil avec des éléments dynamiques pour convaincre sa nouvelle clientèle B2B.
Ta mission : intégrer plusieurs blocs Spectra sur une page WordPress.
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.
La page d’accueil doit être modernisée avec un diaporama, des témoignages clients et une FAQ.
Ta mission : intégrer ces éléments via les blocs Spectra.
ℹ️ Ce contexte sera utilisé tout au long des 30 jours de révision.
📝 Travail demandé
Question 1
Ajoute un bloc Slider (diaporama) sur la page d’accueil ou une page de ton choix. Configure au moins 2 slides avec un texte et une image.
🧠 Méthode
Dans l’éditeur, clique sur + > tape « Slider » > sélectionne le bloc Spectra Slider. Ajoute les slides via le panneau latéral ou les options du bloc.
💡 Indice :
Spectra Slider = diaporama. Ne pas confondre avec le bloc Image ou Galerie natif.
Question 2
Ajoute un bloc FAQ avec au moins 3 questions-réponses pertinentes pour le contexte de l’entreprise.
🧠 Méthode
Clique sur + > tape « FAQ » > sélectionne le bloc Spectra FAQ. Ajoute chaque question et sa réponse dans le panneau d’options.
💡 Indice :
Le bloc FAQ affiche un accordéon en frontoffice, les réponses se déploient au clic.
Question 3
Ajoute un bloc Témoignages (Testimonials) avec au moins 2 témoignages fictifs cohérents avec l’activité.
🧠 Méthode
Clique sur + > tape « Testimonial » > bloc Spectra Testimonials. Renseigne nom, texte du témoignage et fonction/entreprise du client.
💡 Indice :
Les témoignages B2B doivent mentionner une entreprise ou un secteur pour être crédibles.
Question 4
Ajoute un bloc Compte à rebours (Countdown) avec une date cible cohérente (ex : lancement d’une nouvelle gamme, fin d’une offre promotionnelle).
🧠 Méthode
Clique sur + > tape « Countdown » > bloc Spectra Countdown. Sélectionne la date cible dans les options du bloc.
💡 Indice :
La date doit être dans le futur, un countdown avec une date passée affichera 00:00:00.
Question 5
Ajoute un bloc Google Map avec l’adresse de l’entreprise et vérifie le rendu en frontoffice.
🧠 Méthode
Clique sur + > tape « Map » > bloc Spectra Google Map. Renseigne l’adresse dans les options.
💡 Indice :
La carte peut nécessiter une clé API Google Maps pour fonctionner complètement, en examen, l’intégration du bloc et la saisie de l’adresse sont évaluées, pas le fonctionnement de la carte.
✅ CORRECTION
Question 1
Dans l’éditeur de page/article > + > rechercher « Slider » r. Configurer le nombre de slides. Pour chaque slide : ajouter un titre, un texte et une image de fond ou une image. Sauvegarder et vérifier en prévisualisation.
❌ erreurs fréquentes :
choisir le bloc Galerie natif au lieu du Slider Spectra / ne configurer qu’une seule slide.
Question 2
+ > « FAQ » > Spectra – FAQ. Cliquer sur « + » pour ajouter une question. Renseigner la question dans le champ titre et la réponse dans le champ contenu. 3 questions minimum.
❌ erreurs fréquentes :
ne pas rédiger la réponse (laisser le champ vide).
Question 3
+ > « Testimonial » . Pour chaque témoignage : nom du client, poste/entreprise, texte du témoignage. Minimum 2 témoignages. Pour un contexte B2B, préciser l’entreprise du témoin.
❌ erreurs fréquentes :
témoignages trop vagues / un seul témoignage.
Question 4
+ > « Countdown ». Dans les options, entrer une date future. Le bloc affiche automatiquement jours/heures/minutes/secondes restants.
❌ erreurs fréquentes :
entrer une date passée — le countdown affichera 0 partout.
Question 5
+ > « Map » > Spectra – Google Map. Renseigner l’adresse complète de l’entreprise dans le champ prévu. Ajuster le zoom si nécessaire. Sauvegarder. Vérifier en frontoffice que le bloc apparaît (même si la carte affiche un message d’erreur API, le bloc doit être présent et l’adresse lisible).
❌ erreurs fréquentes :
ne pas vérifier que le bloc est bien visible en frontoffice.
🔁 Demain — Jour 8
PrestaShop : Créer et gérer des promotions
— L’équipe Studalya