Comment ajouter une recherche facettée comme Amazon à un site WordPress
Si vous avez récemment acheté quelque chose sur Amazon ou ebay, vous avez certainement utilisé la recherche facette. Il s’agit d’une technologie qui permet aux utilisateurs d’utiliser des « faces » pour réduire la portée du contenu qu’ils veulent. Par exemple, si vous cherchez un nouveau lecteur à l’état solide, vous devrez peut – être vérifier les options pour préciser la taille que vous recherchez, la gamme de prix et si l’expédition est disponible dans votre pays. Selon une liste de sites Web conçus et développés, la navigation à facettes multiples est probablement l’innovation de recherche la plus importante de la dernière décennie. Pour les sites Web de commerce électronique, la recherche fractionnée est devenue une fonction de base et une attente des utilisateurs.
Bien que WordPress n’offre pas de recherche Facet prête à l’emploi, facetwp est un excellent plugin qui vous permet d’ajouter cette fonctionnalité à votre site. Dans cet article, je vais passer en revue quelques bons exemples de recherche en ligne par patch et comment les configurer sur votre site. Recherche et navigation par facettes la recherche et la navigation par facettes sont une méthode utile qui permet aux utilisateurs de filtrer ce qu’ils recherchent selon différents critères. Il s’agit d’une approche très pratique pour gérer les options de recherche pour les grands ensembles de données, et vous verrez son utilisation sur la plupart des grands sites de commerce électronique: Amazon et ebay en sont des exemples typiques. C’est une façon intelligente de permettre aux utilisateurs de raccourcir rapidement leur sélection tout en étant toujours en mesure de rechercher des éléments très spécifiques.
Le visage est essentiellement une catégorie qui vous permet de grouper et de filtrer des objets dans le contexte des résultats de recherche ou des vues générales. Cela implique généralement l’accès à des champs de métadonnées cachés, tels que les options de RAM mises en évidence sur Amazon ci – dessous.
La terminologie de l’interface utilisateur peut varier considérablement: Vous pouvez voir que les cases à cocher, les menus déroulants, les sélecteurs de plage et les curseurs sont distribués sur différents sites. Une autre option courante que vous verrez est de filtrer les résultats en temps réel en fonction de vos actions, une bonne façon d’accélérer la recherche globale.
Comme le souligne Creative bloq dans son excellent article sur la navigation par facettes, cette approche présente deux avantages clés: la prochaine essence de la recherche par facettes correspond à la façon dont les gens ont tendance à chercher quelque chose naturellement, par exemple en analysant progressivement ce qu’ils recherchent réellement. Cela permet aux gens de rester plus longtemps sur le site parce qu’ils veulent naturellement parcourir les résultats filtrés, comme les comparaisons de produits. Le site de commerce électronique du géant de la mode Prada permet une navigation ultra rapide, réactive et polyvalente pour aider les clients à trouver rapidement et précisément ce qu’ils veulent. En cliquant sur un aspect, la page est immédiatement réorganisée pour afficher le contenu disponible. Il s’agit là d’un bon exemple des multiples options qui peuvent réellement fonctionner dans un environnement de commerce électronique. Prada e – Commerce Multi – Aspects navigation. Zappos a réalisé un saut qualitatif dans de nombreux choix. Parcourez n’importe où sur leur site Web et vous verrez les différentes catégories d’options affichées avec la liste réelle des produits, allant de la marque, la couleur et l’occasion à des choix très spécifiques comme la hauteur du talon des bottes. En tant que l’un des détaillants en ligne les plus réussis au monde, il a clairement reconnu la valeur ajoutée que la navigation Multi – facettes apporte à ses clients et a décidé de se concentrer sur ce point. Intégration avec les plug – ins multilingues wpml et polyling populaires.
Vous pouvez découvrir les options disponibles en visitant la page de présentation, où vous verrez les neuf aspects disponibles. Vous pouvez utiliser des options telles que des cases à cocher, des menus déroulants, des sélecteurs de hiérarchie, des barres de défilement, des barres de recherche (y compris l’auto – achèvement), des sélecteurs de plage de date, des sélecteurs de plage numérique et de nouveaux types de faces d’approche géographique. Tout ceci est basé sur Ajax afin que vos utilisateurs puissent profiter de mises à jour instantanées qui reflètent leurs choix lors de la navigation.
Comme vous vous y attendiez pour les plug – ins avancés, facetwp fournit également une documentation fiable et une série de crochets que les développeurs peuvent utiliser s’ils veulent personnaliser. Passons maintenant à l’utilisation réelle du plug – in. Une fois que facetwp startup a acheté, installé et activé le plug – in, vous verrez une nouvelle entrée dans le menu administration sous paramètres > facetwp. Activez facetwp. Après l’entrée, sélectionnez l’onglet paramètres et saisissez la clé de licence dans la case appropriée. Si tout se passe bien, vous devriez recevoir un message disant \
Avant de commencer à utiliser facetwp, deux concepts clés doivent être clarifiés: Facet: Ce sont les mêmes éléments d’interface utilisateur utilisés pour trier les données. Vous pouvez les ajouter au Widget et à la page via un raccourci ou PHP. Modèles: Ce sont les contextes d’utilisation. Vous avez un contrôle total sur la façon dont les éléments de contenu sont affichés à travers le modèle. Par exemple, si vous avez un site de musique, vous définissez tous les aspects pour couvrir différents types de catégories selon lesquelles vous voulez que les utilisateurs
Affichage et utilisation réels des faces. Créer un modèle de visage si vous n’utilisez pas le modèle de visage, vous ne serez pas en mesure d’utiliser le mécanisme Facet: facetwp pour identifier le contenu à filtrer par facetwp. En termes d’utilisation, vous avez deux options: la méthode de classe CSS: Si vous vous Intégrez à une page de recherche ou d’archive existante, vous pouvez choisir d’ajouter simplement la classe de modèle CSS facetwp à l’élément conteneur autour de la boucle. Ce n’est pas le chemin que nous allons suivre, mais vous trouverez plus d’informations à ce sujet sur la page d’aide de facetwp. Méthode shortcode: avec cette option, vous pouvez utiliser le puissant générateur de requêtes intégré facetwp pour contrôler complètement la sortie du contenu. C’est l’option que nous étudierons. Lorsque vous allez aux paramètres > facetwp > templates, vous verrez qu’un modèle de présentation nommé par défaut est déjà configuré. Comme dans l’exemple de face précédent, le fait de passer le curseur sur un élément vous indique quel est son code court. Cependant, l’action réelle est intérieure. Modèle dans facetwp. Votre modèle est confronté à deux problèmes: quelles données seront récupérées et comment elles seront affichées. Le champ Sujet de la requête est basé sur la requête wp \ U et contrôle la liste des contenus réellement récupérés. Si vous n’êtes pas entièrement satisfait de la construction de ces types de requêtes à partir de zéro, incluez également un générateur de requêtes pratique. Générateur de requêtes facetwp. Comme vous pouvez le voir, vous avez un ensemble fiable d’options pour récupérer les messages ici et, si nécessaire, vous pouvez ajouter des contrôles pour la taxonomie et les champs personnalisés. La section codes de visualisation de l’écran modèle vous permet de contrôler avec précision la façon dont les résultats retournés sont affichés. L’utilisation efficace suppose que vous avez de l’expérience avec les modèles et que vous n’avez pas peur de détruire certains PHP. Présence
La familiarisation avec l’utilisation des requêtes WP _ peut également vous aider. Mais les principes de base sont simples. Si nous examinons l’exemple de code dans le modèle par défaut ci – dessous, vous verrez qu’il ne publie qu’un titre de lien pour chaque résultat. Chargement du contenu sur Power \/ af26ff6483403de070ab, voyons maintenant comment l’ajouter à votre site. Ajouter des aspects au site en fait, il est très facile d’obtenir des options d’aspect dans le site. Nous devons faire deux choses: ajouter l’aspect lui – même au Widget avec le Code court. Utilisez des raccourcis clavier pour ajouter des modèles à la page. Je vais lancer [facetwp face = \