¿Desea agregar la funcionalidad de búsqueda de autocompletar de WordPress a su sitio web? Ya sabes, donde los visitantes comienzan a escribir su consulta y tu sitio los ayuda automáticamente a terminar su búsqueda y/o sugiere contenido que coincide.
Google, Amazon y muchos otros sitios utilizan este enfoque porque ofrece a los visitantes una experiencia de búsqueda útil. Y con el complemento de búsqueda de autocompletar de WordPress correcto, puede agregar la misma funcionalidad a su sitio.
Lo que usará para agregar la funcionalidad de búsqueda de autocompletar de WordPress
Un ejemplo de la funcionalidad de autocompletar de WordPress que podrá agregar a su sitio. Puede ver tanto el autocompletado como las sugerencias de contenido.
Después de haber probado varios complementos para ayudarlo a agregar búsqueda en vivo a WordPress, nos decidimos por Ajax Search Lite porque:
- Es fácil de configurar.
- La versión gratuita funcionará para la mayoría de los sitios.
- Es muy flexible.
- Es popular y recibe actualizaciones periódicas.
El complemento lo ayuda a agregar sugerencias de búsqueda en vivo y aprovecha la funcionalidad de autocompletar de Google para agregar autocompletar a su cuadro de búsqueda.
Para comenzar, asegúrese de instalar y activar el complemento en su sitio ( aquí se explica cómo instalar un complemento de WordPress si necesita ayuda ).
Una vez que haya activado el complemento, siga estos pasos para configurar su nueva funcionalidad de búsqueda de autocompletar de WordPress…
Paso 1: elige qué contenido incluir en la búsqueda
Lo primero que querrá hacer es configurar qué contenido es elegible para ser incluido en sus sugerencias de búsqueda.
Por ejemplo, tal vez desee que sus sugerencias incluyan publicaciones de blog, pero no páginas. Si está utilizando tipos de publicaciones personalizadas (como productos de WooCommerce o un complemento de eventos ), también puede elegir incluir o no ese contenido en sus resultados de búsqueda.
Para hacer esas elecciones, haga clic en la opción Ajax Search Lite en su panel de WordPress y use las opciones Buscar en tipos de publicaciones personalizadas para elegir qué contenido es elegible:
Más abajo en la página, también puede elegir qué partes de su contenido busca el complemento. Por defecto, buscará la palabra clave del usuario en su contenido:
- Título
- Cuerpo
- Extracto
Pero también puedes hacer que busque en:
- babosa de URL
- Categorías y etiquetas
- Campos personalizados (ya sean campos personalizados específicos o todos los campos personalizados)
Paso 2: Elija cómo mostrar el contenido en los resultados de sugerencias
De forma predeterminada, el complemento mostrará mucha información en los resultados de las sugerencias. Incluye:
- Título
- Extracto
- Foto principal
Aquí hay un ejemplo de cómo se ve la configuración predeterminada :
Sin embargo, tiene control total sobre la información que se muestra.
Si desea controlar la imagen (o desactivarla), vaya a la pestaña Opciones de imagen . ¿Puede desactivar la opción Mostrar imágenes en los resultados? Opción para deshabilitar imágenes. O bien, puede usar las otras opciones para cambiar:
- Tamaño de la imagen
- De donde viene la imagen
Del mismo modo, si va a Opciones de diseño → Diseño de resultados, puede controlar exactamente qué información de texto se muestra:
Paso 3: Configure cómo se ve el cuadro de búsqueda
Una de las formas en que funciona el complemento es reemplazando el cuadro de búsqueda de su tema con su propio diseño, por lo que querrá asegurarse de que el diseño del cuadro de búsqueda del complemento coincida con su tema existente.
Para controlar eso, vaya a Opciones de diseño y use los temas para personalizar el aspecto de su cuadro de búsqueda:
También puede cambiar manualmente los colores más abajo en la página si es necesario.
Paso 4: agregue su cuadro de búsqueda (o reemplace el cuadro de búsqueda de su tema)
Bien, ahora está listo para agregar la funcionalidad de autocompletar de WordPress a su sitio.
Para hacer eso, el plugin te da tres opciones:
- Reemplazar la búsqueda de temas : con esta opción, el complemento anulará la funcionalidad de búsqueda de su tema. Por ejemplo, si opta por usar esto, el complemento reemplazará el widget de búsqueda regular de WordPress con su propio cuadro de búsqueda y funcionalidad.
- Código abreviado : puede colocar el código abreviado donde desee que aparezca su formulario de búsqueda (puede usar el código abreviado en páginas, publicaciones, widgets de la barra lateral, etc.)
- Función PHP : si se siente cómodo editando el código de su tema, puede usar un tema secundario para agregar la funcionalidad de búsqueda directamente a los archivos de plantilla de su tema.
El complemento le brinda el código abreviado y la función PHP en la parte superior de la página. Y puede activar la configuración de reemplazo de búsqueda en la pestaña Opciones generales :
Por ejemplo, puede ver dos cuadros de búsqueda a continuación. El cuadro de búsqueda dentro del contenido de la página se agrega usando el código abreviado , mientras que el cuadro de búsqueda en la barra lateral usa un widget de búsqueda regular de WordPress y la funcionalidad de «reemplazar búsqueda de tema» del complemento:
¡Y eso es! Sus visitantes ahora podrán disfrutar de la búsqueda de autocompletar de WordPress en su sitio.
Paso 5: refine aún más cómo funciona el complemento (opcional)
Si desea refinar aún más las cosas, el complemento incluye una serie de configuraciones que le brindan aún más control sobre cómo funciona exactamente su búsqueda en vivo de WordPress.
Todas estas configuraciones son opcionales, es decir, su búsqueda en vivo funcionará bien incluso si omite esta sección.
Pero si desea un poco más de control, aquí hay algunas formas útiles de modificar las cosas…
Ajustar la funcionalidad de autocompletar
El complemento activa el autocompletado de búsqueda de forma predeterminada. Pero si desea refinar cómo funciona, puede ir a Opciones generales → Autocompletar y sugerencias :
Dar opciones de filtro a los visitantes
Si desea dar a los visitantes más control sobre los resultados de búsqueda, puede agregar opciones de filtro que permitan a los usuarios:
- Buscar cierto contenido, como solo el título de una publicación
- Buscar categorías específicas
Aquí hay un ejemplo:
Para activar estas opciones, vaya al área Opciones de interfaz :
Elija cómo el complemento trata las palabras clave
Si desea cambiar la forma en que el complemento presenta sus resultados, el área Opciones generales → Comportamiento le permite:
- Mostrar solo coincidencias exactas : cuando está activado, los resultados de la sugerencia automática deben coincidir exactamente con las palabras clave del usuario (algo así como usar comillas al buscar en Google).
- Lógica de frases de palabras clave : le brinda otra forma de controlar cómo el complemento coincide con los resultados.
Cambiar el orden de los resultados
De forma predeterminada, el complemento ordena sus sugerencias por su relevancia. Pero si lo desea, puede cambiar este comportamiento para ordenar los resultados por:
- Fecha
- Título
Para realizar este cambio, vaya a Opciones generales → Pedidos:
¡Empiece hoy mismo con las sugerencias de búsqueda en vivo de WordPress!
Autocompletar y autosugerir son dos excelentes maneras de mejorar la funcionalidad de búsqueda de su sitio de WordPress .
Para agregar la búsqueda de autocompletado de WordPress a su sitio, Ajax Search Lite es una excelente opción que no le costará ni un centavo.
Para comenzar con el complemento, todo lo que necesita hacer es:
- Elige qué contenido incluir en las sugerencias
- Configurar qué información se muestra para cada sugerencia
- Elija cómo debe verse su cuadro de búsqueda
- Muestre su cuadro de búsqueda en su sitio front-end usando una de las tres opciones incluidas