Cómo agregar una búsqueda similar a Amazon similar a su sitio web de WordPress

Si ha comprado algo recientemente en Amazon o eBay, sin duda usó la búsqueda de la cara. Es una técnica que permite a los usuarios restringir lo que buscan usando “facetas”. Por ejemplo, si está buscando una nueva unidad SSD, puede verificar las opciones para especificar el tamaño que está buscando indudablemente, la innovación de búsqueda más significativa de la última década. Para los sitios de comercio electrónico, la búsqueda de faceta se ha convertido en una característica esencial y que los usuarios esperan.
Si bien WordPress no ofrece búsqueda de facetas inmediata, FACETWP es un complemento fantástico que le permite agregar esta función en su sitio. Presentaré algunos excelentes ejemplos de facetas en línea y cómo configurarla en su propio sitio. La búsqueda y la búsqueda de facetas de navegación con facetas y navegar con facetas son formas útiles de permitir a los usuarios filtrar lo que buscan en diferentes criterios. Es una forma increíblemente útil de administrar las opciones de búsqueda para grandes conjuntos de datos y lo verá en uso en la mayoría de los grandes sitios de comercio electrónico-amazon y eBay son ejemplos clásicos. Es una forma inteligente de permitir a los usuarios reducir rápidamente sus selecciones, poder buscar artículos muy específicos.
Las “facetas” son esencialmente categorías por las cuales los objetos se pueden agrupar y filtrar en el contexto de los resultados de búsqueda o la pantalla general. Esto generalmente implicará acceder a los campos de metadatos debajo del capó, como en las opciones de RAM destacadas en Amazon. La faceta de Amazon muestra las facetas a la izquierda de la página y los valores de las facetas seleccionadas en la parte superior.

La implementación efectiva de esto en términos de interfaz de uso puede variar considerablemente que puede esperar ver cuadros de selección, menús desplegables, selectores de intervalos y diapositivas, todos implementados en diferentes sitios. Otra opción común que verá es el filtrado real de los resultados en respuesta a sus acciones: un toque agradable destinado a acelerar su búsqueda general.
Como el Bloq creativo enfatiza en su excelente artículo sobre la navegación faceta, algunas ventajas clave vienen con este enfoque:
La naturaleza sucesiva de la búsqueda de la cara importa la forma en que las personas tienden a acercarse naturalmente a buscar algo, es decir, concentrarse gradualmente en lo que realmente siguen.
Mantenga a los usuarios en los sitios más tiempo, porque naturalmente querrán navegar los resultados filtrados, por ejemplo, para comparar los productos.
Ejemplos de búsqueda del sitio web de facetas en línea El gigante de la moda electrónica Prada implementa una navegación y facetas receptivas súper rápidas para ayudar a los clientes a encontrar exactamente lo que están buscando. Haga clic en una faceta y la página se reorganiza instantáneamente para mostrarle lo que está disponible. Es un gran ejemplo de la forma en que las opciones realmente pueden sobresalir en un comercio electrónico.
Zappos eleva las cosas a un nivel superior cuando se trata de opciones con facetas. Explore en cualquier lugar de su sitio y verá una amplia gama de opciones de categoría que se muestran junto a las listas de productos reales, que cubren todo, desde marca, color y ocasión hasta opciones muy específicas, como la altura de las botas. Siendo uno de los minoristas en línea más exitosos del mundo, han identificado claramente el valor adicional que navega por sus clientes y decidió hacer todo.

Opciones de búsqueda fallidas abundantemente en Zappos.
Como hemos visto con la implementación de la presa, cualquier cambio realizado en la selección se refleja instantáneamente en la pantalla para minimizar los dolores de cabeza para compradores ansiosos que desean alcanzar la compra directamente.

