Remplace l'icône de recherche par une barre de recherche prédictive complète dans l'en-tête. Résultats en direct avec images et prix.
Want more control? See the expanded prompt ›
Remplace l'icône de recherche par une vraie barre de recherche prédictive dans l'en-tête. Résultats en direct pendant que l'acheteur tape : produits (avec image et prix), collections et articles. Les recherches récentes sont sauvegardées dans le localStorage. S'ouvre en plein écran sur mobile.
- Résultats en direct au fil de la frappe via Shopify Search & Discovery.
- Affiche des produits, collections et articles dans un panneau de résultats regroupés.
- S'ouvre en plein écran sur mobile avec autofocus.
- Recherches récentes sauvegardées dans le localStorage.
Ce que vous essayez de faire
Sur les boutiques avec de vastes catalogues, les clients qui font une recherche convertissent souvent mieux que ceux qui naviguent simplement. Cacher la recherche derrière une icône de loupe vous coûte des ventes. Une barre prédictive bien visible, avec des images et des suggestions pendant que le client tape, transforme la recherche de « dernier recours » en « chemin le plus rapide vers le produit ».
Points de vigilance
- Qualité de la recherche : Fudge utilise la recherche prédictive de Shopify, ajustée par l'application Search & Discovery, pour des résultats précis.
- UX mobile : la recherche s'ouvre en plein écran avec autofocus et suggestions instantanées.
- Performances : les requêtes utilisent un debounce (250 ms) pour que la barre n'envoie pas de requête à chaque frappe.
- État vide : Fudge affiche les recherches récentes + les catégories populaires quand le champ de saisie est vide.
Comment Fudge procède
Fudge duplique votre thème en ligne dans un brouillon, construit la section comme une section Shopify modifiable avec le placement et le comportement que votre prompt requiert, et la connecte à vos vraies données produits et à votre identité de marque. Tout commence en brouillon — prévisualisez sur votre boutique, ajustez via l'éditeur de thème, et ne publiez que lorsque vous êtes prêt. Votre boutique en ligne reste intacte.
Pourquoi la recherche prédictive bat l’icône de recherche
Cacher la recherche derrière une icône nuit au taux de conversion. Une barre de recherche prédictive complète dans le header, avec des résultats au fur et à mesure que les clients tapent, permet à ceux qui savent ce qu’ils veulent d’y accéder directement, en sautant complètement l’étape de la navigation.
Quand cela vaut la peine d’être mis en place
Ajoutez la recherche prédictive pour tout catalogue de plus de ~50 produits. À éviter pour les petits catalogues où la navigation est plus rapide que la recherche.
Ce qui la rend performante
- Résultats en direct pendant la saisie — rapides, avec debounce.
- Produits + collections + articles dans les résultats — exhaustif.
- Recherches récentes sauvegardées dans le localStorage — avantageux pour les acheteurs réguliers.
- Ouverture en plein écran sur mobile — adapté aux exigences de l’UX tactile.
Associez cela au méga menu et à la refonte du menu mobile.
Fudge crée cela avec son éditeur de boutique.