ElegantThemes

Cómo agregar Live Ajax Search a su sitio de WordPress (la manera fácil)

¿Desea agregar una búsqueda Ajax en vivo a su sitio de WordPress?

Agregar Instant Search a WordPress mejora la búsqueda estándar en el sitio y facilita a sus visitantes encontrar las páginas y publicaciones que están buscando.

En este artículo, le mostraremos paso a paso cómo agregar una búsqueda Ajax en vivo a su sitio de WordPress.

¿Por qué agregar la búsqueda Ajax en vivo a WordPress?

Live Ajax Search, también conocido como Instant Search, mejora la experiencia de búsqueda estándar de WordPress al agregar el menú desplegable y la funcionalidad de autocompletar que es común en los motores de búsqueda como Google.

Aquí hay un ejemplo de esto en acción:

Ejemplo en vivo para la búsqueda de Google

La búsqueda en vivo adivina lo que buscan los usuarios a medida que escriben y les ayuda a encontrar contenido relevante más rápido. Esta es una gran mejora con respecto a la búsqueda estándar de WordPress.

La búsqueda en vivo ayuda a los usuarios a encontrar lo que buscan rápidamente y les ayuda a permanecer en su sitio web por más tiempo. Aumente las visitas a la página y reduzca la tasa de rebote.

Sin embargo, echemos un vistazo a cómo puede agregar fácilmente una búsqueda Ajax en vivo a la suya. Blog de WordPress o sitio web.

Agregar Ajax Search a WordPress con un complemento de WordPress

La forma más fácil de agregar Ajax Live Search a WordPress es usar el SearchWP Enchufar. Eso es mejor complemento de búsqueda de WordPress en el mercado utilizado por más de 30.000 sitios web.

SearchWP

Este complemento va más allá de la indexación del contenido de la publicación e indexa todo en su sitio web, como Campos Personalizados, Documentos PDF, archivos de texto, WooCommerce Productos y más.

Para este tutorial, puede utilizar el Complemento de búsqueda de WP Live Ajax Liteya que habilita automáticamente la búsqueda en vivo de Ajax.

Primero tienes que instalar y activar el complemento. Para obtener más información, consulte nuestra guía paso a paso sobre ¿Cómo instalo un complemento de WordPress?.

Una vez activado, el formulario de búsqueda estándar de WordPress ahora incluye automáticamente la función de búsqueda Ajax Live.

Muestre Ajax Live Search en su sitio de WordPress

Ahora que cada barra de búsqueda activa tiene una búsqueda en vivo, todo lo que tiene que hacer es decidir dónde mostrarlas.

A continuación, le mostramos cómo utilizar la barra de búsqueda en vivo para encontrar ubicaciones generales en su Sitio web de WordPress.

Adición de Live Ajax Search a la barra lateral de WordPress

Una de las áreas más populares para agregar una barra de búsqueda es la barra lateral de WordPress. Esto facilita que sus visitantes realicen una búsqueda independientemente de dónde se encuentren en su sitio web.

Para agregar el widget de búsqueda a WordPress, simplemente vaya a Apariencia »Widgets para abrir el editor de widgets basado en bloques.

Personalizar bloques de widgets

Cualquier área de widgets tuya Tema de WordPress tendrá una pestaña separada en el editor de bloques.

En nuestra página de prueba, el área de widgets de nuestra barra lateral se llama «Barra lateral derecha», pero el suyo puede tener un nombre diferente según el tema.

Simplemente haga clic en el icono ‘+’ debajo del área de la barra lateral.

Agregar bloque de widget de barra lateral

Luego ingrese «SearchWP» en la barra de búsqueda y haga clic en el ícono «SearchWP Live Search».

Esto agregará automáticamente el widget de búsqueda Ajax en vivo a su barra lateral.

Agregar el widget de búsqueda en vivo de SearchWP

Puede personalizar la sección Título para cambiar el encabezado del cuadro de búsqueda. Cuando haya terminado, haga clic en el botón Actualizar para guardar sus cambios y activar la barra de búsqueda.

Personalice y guarde el widget de búsqueda en vivo

Ahora su barra de búsqueda en vivo está lista para que la utilicen todos los visitantes de su sitio web.

Ejemplo de búsqueda de widget en vivo

Puede seguir el mismo proceso para agregar la barra de búsqueda en vivo a cualquier otra área de widgets en su sitio web. Para agregarlo a su área de menú de navegación, consulte nuestra guía en Aquí se explica cómo agregar una barra de búsqueda a su menú de WordPress.

Adición de Live Ajax Search a sitios de WordPress

También puede agregar un cuadro de búsqueda Ajax en vivo a otras páginas de su sitio web. Por ejemplo, podría tener una página de archivo que sus visitantes puedan usar para explorar su contenido.

Para hacer esto necesitas navegar Publicación o página Quieres editar. En este ejemplo, le mostraremos cómo agregar la barra de búsqueda en vivo a un sitio de WordPress.

Ir al primero Páginas »Todas las páginas y luego haga clic en la página que desea editar.

Abrir sitio de WordPress

Una vez que la página esté abierta, haga clic en el icono ‘+’ en la pantalla del editor de páginas.

Esto abre el menú del bloque.

Agregar un nuevo bloque de página

A continuación, escriba «Buscar» en el cuadro, luego haga clic en el icono «Buscar» para agregarlo a su página.

Colocará automáticamente la barra de búsqueda.

Seleccionar bloque de búsqueda

También puede personalizar el título de búsqueda y el texto del marcador de posición en el cuadro de búsqueda.

Después de eso, haga clic en el botón «Actualizar» en la esquina superior derecha de su página.

Guardar bloque de búsqueda en vivo en la página

Ahora sus visitantes pueden usar la barra de búsqueda en vivo en su sitio web para encontrar rápidamente lo que están buscando.

Puede utilizar el mismo proceso para agregar una barra de búsqueda a cualquier publicación o página.

Ejemplo de una página de búsqueda en vivo

Personalice los resultados de búsqueda instantáneos de WordPress

Un complemento de búsqueda muy versátil, SearchWP va más allá del contenido de la publicación e indexa todo en su sitio web, incluidos campos personalizados, campos ACF, archivos de texto, contenido de documentos PDF, tablas personalizadas, taxonomías personalizadas, atributos de productos WooCommerce y más.

La versión pro de Complemento SearchWP puede personalizar completamente sus resultados de búsqueda creando su propia escala de relevancia y ajustando el algoritmo sin escribir ningún código.

Motores de búsqueda personalizados SearchWP

También obtiene la función Métricas que le permite ver lo que buscan sus visitantes y muchas otras funciones poderosas para mejorar aún más su funcionalidad de búsqueda en el sitio.

Esperamos que este artículo le haya ayudado a aprender cómo agregar una búsqueda Ajax en vivo a su sitio de WordPress. Es posible que también desee ver nuestra guía sobre Cómo elegir el mejor registrador de nombres de dominioy nuestra experta selección de mejor software de seminarios web para pequeñas empresas.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

El cargo Cómo agregar Live Ajax Search a su sitio de WordPress (la manera fácil) apareció primero WPBeginner.

Artículo Recomendado:  Avas v6.1.26 – Multi-Purpose WordPress Theme

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *