Un pop-up ou une info-bar permet d’afficher un message important sur le site (information, promotion, alerte, inscription) sans modifier le contenu principal des pages.
Domaine E5B : Contenu. Les libellés et emplacements peuvent légèrement varier selon la version de WordPress installée ; les versions retenues pour l’examen sont précisées par les documents de chaque session.
Accès dans WordPress
WordPress → Spectra → Popups
ou
WordPress → Spectra → Pop Up Builder
(selon la version installée)
Étapes à suivre
- Depuis le tableau de bord WordPress, cliquer sur Spectra, puis sur Popups ou Pop Up Builder.
- Cliquer sur Ajouter pour créer un nouveau pop-up ou une nouvelle info-bar.
- Choisir le type de fenêtre souhaité (pop-up centré ou barre d’information).
- Renseigner le titre et le contenu du message à afficher.
- Ajouter les éléments nécessaires (texte, bouton, lien) à l’aide des blocs Spectra.
- Définir les conditions d’affichage de base si demandées (pages concernées).
- Ne pas activer les options avancées non demandées.
- Vérifier l’aperçu du pop-up ou de l’info-bar.
- Enregistrer ou publier le pop-up.
- Ouvrir le site pour vérifier que la fenêtre s’affiche correctement.
Points d’attention
- Le message affiché doit être clair et lisible.
- Ne pas multiplier les effets ou réglages avancés.
- Vérifier que le pop-up ne masque pas totalement le contenu du site.
- Toujours tester l’affichage sur le site après activation.
Exercice d’entraînement
Cas fictif Jump4Fun, conçu par Instansia pour s’entraîner (ce n’est pas une annale).
Créez une barre d’information en haut du site : « Portes ouvertes le samedi 12 : baptêmes à tarif réduit ».
Résultat attendu : La barre s’affiche sur le site public, peut être fermée et renvoie vers la page de l’événement.
Comment vérifier votre travail
- Enregistrer ou publier la modification (« Publier », « Mettre à jour » ou « Enregistrer »).
- Ouvrir le site public dans un nouvel onglet et actualiser la page.
- Contrôler aussi l’affichage sur mobile.
Dans quel cas l’utiliser en relation client ?
Une pop-up ou une barre d’information attire l’attention sur un message important : une offre, un événement, une information pratique. Utilisée avec mesure, elle informe sans gêner la navigation.
À l’E5B, Spectra Pop Up Builder fait partie des outils mentionnés pour WordPress.
Questions fréquentes
Quand afficher la pop-up ?
Selon l’objectif : à l’arrivée, après quelques secondes ou au défilement. Évitez de gêner l’accès immédiat au contenu.
Pop-up ou barre d’information ?
La barre, discrète, convient à une information courte ; la pop-up, plus visible, à un message important ou à un appel à l’action.
Comment la tester ?
Ouvrez le site dans une fenêtre de navigation privée pour voir la pop-up comme un nouveau visiteur.
À lire aussi
- Utiliser des blocs spécifiques Spectra (slider, formulaire, FAQ, témoignages, équipe, Google Map, compte à rebours)
- Utiliser les blocs : titre, paragraphe, bouton, bannière, image, galerie, tableau, flux RSS, calendrier, audio, fichier
- Ajouter un média (photo, vidéo, audio)
- Tous les tutoriels WordPress
- La liste complète des fonctionnalités E5B WordPress et PrestaShop
Enseignant ou formateur ? Instansia déploie pour chaque étudiant un WordPress et un PrestaShop prêts pour s’entraîner à l’épreuve E5B, avec un suivi centralisé. Réserver une démo.