¿Quieres saber cómo agregar la búsqueda Live Ajax a un sitio web de WordPress?

Agregar la búsqueda instantánea a WordPress mejora la búsqueda predeterminada de un sitio web y facilita que sus visitantes encuentren las páginas y los artículos que están buscando.

En este artículo, le mostraremos cómo agregar Ajax Live Search a su sitio web de WordPress paso a paso.

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

La búsqueda en vivo de Ajax, también conocida como búsqueda instantánea, mejora la experiencia de búsqueda predeterminada de WordPress al agregar la funcionalidad desplegable y de autocompletar común en los motores de búsqueda como Google.

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

cómo agregar Ajax Live Search

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 web por más tiempo, lo que puede aumentar las visitas a la página y reducir la tasa de rebote.

Dicho esto, veamos cómo puede agregar la búsqueda en vivo Ajax a su blog o sitio web de WordPress.

Agregue Ajax Live Search a WordPress con un complemento de WordPress

La forma más fácil de agregar la búsqueda en vivo de Ajax a WordPress es usar el complemento BuscarWP. Es uno de los mejores complementos de búsqueda de WordPress del mercado utilizado por más de 30 sitios web.

Este complemento va más allá de la indexación del contenido del artículo e indexará todo en su sitio web, como campos personalizados, documentos PDF, archivos de texto, productos WooCommerce, etc.

Para este tutorial, puede utilizar el complemento gratuito Búsqueda WP Live Ajax, porque activa automáticamente la búsqueda en vivo de Ajax.

Lo primero que debe hacer es instalar y activar el complemento. 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.

Visualización de 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 aparezca.

A continuación, aprenderá cómo agregar la barra de búsqueda en vivo a ubicaciones comunes en su sitio web de WordPress.

Agregar Ajax Live 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. Facilita la búsqueda de sus visitantes, 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 abrir el editor de widgets basado en bloques.

cómo agregar Ajax Live Search

Cada área de widgets 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 principal Pero el tuyo puede tener un nombre diferente dependiendo de tu tema.

Simplemente haga clic en el '+'debajo de la sección de la barra lateral.

Luego escribe 'SearchWP' en la barra de búsqueda y haga clic en el icono 'Búsqueda en vivo de WP'.

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

cómo agregar Ajax Live Search

Puedes personalizar la sección Título para cambiar el encabezado del cuadro de búsqueda. Cuando haya terminado, haga clic en el botón Actualización para guardar los cambios y poner la barra de búsqueda en línea.

Ahora todos los visitantes de su sitio web podrán utilizar su barra de búsqueda 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.

Agregar Ajax Live Search a las páginas de WordPress

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

Para hacer esto, debe navegar a 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.

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

Esto abrirá el menú de bloques.

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.

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, asegúrese de hacer clic en " Actualización En la esquina superior derecha de tu 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.

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

SearchWP es un complemento de búsqueda muy versátil que 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, etc.

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

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 la función de búsqueda en su sitio web.

Lea también: Cómo excluir páginas de los resultados de búsqueda de WordPress

Descubre también algunos complementos premium de WordPress supplémentaires 

Puede usar otros complementos para mostrar cuentas regresivas en su blog de WordPress. A continuación, te ofrezco algunos de ellos.

1. Próximamente CountDown

Próximamente Cuenta regresiva es uno de plugins de WordPress Temporizadores de cuenta regresiva premium en la plataforma WordPress. Tiene 2 diseños de cuenta regresiva, así como 10 tipos de fondos de pantalla para hacerlos más hermosos y llamativos.

Próximamente plugin de wordpress adaptable de cuenta atrás

En effet, Próximamente CountDown le permite continuar su trabajo en su sitio web mientras que su ven los visitantes mostró la página 'Próximamente'. Cuando haya terminado, puede volver a poner su sitio web en línea con solo presionar un botón.

También te invitamos a descubrir nuestro Complementos de WordPress de 10 para mejorar el aspecto visual de su sitio web.

También es posible decidir qué los usuarios pueden ver o no el sitio web en función de su estado. Si solo una parte del sitio web se enviará a la página "Próximamente", también puede definir qué páginas están disponibles para sus visitantes y cuáles no.

Descargar | Demo alojamiento web

2. Cuenta atrás de ventas de WooCommerce

WooCommerce Sales Countdown es un Plugin de WordPress fantástico premium diseñado para promocionar campañas de venta en tu sitio web de comercio electrónico. 

Cuenta regresiva de ventas de Woocommerce

Establece un área de cuenta regresiva dedicada con el producto a la venta y les dice a sus clientes cuánto tiempo queda para comprar dicho producto a un precio bajo. Este complemento también le brinda la opción de agregar una cuenta regresiva al próximo período de saldo.

Descargar | Demo | alojamiento web

3. Oferta CountDown Timer Pro

Le Plugin de WordPress Premium Offer Countdown Timer Pro le permite crear cuentas regresivas para las ofertas que ofrece en su sitio web. Repleto de funciones útiles para adaptarse de manera inteligente a los sitios web de comercio electrónico, este complemento seguramente aprovechará al máximo sus ofertas.

Ofrecer temporizador de cuenta regresiva pro plugin de wordpress para eventos ofertas de productos

Lo más interesante es el hecho de que es muy fácil de configurar y usar. Puede configurar fácilmente el temporizador para las diferentes ofertas en cada página de su sitio web, crear un widget, establecer diferentes zonas horarias, establecer el tiempo de vencimiento de las ofertas, etc.

Aquí están nuestros Complementos de 6 WordPress para garantizar el cumplimiento de RGPD de un blog

Ce Plugin de WordPress Premium también te brinda la posibilidad de personalizar la apariencia de tu temporizador de cuenta regresiva.

Descargar | Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Listo ! Eso es todo por este tutorial. Esperamos que este artículo le haya ayudado a aprender cómo agregar la búsqueda Ajax en vivo a su sitio de WordPress. No dude en comparte con tus amigos en tus redes sociales favoritas

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

Pero, mientras tanto, cuéntenos sobre su comentarios y sugerencias en la sección dedicada.

...