¿Pero las opciones predeterminadas de WordPress? Como todos sabemos, se puede hacer que WordPress haga casi cualquier cosa que pueda pensar en un poco de bacalao personalizado. Sin embargo, directamente desde el cuadro, el soporte para navegar por la faceta o la búsqueda es casi no existente. La capacidad de clasificar el contenido es ciertamente en forma de combinaciones creativas de categorías y etiquetas. Los campos personalizados también se pueden agregar al contenido si va solo en la ruta de codificación. Sin embargo, no hay una combinación fácil de estas opciones que le brindan el poder que la funcionalidad ofrece. Las octuras como las categorías y las etiquetas son dispositivos de navegación, pero las cosas no son excelentes cuando se trata de la búsqueda predeterminada. Si está tratando con una cantidad decente de contenido del que desea que los usuarios puedan extraer rápidamente, generalmente busca mejorar las opciones de búsqueda de complementos o ejecutar las suyas propias.
FACETWP implementa la búsqueda y navegación de facetas para sitios de WordPress.
FACETWP es un complemento premium que ofrece opciones de filtro avanzadas para sitios de WordPress y verdaderas facetas. Las licencias básicas lo cubren para tres sitios y un año de asistencia y cuestan $ 79. Una licencia profesional que cubre sitios ilimitados también está disponible para USD 199.
El software también proporciona una gama de suplementos que le permiten integrarse con otros complementos de búsqueda, como SearchWP y Relevansi, y agregar funcionalidades adicionales, como el filtrado por color y el listado alfabético. La integración con los populares complementos WPML y Polylang multilingües también está disponible. Puede obtener un refrigerio de opciones disponibles visitando las páginas demostrativas donde verá todos los nueve tipos disponibles en acción. Las opciones que tiene disponibles son los cuadros de selección, los menús de caída, los selectores de jerarquía, las diapositivas, las barras de búsqueda (incluida la finalización automática), el rango de datos, los selectores de rango de números y el nuevo tipo de proximidad para la geolocalización. Todo esto se basa en AJAX, por lo que sus usuarios disfrutarán de actualizaciones instantáneas que reflejan sus opciones mientras navegan. Después de esperar un complemento premium, FACETWP también ofrece documentación sólida y una gama de ganchos que los desarrolladores pueden usar si desean personalizar. Ahora pasemos al uso real del complemento. Nociones introductorias con FACETWP Después de haber comprado, instalado y activado el complemento, verá una nueva entrada en el menú Administrador en Setti> FACETWP.

Activación de FACETWP.
Después de ingresar allí, seleccione la pestaña Configuración e ingrese la clave de licencia en el cuadro apropiado. Si todo está bien, debe recibir un mensaje que diga “¡Todo listo, gracias por activar!” Después de que el complemento sonó con éxito en casa.
Hay dos conceptos clave para entenderlo antes de comenzar a usar FACETWP:
Facetas: estos son los elementos IU que se utilizarán para ordenar sus datos, puede agregarlos mediante códigos cortos o PHP a widgets y páginas. Tiene control total sobre cómo los elementos de contenido serán mostrados por plantillas.

Para tomar un ejemplo concreto, si tuviera un sitio de música, configuraría facetas individuales para cubrir diferentes tipos de categorías que le gustaría cuidar: género, artista, precio, etc. Aquí controla la integración de datos y decide cuáles serán las opciones de interfaz de usuario.
Luego configuraría una página de plantilla de música donde se mostrarán los resultados. La plantilla controla la selección inicial de contenido, informa a WordPress que este es contenido que se puede hacer y le permite controlar cómo se muestran los elementos. En el caso de nuestras listas de música, podríamos decidir mostrar una miniatura de la portada del álbum y algunos metadatos del artista para simplificar las cosas. Configurar facetas Al navegar Configuración> Facetwp> Facets, verá que ya está configurado una faceta demostrativa llamada categorías. Pase el mouse sobre el artículo y verá el código corto, como se ilustra a continuación. Lo usaremos pronto.
La faceta de las categorías predeterminadas.
Una vez que ingresa a la faceta, las cosas son hermosas y simples. Verá un campo de etiqueta y opciones para seleccionar el tipo de faceta (las nueve opciones que mencionamos anteriormente) y la fuente de datos. A continuación, estarán disponibles otras configuraciones que varían según el tipo de faceta para la que haya optado.
Si hacemos clic en el campo de origen de datos, verá que hay una gran cantidad de opciones para elegir y que se toman todos los campos personalizados, por lo que puede ser tan específico como desee aquí.
Una vez que haya realizado las selecciones, haga clic en Guardar los cambios y reindex para activar el backstage que hace que todo sea posible. Si está tratando con un sitio de contenido muy rico, Reindex puede tomarse uno o dos minutos, pero hay una práctica barra de progreso para mantenerlo actualizado. En cuanto a agregar facetas al sistema, esto es realmente todo lo que tiene que hacer. Algunos clics son realmente todo lo que necesita para configurar una nueva faceta y conectarla a los datos correctos. Ahora pasemos a la pantalla real y al uso de facetas. Crear una plantilla faceta no podrá usar facetas sin usar una plantilla de faceta: son el mecanismo por el cual FACETWP reconoce que hay contenido que se filtrará. En cuanto a su uso, tiene dos opciones:

