Le bloc hexatenberg/search-overlay ajoute une recherche fullscreen moderne, déclenchée par un bouton loupe personnalisable. En un clic, l’utilisateur ouvre un panneau de recherche immersif avec un champ principal, un bouton d’envoi et une fermeture claire. Ce pattern est particulièrement efficace sur les sites riches en contenus (blog, magazine, boutique, documentation), où la capacité à trouver vite une information impacte directement l’engagement.

Ce composant a été pensé pour Gutenberg avec une configuration simple mais puissante. Vous contrôlez la couleur de l’overlay, son opacité, le label du trigger, le placeholder du champ, la taille de l’icône, le padding top du panneau et la largeur maximale du champ. Vous obtenez ainsi une intégration cohérente avec votre design system sans surcharger l’interface d’édition.

Points forts UX et SEO

• Réduit la friction de navigation grâce à une recherche immédiatement visible.
• Améliore la profondeur de session en aidant les visiteurs à explorer plus de contenus.
• Renforce les signaux comportementaux (temps passé, pages vues) utiles à une stratégie SEO globale.
• Compatible mobile avec une interface claire et centrée sur l’action.

Cas d’usage recommandés

• Sites éditoriaux avec grand volume d’articles.
• E-commerce avec catalogue large et navigation multi-niveaux.
• Portails d’entreprise avec ressources et pages techniques.
• Sites vitrine avancés qui veulent une recherche premium sans complexité technique.

Pourquoi l’utiliser dans Gutenberg

• Mise en place rapide sans dépendance lourde.
• Paramétrage visuel directement depuis l’éditeur.
• Intégration propre avec les styles du thème.
• Composant réutilisable pour standardiser l’expérience de recherche sur tout le site.