Comment ajouter une recherche facettée comme Amazon à un site WordPress

avez récemment acheté quelque chose sur Amazon ou ebay, avez certainement utilisé la recherche facette. Il samp;rsquoagit damp;rsquoune technologie qui permet aux utilisateurs damp;rsquoutiliser des « faces » pour réduire la portée du contenu quamp;rsquoils veulent. Par exemple, si cherchez un nouveau lecteur à lamp;rsquoétat solide, devrez peut être vérifier les options pour préciser la taille que recherchez, la gamme de prix et si lamp;rsquoexpédition est disponible dans votre pays. Selon une liste de sites Web conçus et développés, la navigation à facettes multiples est probablement lamp;rsquoinnovation 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 permet d’ajouter cette fonctionnalité à votre site. Dans 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 quamp;rsquoils recherchent selon différents critères. Il samp;rsquoagit damp;rsquoune approche très pratique pour gérer les options de recherche pour les grands ensembles de données, et verrez son utilisation sur la plupart des grands sites de commerce électronique: Amazon et ebay en sont des exemples typiques. Camp;rsquoest 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 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 lamp;rsquoaccès à des champs de métadonnées cachés, tels que les options de RAM mises en évidence sur Amazon ci dessous. Amazon Facet Search affiche Facet sur le côté gauche de la page et la valeur de Facet sélectionnée en haut. Mise en œuvre effective
La terminologie de lamp;rsquointerface 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 verrez est de filtrer les résultats en temps réel en fonction de vos actions, une bonne façon damp;rsquoaccé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 quamp;rsquoils recherchent réellement. Cela permet aux gens de rester plus longtemps sur le site parce quamp;rsquoils 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 quamp;rsquoils veulent. En cliquant sur un aspect, la page est immédiatement réorganisée pour afficher le contenu disponible. Il samp;rsquoagit là damp;rsquoun 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 namp;rsquoimporte où sur leur site Web et verrez les différentes catégories damp;rsquooptions affichées avec la liste réelle des produits, allant de la marque, la couleur et lamp;rsquooccasion à des choix très spécifiques comme la hauteur du talon des bottes. En tant que lamp;rsquoun 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ù 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 lamp;rsquoauto achèvement), des sélecteurs de plage de date, des sélecteurs de plage numérique et de nouveaux types de faces damp;rsquoapproche 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 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 samp;rsquoils veulent personnaliser. Passons maintenant à lamp;rsquoutilisation réelle du plug in. Une fois que facetwp startup a acheté, installé et activé le plug in, verrez une nouvelle entrée dans le menu administration sous paramètres amp;gt facetwp. Activez facetwp. Après lamp;rsquoentrée, sélectionnez lamp;rsquoonglet paramètres et saisissez la clé de licence dans la case appropriée. tout se passe bien, 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 damp;rsquointerface 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 damp;rsquoutilisation. 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 avez un site de musique, définissez tous les aspects pour couvrir différents types de catégories selon lesquelles voulez que les utilisateurs
Affichage et utilisation réels des faces. Créer un modèle de visage si namp;rsquoutilisez pas le modèle de visage, ne serez pas en mesure damp;rsquoutiliser le mécanisme Facet: facetwp pour identifier le contenu à filtrer par facetwp. En termes damp;rsquoutilisation, avez deux options: la méthode de classe CSS: Intégrez à une page de recherche ou damp;rsquoarchive existante, pouvez choisir damp;rsquoajouter simplement la classe de modèle CSS facetwp à lamp;rsquoélément conteneur autour de la boucle. Ce namp;rsquoest pas le chemin que nous allons suivre, mais trouverez plus damp; à ce sujet sur la page damp;rsquoaide de facetwp. Méthode shortcode: avec cette option, pouvez utiliser le puissant générateur de requêtes intégré facetwp pour contrôler complètement la sortie du contenu. Camp;rsquoest lamp;rsquooption que nous étudierons. Lorsque allez aux paramètres amp;gt facetwp amp;gt templates, verrez quamp;rsquoun modèle de présentation nommé par défaut est déjà configuré. Comme dans lamp;rsquoexemple de face précédent, le fait de passer le curseur sur un élément indique quel est son code court. Cependant, lamp;rsquoaction 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. namp;rsquoê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 pouvez le voir, avez un ensemble fiable damp;rsquooptions pour récupérer les messages ici et, si nécessaire, pouvez ajouter des contrôles pour la taxonomie et les champs personnalisés. La section codes de visualisation de lamp;rsquoécran modèle permet de contrôler avec précision la façon dont les résultats retournés sont affichés. Lamp;rsquoutilisation efficace suppose que avez de lamp;rsquoexpérience avec les modèles et que namp;rsquoavez pas peur de détruire certains PHP. Présence
La familiarisation avec lamp;rsquoutilisation des requêtes WP _ peut également aider. Mais les principes de base sont simples. nous examinons lamp;rsquoexemple de code dans le modèle par défaut ci dessous, verrez quamp;rsquoil ne publie quamp;rsquoun titre de lien pour chaque résultat. Chargement du contenu sur Power af26ff6483403de070ab, voyons maintenant comment lamp;rsquoajouter à votre site. Ajouter des aspects au site en fait, il est très facile damp;rsquoobtenir des options damp;rsquoaspect dans le site. Nous devons faire deux choses: ajouter lamp;rsquoaspect 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 =

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins