Installation en 60 secondes
Glance se trouve dans le répertoire des plugins WordPress. Assurez-vous que WooCommerce est déjà installé et actif : c'est la seule condition requise.
- Depuis votre admin WordPress, allez dans Extensions → Ajouter.
- Recherchez Glance Live Search.
- Cliquez sur Installer maintenant, puis Activer.
- Ouvrez WooCommerce → Glance Search pour voir l'écran des réglages.
Acheter Pro
Après l'achat, vous recevrez un lien de téléchargement et une clé de licence par email. Installez le ZIP Pro depuis Extensions → Ajouter → Mettre en ligne une extension, puis collez votre clé dans WooCommerce → Glance Search → Licence. La version gratuite est remplacée automatiquement. Vous ne perdez aucun réglage.
Où placer la barre de recherche
Quatre méthodes pour ajouter la barre de recherche à votre boutique. Choisissez celle qui convient à votre thème. Toutes donnent la même barre de recherche.
Utiliser le shortcode (fonctionne partout)
Collez ceci dans n'importe quelle page, article ou bloc : contenu, sidebar, footer, partout où vous pouvez taper :
Utiliser le bloc Gutenberg
Dans l'éditeur de blocs, cliquez sur le bouton + et cherchez Glance Live Search. Déposez-le là où vous voulez, c'est fait.
Utiliser le widget Elementor
Ouvrez Elementor, cherchez Glance Live Search dans le panneau de widgets et faites-le glisser dans votre mise en page.
Utiliser un widget WordPress
Allez dans Apparence → Widgets et ajoutez le widget Glance Live Search à votre zone de header, sidebar ou footer.
Configurer les bases
Tous les réglages se trouvent sous WooCommerce → Glance Search. Le premier onglet est Comportement : c'est là que vous ajustez la réaction de la recherche à vos clients.
- Caractères minimum avant la recherche : Combien de lettres un acheteur doit taper avant que les résultats apparaissent. Trois est une bonne valeur par défaut ; réduisez à deux si votre boutique a beaucoup de noms de produits courts.
- Délai de recherche : Combien de temps Glance attend après la dernière frappe avant de lancer la recherche. Plus rapide = plus réactif ; plus lent = moins de charge serveur. La valeur par défaut (250ms) semble native.
- Nombre maximum de résultats : La version gratuite va jusqu'à 5, Pro jusqu'à 50. Cinq suffit pour la plupart des catalogues. Si vous avez beaucoup de produits similaires, augmentez avec Pro.
- Rechercher dans : Activez les champs produit à chercher : titre, SKU, description, description courte, tags. Pour une boutique B2B, laissez le SKU activé. Pour une boutique de mode, les descriptions aident beaucoup.
- Breakpoint mobile : En dessous de cette largeur d'écran, Glance ouvre un panneau de recherche plein écran. La valeur par défaut (768px) couvre tous les téléphones.
- Texte de placeholder : Le texte gris à l'intérieur de la barre de recherche vide. Gardez-le court et engageant : « Rechercher des produits… » fonctionne.
Adapter le design à votre boutique
Le deuxième onglet, Barre de recherche, contrôle l'apparence. Commencez par un preset, puis ajustez si nécessaire.
Choisir un preset
- Sharp : propre, rectangulaire, professionnel. Idéal pour les boutiques tech ou B2B.
- Clean : coins arrondis doux, moderne et convivial. Le défaut, utilisé par la plupart des boutiques.
- Pill Pro : complètement arrondi, très accessible, adapté à la mode.
- Custom Pro : concevez depuis zéro avec un contrôle total.
Ajuster les détails
Depuis le même onglet, vous pouvez modifier :
- Hauteur de la barre : pour correspondre à votre navigation de header.
- Rayon de bordure : l'arrondi des coins.
- Couleur et largeur de bordure : gardez-la subtile, ou supprimez-la entièrement.
- Couleurs (Pro) : fond de la barre, état de focus, texte, placeholder, bouton de recherche.
- Style du bouton de recherche : texte ou icône, à l'intérieur de la barre ou en bouton séparé.
Lire ce que vos clients recherchent
L'onglet Analytique est la fonctionnalité la moins utilisée du plugin, et l'une des plus utiles. Il vous montre ce que les acheteurs tapent, à quelle fréquence, et ce qui n'a donné aucun résultat.
Mots-clés les plus fréquents
La liste des recherches effectuées par vos clients, les plus populaires en premier. C'est précieux pour votre catalogue : si un terme apparaît souvent, assurez-vous que ce produit (ou cette catégorie) est facile à trouver depuis le menu aussi.
Recherches sans résultat
Les requêtes qui n'ont rien retourné. C'est encore plus précieux. Si 100 personnes ont cherché « manteau d'hiver » et que vous n'en vendez pas, vous venez de trouver un manque dans votre catalogue.
Conseils pour votre thème
Glance fonctionne avec chaque thème que nous avons testé. Quelques-uns ont des intégrations natives qui rendent la configuration encore plus simple.
Shoptimizer
Allez dans Personnaliser → Header → Afficher la recherche et sélectionnez Glance Live Search. Glance prend en charge l'emplacement de recherche du header. Vous n'avez pas besoin d'ajouter de shortcode.
Astra & Kadence
Glance s'ajuste automatiquement à la hauteur et l'alignement de votre header. Utilisez le widget WordPress ou un bloc Gutenberg dans votre mise en page de header et il aura l'air natif.
Divi & Elementor
Les deux constructeurs de pages sont entièrement supportés. Pour Elementor, le widget dédié est le plus simple. Pour Divi, déposez le shortcode [glance_search] dans un module Code ou Texte.
Thèmes bloc (Twenty Twenty-Four, etc.)
Dans l'Éditeur de Site, recherchez le bloc Glance Live Search et déposez-le dans votre template de header. C'est tout.
Tout autre thème
Le shortcode [glance_search] fonctionne avec 100% des thèmes. Si votre thème a un constructeur de header, vérifiez s'il a une zone de widget ou un bloc HTML. C'est généralement le meilleur endroit.
Quand quelque chose cloche
La barre de recherche apparaît sans style ou cassée
Cela arrive généralement quand la barre de recherche est ajoutée par votre thème d'une façon qui charge avant les styles de Glance. La solution : utilisez le shortcode [glance_search] à la place. Il charge toujours les styles correctement.
Mon client a cherché quelque chose d'évident et n'a eu aucun résultat
- Vérifiez que le produit est en statut Publié et non masqué du catalogue.
- Dans l'onglet Comportement, assurez-vous que SKU et description sont activés si les clients peuvent chercher par ces champs.
- Videz votre cache (si vous utilisez un plugin de cache) : parfois vous voyez des résultats périmés.
Le panneau déroulant apparaît au mauvais endroit
Certains constructeurs de pages (Elementor, Divi) décalent légèrement leur contenu. Glance corrige automatiquement en version 1.4. Si vous utilisez une version plus ancienne, mettez d'abord à jour.
Un autre plugin de recherche interfère
Si vous avez Relevanssi, SearchWP ou un autre plugin de recherche actif, désactivez-les pendant le test de Glance. Deux moteurs de recherche sur le même site se battent généralement.
Toujours bloqué ?
Les utilisateurs gratuits peuvent poster sur le forum de support WordPress.org — nous le lisons chaque jour. Les utilisateurs Pro bénéficient d'un support email prioritaire.
Quand passer à Pro
La version gratuite est vraiment utile. La plupart des boutiques n'ont jamais besoin de passer à Pro. Vous devriez regarder Pro si :
- Vous vendez des variations (couleur, taille, matière) et les clients les cherchent directement.
- Vous avez un grand catalogue et 5 résultats par requête ne suffisent pas.
- Vous voulez que la barre de recherche corresponde exactement aux couleurs de votre marque.
- Vous voulez un filtre catégorie intégré dans la barre de recherche.
- Vous voulez exporter votre analytique vers Excel ou analyser des périodes plus longues.
- Votre boutique est multilingue (WPML ou Polylang).