Cómo agregar la búsqueda de autocompletar a su sitio de WordPress

Una barra de búsqueda de autocompletar está en todas partes en estos días. Si usa un motor de búsqueda, lo más probable es que a menudo reconozca lo que está buscando antes de que pueda terminar de escribir y comenzará a mostrarle sugerencias para ahorrar tiempo.

Aunque WordPress incluye la función de búsqueda lista para usar, no admite de forma nativa la "búsqueda de autocompletar" o la "búsqueda en vivo", que son los dos nombres más comunes para esta función. Sin embargo, con la ayuda del complemento correcto, puede implementar un cuadro de búsqueda fácilmente.

En este artículo, le presentaremos tres complementos de búsqueda de autocompletar de WordPress que puede usar y cómo comenzar con cada uno de ellos. Luego hablaremos sobre cómo implementar la búsqueda de autocompletar en WordPress de forma manual. ¡Pongámonos a trabajar!

¿Por qué es importante la búsqueda automática?

En estos días, los usuarios esperan encontrar las respuestas que necesitan rápidamente. A medida que los motores de búsqueda se vuelven cada vez más precisos, las personas se acostumbran a encontrar las páginas y el contenido que coinciden con su consulta de búsqueda con el mínimo esfuerzo requerido.

Es por eso que puede ser una experiencia discordante pasar de un potente motor de búsqueda a usar la función de búsqueda interna de un sitio web. Aunque la función de búsqueda de WordPress funciona bastante bien desde el primer momento, carece de algunas de las opciones avanzadas a las que la mayoría de los visitantes se han acostumbrado a usar, como la función de autocompletar.

Aquí es donde las sugerencias de búsqueda de autocompletar son útiles. Al implementar las sugerencias de búsqueda de WordPress, aumenta las posibilidades de que los usuarios pasen más tiempo en su sitio. Hace que sea más fácil para ellos encontrar el contenido que desean, lo que se traduce en una mejor experiencia general. Además, no es difícil implementar la búsqueda de autocompletar de WP si está utilizando el complemento correcto.

Cómo agregar búsquedas a su sitio de WordPress con un complemento

Hay muchos complementos de búsqueda de WordPress entre los que puede elegir, pero no todos incluyen la función de autocompletar que buscamos. En esta sección, nos centraremos en tres de las mejores opciones que puede usar y le mostraremos cómo habilitar la búsqueda predictiva con cada una de ellas.

Habilitar Autocompletar en WPSolr

WPSolr es un complemento de sugerencia de búsqueda premium que funciona con los sitios web regulares de WordPress y WooCommerce. Cuenta con la tecnología de las plataformas Elasticsearch y Solr, y le permite personalizar los resultados de búsqueda de un sitio a otro.

Si le gustan los complementos que incluyen tantas opciones de personalización como sea posible, probablemente apreciará WPSolr. El único inconveniente de este plugin es que es caro. En el lado positivo, facilita la habilitación de la búsqueda en vivo.

Una vez que instale el complemento, obtendrá acceso a su página de configuración dentro del tablero. Si navega a la pestaña que dice Defina su búsqueda con Elastic.co – GCloud , encontrará una opción llamada Mostrar sugerencias en el cuadro de búsqueda .

Cuando habilita esta función, los usuarios verán títulos de página completos más parte del contenido de esas páginas directamente en la barra de búsqueda, incluso antes de que envíen una consulta. De esa forma, pueden seleccionar el resultado que desean de inmediato, sin tener que revisar una lista completa de opciones.

Precio: una licencia de WPSoler cuesta 199 € al año (alrededor de 215 $ al año).

Habilitar Autocompletar en SearchWP

SearchWP se trata de ayudar a los usuarios a encontrar contenido que la función de búsqueda predeterminada de WordPress no reconoce. Fuera de la caja, el complemento admite datos de campo personalizados, salida de códigos cortos, taxonomías e incluso detalles del producto WooCommerce.

Sin embargo, SearchWP no incluye la funcionalidad de búsqueda de autocompletar de forma predeterminada. Para habilitar esa función, deberá usar una extensión gratuita llamada SearchWP Live Ajax Search.