Método de clase CSS: si se integra con las páginas de búsqueda o archivo existentes, tiene la opción de simplemente agregar la clase CSS de plantilla facetwp a un contenedor que rodea el bucle. Este no es el camino al que iremos, pero puede encontrar más información al respecto en las páginas de ayuda FACETWP.

Método de código corto: con esta opción, use el potente generador de consultas incorporado de FACETWP para tomar el control total sobre el resultado de su contenido. Esta es la opción que analizaremos.
Cuando explore las plantillas Configuración> FACETWP>, verá una plantilla demostrativa llamada predeterminado ya está configurada. Como en nuestro ejemplo de facetas anteriores, el mouse sobre el elemento le dirá cuál es su código corto. Pero la acción real está dentro.

Dé dos problemas con su plantilla: qué datos se tomarán y cómo mostrar. El campo de los argumentos de consulta se basa en WP_QUEY y controla qué lista de contenido se tomará realmente. Si no se siente 100% cómodo para construir este tipo de consultas en la cabeza, también se incluye un práctico generador de consultas.

Generador de consultas FACETWP.
Como puede ver, tiene un conjunto sólido de opciones para tomar publicaciones aquí y puede agregar verificaciones para taxonomía y campos personalizados. El código de visualización de la pantalla de plantilla le permite controlar exactamente cómo se mostrarán los resultados devueltos. El uso efectivo implica que tiene una cierta experiencia en el uso de plantillas y que no está aterrorizado de la idea de hacer estallar un poco de PHP. Estar cómodo con el uso de WP_QUEY también será para su ventaja aquí. Sin embargo, el principio básico es simple. Si observamos el ejemplo del código en la plantilla predeterminada a continuación, verá que simplemente elimina un título atado para cada resultado.
Gist Tomewer/AF26FF6483403DE070AB está cargado
Ahora veamos la adición efectiva de todas estas cosas en un sitio. Agregar facetas en su sitio web en realidad, presentar opciones de facetas en su sitio es bastante simple. Necesitamos hacer dos cosas:
Agregue las facetas a través de un código corto a un widget.

Agregue la plantilla a una página a través del código corto. Comenzaré ingresando el código corto [FACETWP FACE = “Categoría”] en un widget de texto en mi barra lateral. Luego, creé una página personalizada llamada mis facetas y agregué el código corto de la plantilla [FACETWP Template = “Predeterminado”] como se muestra a continuación.
Agregar plantillas a través del código corto.

Una visita de página rápida y puedo ver mis opciones de búsqueda en categorías de facetas que se muestran en la barra lateral en forma de cuadros de selección y puedo pasar rápidamente entre diferentes vistas en la página misma.
Cajas de selección de facetas que se muestran en la barra lateral.
No es una configuración de búsqueda que aún ofrecerá noches de Amazon, pero muestra cuán simples pueden ser la apariencia y la operación. Para obtener una imagen general más completa del tipo de opciones disponibles para usted, asegúrese de consultar las páginas demostrativas de FACETWP, donde verá las facetas individuales durante toda su gloria.
Una gama más completa de facetas de demostración en acción.
Terminar agregar facetas y navegar en combinación es una idea si ejecuta un sitio web con contenido rico o cualquier tipo de comercio electrónico con más que un pequeño conjunto de productos. Se ha demostrado que la opción aumenta la adhesividad y las ventas del sitio y le dará a su audiencia una forma sustancialmente más intuitiva de obtener los mejores resultados de su contenido. Al darle al mismo tiempo una enorme cantidad de flexibilidad en términos de cómo puede Úselo mejor. Realmente estás limitado solo por tu imaginación con él.
Me encantaría escuchar sus opiniones sobre el uso de elementos de búsqueda y navegación en los sitios.¿Lo haces actualmente o lo vas a hacer?Háganos saber en los comentarios a continuación.
Búsqueda de la cara