Recherche

Liens en vedette

1. Documentation Company XYZ sur les paramètres de recherche prédictive
2. Application Search & Discovery
3. Documentation Company XYZ sur le bloc Search
4. Documentation Company XYZ sur l’utilisation de vidéos
5. Documentation Company XYZ sur les icônes
6. Documentation Company XYZ sur les paramètres de couleurs de bannière
7. Documentation Company XYZ sur les paramètres de carte
8. Documentation Company XYZ sur les paramètres de visibilité
9. Documentation Shopify sur les sections et les blocs

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Ce bloc ajoute un champ de recherche avec des résultats en direct facultatifs, des suggestions par défaut sélectionnées et un contenu de bannière promotionnelle. Utilisez-le lorsque vous souhaitez que la recherche fasse plus que accepter des requêtes et guide activement les clients vers des produits, des collections ou des pages clés. Pour un aperçu plus large du fonctionnement des blocs dans les thèmes, consultez documentation Shopify sur les sections et les blocs

Paramètres de base

Les principaux paramètres de texte façonnent la première impression de l’expérience de recherche. Utilisez le texte de remplacement pour indiquer aux clients ce qu’ils peuvent rechercher, et gardez le libellé du bouton court afin qu’il s’intègre confortablement dans toutes les mises en page.

Dans la plupart des cas, une formulation simple fonctionne le mieux. Des invites claires sont plus faciles à parcourir que des phrases de marque qui rendent le champ moins évident.

Paramètres de recherche prédictive

Ce groupe contrôle l’expérience de recherche en direct qui apparaît pendant que les clients saisissent du texte. Il vous permet également de façonner l’état vide avec des liens par défaut sélectionnés afin que le bloc reste utile avant qu’une requête ne soit saisie.

La recherche prédictive en temps réel nécessite que l’application Search & Discovery soit installée et configurée. Consultez les références fournies par la source pour les paramètres de recherche prédictive, l’application Search & Discovery et la Recherche canonique.

Les paramètres de ce groupe s’appliquent uniquement lorsque la recherche prédictive est active. Si les résultats en direct ne sont pas disponibles, ces contrôles ne modifieront pas l’expérience de recherche comme prévu.

Utilisez les menus de résultats par défaut et secondaires pour transformer l’état de recherche vide en un panneau de découverte utile. Les collections populaires, les destinations saisonnières, les pages d’assistance ou les catégories courantes fonctionnent généralement mieux ici que de longs menus profondément imbriqués.

Si vous laissez le titre des résultats par défaut vide, le nom du menu est utilisé à la place. Vérifiez ce libellé de menu avec attention afin que le panneau de recherche conserve une intention claire.

La bannière facultative et la barre de fonctionnalités peuvent ajouter du merchandising et de la réassurance, mais elles doivent soutenir la recherche plutôt que lui faire concurrence. Si le panneau commence à paraître encombré, simplifiez le contenu environnant avant de réduire la visibilité des résultats.

Arrière-plan de la bannière

Ce groupe contrôle l’arrière-plan de la zone de bannière facultative. Vous pouvez utiliser une image ou une vidéo et ajuster la façon dont le média d’arrière-plan s’adapte à l’espace.

Un média d’arrière-plan spécifique au mobile est utile lorsque le recadrage sur ordinateur ne se transpose pas bien sur des écrans plus petits. C’est particulièrement important lorsque le visuel inclut du texte, des personnes ou des produits près des bords.

Choisissez un média qui laisse encore de la place pour un contenu au premier plan lisible. Un asset visuellement fort n’est utile que si les titres, les boutons et le texte d’accompagnement restent faciles à parcourir.

Astuce

Utilisez des assets d’arrière-plan dédiés au mobile lorsque votre média sur ordinateur dépend d’un recadrage large. Cela vous offre généralement un meilleur cadrage et un contraste de texte plus net sur les écrans plus petits.

Pour les bonnes pratiques de configuration vidéo, consultez using video.

Premier plan de la bannière

Ce groupe vous permet de superposer un contenu promotionnel sur l’arrière-plan de la bannière. Vous pouvez ajouter une icône, une légende, un titre, un sous-titre et un appel à l’action, puis positionner ce contenu dans la bannière.

Les champs vides sont simplement masqués, ce qui vous permet de garder cette zone minimale ou de construire un message promotionnel plus complet. Dans la plupart des cas, un titre clair, une courte ligne d’accompagnement et une action fonctionneront mieux qu’une pile de contenu dense.

Choisissez le type de titre en fonction de la hiérarchie de la page environnante. L’objectif est de donner à la bannière une structure claire sans éclipser le contenu voisin.

Si vous ajoutez un bouton, gardez une formulation directe et axée sur l’action. Les paramètres de mise en page, d’icône et de style aident à affiner la présentation, mais le style du lien a le plus grand impact sur le comportement de la bannière.

Attention

Le choix d’un style de lien sur tout le bloc supprime les liens du texte du sous-titre. Utilisez-le uniquement lorsque vous souhaitez que toute la zone de bannière serve de cible principale de clic.

Si vous utilisez des icônes, vous pouvez saisir un emoji ou un nom d’icône pris en charge. Pour des indications sur les icônes, consultez icons.

Média de premier plan de la bannière

Utilisez ce groupe pour ajouter une image au premier plan à côté du texte de la bannière, comme un logo, un badge, un détouré de produit ou un visuel de campagne. Ce média apparaît avec le contenu de premier plan plutôt qu’en arrière-plan.

Les largeurs d’image plus petites conviennent bien aux logos et aux accents décoratifs, tandis que les largeurs plus grandes conviennent aux visuels de produit ou aux visuels promotionnels marquants. Si vous définissez la largeur sur 0, l’image peut s’étendre sur l’espace disponible ; vérifiez donc attentivement le résultat sur les petits écrans.

Si vous ajoutez un lien à l’image, gardez-le aligné sur le message de la bannière. Des destinations distinctes dans une bannière compacte peuvent rendre le bloc moins ciblé.

Couleurs de la bannière

Ce groupe vous permet de remplacer les choix de couleurs globaux du thème pour la zone de bannière. Utilisez-le lorsque la bannière de recherche a besoin d’une identité visuelle plus forte ou lorsque votre média d’arrière-plan a besoin d’un meilleur contraste.

Les couleurs de superposition et de texte sont généralement les contrôles les plus importants ici. Une superposition subtile peut préserver l’apparence d’une image ou d’une vidéo tout en rendant les titres, le texte et les actions beaucoup plus faciles à lire.

Privilégiez la lisibilité plutôt que l’harmonisation décorative des couleurs. Si la bannière inclut du texte ou des actions, assurez-vous qu’ils restent clairs dans les vues ordinateur et mobile.

Pour en savoir plus sur ces contrôles, consultez Paramètres de couleur de bannière.

Paramètres standard du bloc

Paramètres de carte

Ces paramètres partagés contrôlent la présentation des résultats sous forme de carte dans ce bloc. Utilisez-les pour aligner les cartes de résultats avec le reste de votre boutique ou pour donner aux résultats de recherche un traitement visuel plus distinct.

Les choix les plus marquants sont le style de carte, le ratio d’image et la quantité de texte affichée par chaque carte. Si les clients sont susceptibles de parcourir rapidement plusieurs résultats, privilégiez des cartes faciles à parcourir plutôt que des mises en page qui rendent chaque résultat trop haut.

Pour la référence partagée, consultez Paramètres de carte.

Paramètres de visibilité

Utilisez ces paramètres pour afficher ou masquer le bloc selon la taille de l’appareil. Ils sont particulièrement utiles lorsque vous souhaitez une présentation de recherche différente sur ordinateur et sur mobile.

Si vous masquez ce bloc sur une taille d’appareil, assurez-vous qu’un autre point d’entrée de recherche clair y est disponible. Pour la référence partagée, consultez Paramètres de visibilité.

Paramètres de l’éditeur

Ces paramètres affectent uniquement la manière dont le bloc est nommé dans l’éditeur. Un titre d’éditeur personnalisé est utile lorsque vous utilisez plusieurs blocs Search ou souhaitez identifier plus facilement une version spécifique à une campagne.

Notes d’utilisation

1. Prévoyez deux états de recherche. L’état vide et l’état après saisie peuvent répondre à des objectifs différents, alors donnez à chacun une intention claire.
   1. Utilisez un contenu par défaut sélectionné pour guider la première navigation.
   2. Gardez les résultats en direct centrés sur les correspondances les plus utiles.
2. Examinez les deux vues. Les contrôles de bureau et de mobile peuvent modifier la mise en page, l’alignement et le comportement du média ; vérifiez donc les deux tailles avant de publier.
   1. Vérifiez que le texte de la bannière reste lisible.
   2. Assurez-vous que les recadrages du média soutiennent toujours le message.
3. Gardez des choix de style délibérés. Les valeurs vides ou au style par défaut préservent généralement l’apparence de repli du thème, tandis que des couleurs, dégradés ou remplacements de média explicites rendent la zone plus personnalisée.
4. Utilisez les médias avec précaution. Les images et les vidéos peuvent affecter le recadrage, le chargement, le repli et la lisibilité, en particulier lorsque les assets de bureau et de mobile diffèrent.
5. Favorisez la clarté du formulaire. Gardez les libellés, les invites et tout message de succès ou d’erreur faciles à lire afin que les clients puissent rechercher sans confusion.