🎥 Regarde le tuto complet directement ici ⬇️
Points clés de la vidéo
Dans ce tutoriel, vous allez apprendre à intégrer Google Maps Spectra dans WordPress.
Ce widget est très utile dans le cadre de l’épreuve E5B du BTS NDRC, car il permet d’afficher une carte interactive directement sur votre site professionnel.
👉 En pratique, cela permet de mettre en valeur l’adresse d’une entreprise, d’un commerce ou d’un lieu de rendez-vous. Une carte bien configurée améliore la crédibilité du site et facilite la navigation des visiteurs.
1. Ajouter le widget Google Maps
Depuis votre page WordPress :
- Cliquez sur + Ajouter un bloc, puis sélectionnez Google Maps (Spectra).
- Glissez-déposez le widget à l’endroit souhaité dans votre page.
Une carte par défaut apparaît immédiatement, prête à être personnalisée.
2. Configurer l’adresse
Dans l’onglet Adresse, entrez l’adresse exacte de l’entreprise ou du lieu à afficher.
La carte se met automatiquement à jour avec un repère précis.
📌 Exemple : si vous intégrez l’adresse d’un restaurant, Google Maps affichera sa fiche ainsi que ses avis clients.
3. Options de personnalisation
Le widget propose plusieurs réglages simples et utiles :
- Vue satellite : activez ou désactivez selon vos préférences.
- Zoom : ajustez le niveau de zoom (par exemple 11 pour un affichage équilibré).
- Hauteur de la carte : définissez la taille pour qu’elle s’intègre bien dans votre mise en page.
- Langue : choisissez la langue d’affichage (par défaut, sélectionnez français).
Ces options permettent d’adapter l’affichage à vos besoins et à vos visiteurs.
4. Enregistrer et prévisualiser
Une fois vos réglages terminés :
- Cliquez sur Publier ou Mettre à jour.
- Prévisualisez votre page pour tester la carte en direct.
Les visiteurs pourront zoomer, passer en mode satellite, agrandir la carte ou même demander un itinéraire.
👉 Résultat : une carte interactive qui facilite la localisation de l’entreprise et améliore l’expérience utilisateur.
FAQ – Google Maps Spectra
Avant d’utiliser ce widget dans vos projets WordPress, voici quelques réponses aux questions fréquentes :
1. Pourquoi utiliser Google Maps Spectra au lieu d’une capture d’écran de carte ?
Parce qu’il offre une vraie interactivité : les visiteurs peuvent zoomer, se déplacer, changer la vue et obtenir un itinéraire en un clic.
2. Est-il possible d’afficher plusieurs adresses avec Google Maps Spectra ?
Non, le widget Spectra est conçu pour une seule adresse par carte. Pour afficher plusieurs emplacements, il faudra ajouter plusieurs blocs Google Maps sur la même page.
3. Comment optimiser l’intégration pour l’épreuve E5B du BTS NDRC ?
Choisissez une adresse liée au cas pratique (ex. : le siège de l’entreprise ou un point de vente).
Assurez-vous que l’affichage soit clair, lisible et cohérent avec l’identité visuelle du site.
4. Peut-on personnaliser le style de la carte (couleurs, thèmes) ?
Le widget Spectra reste assez simple. Pour un style avancé (couleurs personnalisées, marqueurs spécifiques), il faudra utiliser une extension dédiée à Google Maps.
5. Quelles erreurs éviter ?
Oublier de régler la langue (affichage par défaut en anglais).
Mettre un zoom trop proche ou trop éloigné, ce qui gêne la lisibilité.
Intégrer une carte trop petite, rendant la navigation difficile.
📌 Conseils pour l’examen E5B
- Vérifiez que l’adresse affichée correspond bien au cas pratique.
- Testez la carte sur mobile et tablette pour garantir une bonne expérience utilisateur.
- Ajoutez la carte sur une page stratégique (Accueil, Contact ou À propos).
✅ Checklist révision rapide
- Widget ajouté sur la page.
- Adresse correctement configurée.
- Zoom et hauteur ajustés.
- Langue définie sur français.
- Carte testée en front-office.
📚 Envie d’aller plus loin ? Découvrez notre guide complet BTS NDRC E5B 2025-2026 – Formation WordPress 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 !