Todo lo que tiene que hacer para habilitar la búsqueda de autocompletar es activar la extensión. Hará el resto por ti automáticamente.

También vale la pena señalar que SearchWP Live Ajax Search funciona sin el complemento base de SearchWP. La única diferencia es que cuando se combina con SearchWP, obtienes acceso a resultados más detallados.

Precio: una licencia estándar de SearchWP para un sitio cuesta $99 , pero la extensión Live Ajax Search es gratuita.

Habilitar Autocompletar en Ajax Search Lite

Fuera de la caja, Ajax Search Lite ofrece funciones que normalmente solo se encuentran en los complementos de búsqueda premium de WordPress. Con esta herramienta, sus usuarios pueden acceder a los resultados de búsqueda de autocompletar de WordPress que incluyen tipos de publicaciones personalizadas, campos y otros tipos de metadatos (junto con la página predeterminada y los resultados de las publicaciones).

Una vez que el complemento esté activo, puede navegar a Ajax Search Lite > Opciones generales > Autocompletar y sugerencias . La búsqueda de autocompletar debe estar activada de forma predeterminada, en ¿Activar la función de autocompletar de búsqueda de Google? .

Si desea un control total sobre qué tipo de contenido aparece en los resultados de autocompletar, vaya a la pestaña Fuentes y conceptos básicos . Allí, puede elegir qué contenido aparecerá en sus resultados de búsqueda.

Toda la funcionalidad de búsqueda de autocompletar que necesitará está disponible en la versión gratuita de Ajax Search Lite. Sin embargo, también hay una versión premium del complemento que incluye funciones adicionales, como temas personalizados para la barra de búsqueda y los resultados.

Precio: Ajax Search Lite es gratis, mientras que la versión premium del complemento comienza en $36.

Búsqueda de autocompletar de WordPress sin un complemento

Como habrá notado, dos de los complementos que cubrimos en la última sección se basan en Ajax (o JavaScript asíncrono) para potenciar la funcionalidad de búsqueda en vivo. Usar Ajax junto con jQuery es el enfoque más fácil para implementar esta función en WordPress.

Eso significa que si no se siente cómodo usando JavaScript, es mejor que se quede con los complementos. Sin embargo, es posible agregar esta funcionalidad manualmente.

Cómo agregar la búsqueda de Autocompletar por su cuenta

Agregar la funcionalidad de búsqueda de autocompletar a su sitio web manualmente requiere que trabaje con algún código, como es de esperar. Sin embargo, hay diferentes formas de abordar el proyecto, con diferentes niveles de dificultad.

Estos son los dos enfoques que recomendamos explorar:

• Implemente la búsqueda en vivo con Ajax solo para títulos de publicaciones . Dado que solo obtendrá los títulos de las publicaciones, este es el método más fácil de implementación.
• Agregar búsqueda de autocompletar para tablas personalizadas . Con este método, puede entregar resultados de una tabla personalizada que cree, lo que le brinda control total sobre los datos que aparecen.

En cualquiera de esos escenarios, probablemente querrá implementar el código que usa en formato de complemento. Eso es porque con un complemento puede deshabilitar o habilitar el código en cualquier momento, lo cual es perfecto si va a personalizar esta funcionalidad en el futuro.

Mejore sus experiencias digitales con WP Engine

Implementar la búsqueda de autocompletar en WordPress es más fácil de lo que cabría esperar. Con el complemento correcto, puede hacer que sea mucho más fácil para los visitantes encontrar lo que están buscando y mejorar su experiencia.

Por supuesto, esto no significará mucho si no está utilizando también el proveedor de alojamiento web adecuado. El alojamiento administrado de WordPress le otorga acceso ilimitado a herramientas y soporte 24/7 de expertos técnicos para mantener un rendimiento óptimo del sitio. ¡Con WP Engine, obtiene todos los recursos que necesita para hacer crecer su sitio web y brindar a sus visitantes una experiencia digital de alta calidad!