👉🏻 Nouveauté du référenciel 2025, Spectra est un plug-in (extension) qui fournit des blocs, des compositions et des outils telles les fenêtres “surgissantes” (pop-up).

illustration 1 – l’infobarre

ℹ️ Idéale pour une info durable, discrète en bas d’écran.

illustration 2 : le pop-up

📸 Idéale pour une info flash, éphémère mais immanquable !

• Saisissez un titre (juste pour vous, il n’est pas visible par vos visiteurs)
• choisissez “Popup“

👆🏻 Un modèle de pop-up vous est proposé avec un icone, un titre, un paragraphe et un CTA

🤔 C’est quoi un CTA, déjà ?

Le CTA (call to action) est un élément réactif, souvent un bouton, qui a pour but de susciter l’engagement (le rebond vers une offre commerciale). Voir la ficher Engager ses Lead du drive.

❌ Mais on va virer tout cela pour repartir de Zéro !

• Cliquez sur la composition afin d’afficher la barre d’outils contextuelle.
• Cliquez sur options (le menu hamburger)
• Supprimer

🍔 Pourquoi on appelle cela un menu “hamburger” ?

On appelle menu hamburger ou empilé un menu sous forme de 3 barres ou 3 points superposés verticalement. Popularisés par l’interface mobile, ces menus se généralisent, notamment sur les barres d’outils contextuelles et les blocs de l’éditeur de WordPress n’y échappent pas.

➡️ Il devrait ne vous rester que cela 👇🏻

ℹ️ On peut gérer un pop-up comme un article car il se construit de la même manière. Il accepte tous les blocs de l’éditeur mais il faudra faire plus court que dans un article car c’est un message “flash” (donc,sur un panneau réduit).

📹 Allez, on se fait la suite en vidéo, une fois n’est pas coutume ! 👇🏻

• Cliquer sur “Enregistrer le brouillon” (à faire de temps en temps)

🔹2.1 |Définir la cible du bouton

🔹2.2 |Définir les options d’affichage du pop-up

☑️ Différentes options :

• Proportions “use fixed height” si vous voulez les figer (dangereux pour les petits écrans)
• Alignement (par défaut, centré mais vous pouvez la polariser ailleurs)
• “Use overlay” (fond grisé ou non)
• “Prevent background interaction” (si vous désactivez, on peut cliquer sur le fond et escamoter le pop-up)

👉🏻 Soyez assez modéré(e) dans le recours aux pop-up sur votre site. Cette pratique peut agacer et générer du rebond (départ) si vous l’utilisez trop souvent.

Le résultat 👇🏻

🧑🏻‍💻 Pour info, le pop-up qui surgit sur le blog si vous restez plus de 30 secondes sur la page d’accueil et qui ressemble à celui-là, je l’ai fait avec une autre technologie. La temporisation avec Spectra fait partie de l’option premium.

• Le principe reste le même sauf que le pop-up ne survient que si le visiteur reste longtemps sur la page d’accueil sans cliquer nulle part, signe qu’il est peut-être un peu perdu sur ce qu’il peut faire.
• Il peut aussi décider de ne plus le revoir “ne plus afficher” ou simplement de le fermer s’il veut continuer à se débrouiller tout seul mais sans être certain de ne pas avoir besoin du lien plus tard.

🎈 En marketing, on utilise aussi beaucoup les pop-up basés sur le comportement, comme, par exemple, celui de voir une promo en pop-up si le pointeur se rapproche de la croix pour fermer l’onglet d’une eshop.

🧑🏻‍🎓 | Vers l’épreuve E5B

🖥️ Il vous sera probablement demandé, si votre sujet comporte une question sur la mise en place d’une fenêtre surgissante Spectra, d’y placer un call-to-action qui emmène vers l’une des pages du blog.

• Pour rappel : dans l’onglet “général” du bouton de votre CTA, vous trouverez un champs “link” dans lequel vous devrez inscrire l’Url de la page à atteindre. (le champs où il y’avait le #)

☰

Tous les articles WordPress :