How To Add Live Ajax Search To Your Wordpress Site (The Easy Way)

Cómo agregar la búsqueda Ajax en vivo a su sitio de WordPress (la manera más fácil)

¿Le gustaría agregar la búsqueda Ajax en vivo a su sitio de WordPress? Agregar Búsqueda instantánea a WordPress mejora la búsqueda predeterminada del sitio y facilita a sus visitantes encontrar las páginas y publicaciones que están buscando. En este artículo, le mostraremos cómo agregar la búsqueda Ajax en vivo a su sitio de WordPress paso a paso.

¿Por qué agregar Live Ajax Search a WordPress?

Ajax Live Search, también conocida como Búsqueda instantánea, mejora la experiencia de búsqueda predeterminada de WordPress al agregar la función desplegable y de autocompletar común en los motores de búsqueda como Google. Aquí tienes un ejemplo en acción:

Ejemplo De Búsqueda De Google En Vivo
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 predeterminada de WordPress. Al ayudar a los usuarios a encontrar lo que buscan rápidamente, la búsqueda en vivo los ayudará a permanecer en su sitio por más tiempo, lo que puede aumentar las páginas vistas y reducir la tasa de rebote. Dicho esto, echemos un vistazo a cómo puede agregar una búsqueda Ajax en vivo a su blog o sitio web de WordPress.

Agregar búsqueda Ajax a WordPress con un plugin de WordPress

La forma más fácil de agregar la búsqueda en vivo de Ajax a WordPress es usar el plugin SearchWP. Es el mejor plugin de búsqueda de WordPress del mercado utilizado por más de 30.000 sitios web.
Searchwp
Este plugin va más allá de la indexación del contenido de la publicación e indexará todo en su sitio web, como campos personalizados, documentos PDF, archivos de texto, productos WooCommerce, etc. Para este tutorial, puede usar el plugin gratuito SearchWP Live Ajax Lite Search, ya que habilita automáticamente la búsqueda en vivo de Ajax. Lo primero que debe hacer es instalar y activar el plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Tras la activación, el formulario de búsqueda predeterminado de WordPress ahora incluirá automáticamente la función de búsqueda en vivo de Ajax.

Muestre Ajax Live Search en su sitio de WordPress

Dado que cualquier barra de búsqueda activa ahora tiene una búsqueda en vivo, todo lo que tiene que hacer es decidir dónde desea que aparezcan. A continuación, aprenderá cómo agregar la barra de búsqueda en vivo a ubicaciones comunes 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 busquen sin importar dónde se encuentren en su sitio web. Para agregar el widget de búsqueda a WordPress, simplemente vaya a Apariencia »Widgets para mostrar el editor de widgets basado en bloques.
Personalizar Bloques De Widgets
Cada área de widget de su tema de WordPress tendrá una pestaña separada en el editor de bloques. En nuestro sitio de prueba, el área de widgets de nuestra barra lateral se llama «Barra lateral derecha», pero el tuyo puede tener un nombre diferente según tu tema. Simplemente haga clic en el icono «+» debajo de la sección de la barra lateral.
Agregar Un Bloque De Widgets A La Barra Lateral
Luego escriba «SearchWP» en la barra de búsqueda y haga clic en el icono «SearchWP Live Search». Esto insertará automáticamente el widget de búsqueda en vivo de Ajax en su barra lateral.
Agregar Un 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 todos los visitantes de su sitio web podrán utilizar su barra de búsqueda en vivo.
Ejemplo De Búsqueda De Widgets 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 sobre cómo agregar una barra de búsqueda a su menú de WordPress.
Agregar búsqueda de Ajax en vivo a las páginas 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 permita a sus visitantes buscar su contenido. Para hacer esto, deberá navegar hasta la publicación o página que desea editar. Para este ejemplo, le mostraremos cómo agregar la barra de búsqueda en vivo a una página de WordPress. Primero, ve a Páginas »Todas las páginas luego haga clic en la página que desea editar.
Abrir Página De Wordpress
Una vez que se abre la página, haga clic en el icono ‘+’ en la pantalla del editor de páginas. Esto abrirá el menú de bloques.
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.
Seleccione El Bloque De Búsqueda
También puede personalizar el título de búsqueda y el texto del marcador de posición dentro del cuadro de búsqueda. Después de eso, asegúrese de hacer 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 de 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

Personalización de los resultados de búsqueda instantáneos de WordPress

SearchWP es un plugin de búsqueda muy versátil que va más allá del contenido de la publicación e indexa todo en su sitio, incluidos campos personalizados, campos ACF, archivos de texto, contenido de documentos PDF, tablas personalizadas, taxonomías personalizadas, atributos de productos WooCommerce, etc. La versión pro del plugin SearchWP le permite personalizar completamente sus resultados de búsqueda creando su propia escala de relevancia y ajustando el algoritmo sin escribir ningún código.
Motores Personalizados Searchwp
También obtiene la función Métricas que le permite ver lo que buscan sus visitantes, junto con muchas otras funciones poderosas para mejorar aún más su función de búsqueda en el sitio. Esperamos que este artículo le haya ayudado a aprender cómo agregar la búsqueda Ajax en vivo a su sitio de WordPress. También puede consultar nuestra guía sobre cómo elegir el mejor registrador de nombres de dominio y nuestras selecciones expertas del mejor software de seminarios web para pequeñas empresas. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply