Buscador de productos con Ajax para WooCommerce

por | May 25, 2020 | WooCommerce

Buscador de productos en WooCommerce

En una tienda física, o un centro comercial, no pasa nada por entrar a mirar, incluso si estás buscando un determinado producto, por ejemplo, un regalo.

Reconozco que a veces me he ido a una tienda de regalos, con una idea en mente, pero luego he salido con otro regalo diferente, y me he tirado en dicha tienda más de 1 hora (sin contar colas).

Pues eso no pasa en la tienda online.

Siempre he comentado en otros artículos, que en Internet todo el mundo va con prisas, y además, no llegamos a pensar por nosotros mismos; nos gusta que nos digan qué hacer, o dónde hacer clic (sea de una manera más persuasiva o no eso ya depende de cada web).

Y lo que te traigo en este artículo es precisamente algo que, de no tenerlo en tu web (aunque incluso no se use cada vez), va a general que la gente se vaya de tu tienda online.

No encontrar una cuadro de búsqueda en una tienda online, es como ir al footer y no encontrar los enlaces a las redes sociales, cuando de verdad queremos seguir a una marca o empresa.

Es decir, es algo que se da por hecho que estará disponible, e incluso siempre o casi siempre, en la misma posición dentro de la estructura de una web. (Arriba a la derecha, o centrado en el header).

Si no, piensa cuando entras a tiendas online como Amazon. ¿Sería lo mismo si no pudieras realizar una búsqueda de un producto concreto, escribiéndolo en el cuadro correspondiente? (Yo creo que al final optarías por buscar otra tienda online).

Como veremos más adelante, WordPress viene con un buscador por defecto, pero tal y como adivinarás por el título de este artículo, te traigo un plugin gratuito (aunque tiene versión de pago) para que los visitantes de tu tienda online encuentre productos con una búsqueda instantánea y muy intuitiva.

¡Sigue leyendo, que esto empieza!

 

¿Por qué necesitas un buscador de productos en WooCommerce?

A pesar de la introducción dada, quiero hacer ahínco en las razones por las que, si tienes una tienda online con WordPress, en condiciones, deberías de añadir este complemento para tus visitas.

En el siguiente apartado, te haré una pequeña mención de cuándo NO utilizar un buscador de productos en una tienda online.

 

La obvia mejora de la UX

El punto por excelencia que cualquier consultor de WordPress te va a decir: en una web la experiencia de usuario (UX) lo es todo, y tus ventas dependen directamente de ello.

Es cierto que la UX en sí, es una fórmula de varias características dependiendo de la web que tengas y cómo quieras enfocar tus ventas y tus llamadas a la acción (CTAs), pero en el 99% de los casos, es primordial incluir una búsqueda de producto en una tienda online.

¡Ojo!, me refiero a una búsqueda de producto que funcione.

 

Ahorro de tiempo

Sobre todo si tu cliente repite, y acude a tu tienda online para buscar un producto en concreto, el cuadro de búsqueda es fundamental para ahorrar tiempo en volver a navegar entre las categorías de tu tienda online.

Te pongo un ejemplo:

Para un regalo, compré unas botellas de vino tinto con una etiqueta personalizada, con la foto de un amigo. Todo fue muy bien, y a mi amigo le encantaron.

Para el regalo del amigo invisible de mi gimnasio, fui a la misma web, y directamente escribí “vino tinto” y me salieron de las primeras. Las volví a comprar, con otro tipo de personalización.

Si no hubiera encontrado tan rápido el producto, creo que quizás incluso me habría decidido a buscar otro tipo de regalo en otra web.

(Para que vas lo vagos que somos a nivel online. Simplemente, somos muy impacientes y lo queremos todo YA).
 

Facilidad de navegación

Una buena tienda online tiene tres funciones de navegación, para encontrar productos:

  • Búsqueda de un producto concreto (lo que estamos viendo en este artículo).
  • Clasificación de productos (por ejemplo cuando seleccionas Moda > Ropa Hombre > Camisetas).
  • Filtro de productos (por ejemplo cuando en un listado de productos concreto, seleccionas los productos de menos de 100 euros, en azul, con envío gratuito).

Dependiendo del tipo de producto que vendas, te interesará un método u otro de navegación, aunque, en mi opinión, en la gran mayoría de casos, una combinación de estos tres aspectos es fundamental para que el cliente potencial se sienta familiarizado con el uso básico de una tienda online.

Por lo que, como ves, la búsqueda forma parte de uno de esos tres pilares de navegación de producto.

 

Aumento de posibilidades de venta

Y puesto que tu cliente potencial va a encontrar lo que está buscando gracias al cuadro de búsqueda de tu tienda online, dejará de ser potencial para convertirse en recurrente.

Además, dicho cliente te recomendará a sus amigos y familiares, y eso significarán más ventas.

 

Búsquedas específicas

Aquí vuelvo a mencionar el ejemplo de la botella de vino tinto personalizada.

En mi caso, yo ya tenía claro qué producto quería, porque ya lo conocía.

Pero perfectamente, cualquier otro visitante que aún no sea tu cliente, puede que tenga en la cabeza algo relacionado con “botellas de vino tinto” (para seguir con el ejemplo), y sea lo primero que escriba en el apartado de búsqueda de tu tienda online.

 

¡Queda genial!

¿Y por qué no añadir esta razón para tener un cuadro de búsqueda en tu tienda online?

Puede que con una buena personalización de CSS y con un poco de ingenio, hagas que buscar un producto en tu WooCommerce, sea algo que deje al visitante con la boca abierta, mientras va sacando su tarjeta de crédito para comprar en tu web.

 

¿Cuándo NO utilizar un buscador?

A pesar de todo lo bueno que tiene un buscador de productos, yo no lo recomendaría para una tienda online con muy pocos productos (menos de 15) o una tienda online con productos de unas determinadas temáticas que a mi modo de ver, no requieren búsquedas específicas (por ejemplo, viajes).

Este apartado es muy subjetivo. Pero si a pesar de todo, y con pocos productos, quieres utilizas un buscador y lo colocas de forma sutil, sin que se vea demasiado, en un lugar no muy llamativo, por si el visitante quiere utilizarlo, ¡pues mejor que mejor!

Pero no lo pongas en un lugar visible y llamativo, si no hace falta.

Y sobre todo donde realmente hace falta es en tiendas con más productos donde sea muy fácil perderse por ella de la cantidad que haya.

Que por cierto, si tienes una tienda online en otra plataforma con bastantes productos y quieres pasarte a WooCommerce te enseñamos cómo importar y exportar productos en WooCommerce de forma masiva.

 

El buscador por defecto de WooCommerce

El buscador por defecto de WooCommerce

Antes de analizar el plugin estrella de este artículo, me gustaría mencionar las características que hacen que el buscador por defecto de WooCommerce no sea una muy buena opción para causar esa mejora de experiencia de usuario al ahora de encontrar un producto en tu tienda online:

  • Sólo deja buscar cuando se introducen en el cuadro de búsqueda una palabra completa (es decir, que no busca “botella” si sólo escribes bot).
  • No tiene búsqueda instantánea (tan normalizada ya, desde que Google la implementó en 2010 en su buscador).
  • Muestra los resultados de búsqueda en una página nueva (con lo cual afecta negativamente a la experiencia del usuario).
  • La búsqueda sólo analiza los títulos de los productos, no mira en otras partes de la ficha del producto (por lo que si buscamos por una característica concreta, no la va a mostrar en la búsqueda).

Al haber tantos plugins de búsqueda para WordPress, imagino que por ello no se ha modernizado un poco el widget de búsqueda clásico que acabamos de mencionar.

Es por ello que, a continuación, te presento una posible solución para conseguir más ventas y potenciar tus productos en tu tienda online de WooCommerce.

 

Plugin para buscar Productos: Ajax Search for WooCommerce

Plugin recomendado: Ajax Search for WooCommerce

El plugin de Ajax Search for WooCommerce es uno de los plugins más populares para encontrar productos en tu tienda online.

Con más de 40.000 instalaciones activas, demuestra que, simplemente, funciona.

Además, su versión gratuita (la que analizamos en este artículo) está respaldada por una versión de pago, con funcionalidades extra (las vemos a continuación), por lo que, según mi experiencia, otorga al plugin de una confianza y estabilidad extra, ya que sabes que, la empresa que ha desarrollado el plugin, lo sigue manteniendo y actualizado, al poder generar ingresos gracias a la versión de pago.

 

Versión gratuita del plugin y sus funciones por defecto

Con la versión gratuita del plugin, vas a poder principalmente (entre otras cosas menos importantes):

  • Buscar en los títulos, las descripciones, e incluso en los SKU de tus productos.
  • Mostrar unos resultados instantáneos, de calidad y bien ordenados.
  • Añadir al carrito directamente los productos buscados.
  • Sugerir categorías o etiquetas de producto en los resultados.
  • Decidir qué quieres mostrar y qué no en los resultados.
  • Varias configuraciones estéticas para personalizar el aspecto del cuadro de búsqueda.

Como ves, bastante completo en su versión gratuita.

Vamos a ver ahora qué ofrece esa deseada versión de pago.

 

Versión de pago del plugin y sus funciones premium

Con la versión premium del plugin, además de todo lo ofrecido en la versión gratuita, vas a poder:

  • Búsqueda mucho más rápida
  • Búsqueda de palabras escritas mal (por ejemplo, buscará zapatos si has escrito zaptos).
  • Busca en campos personalizados, atributos del producto, categorías y marcas.

Aunque parezcan pocas, son bastante cruciales dependiendo de qué tipo de tienda online tienes.

Si te gustan las tablas comparativas, aunque esté en inglés, puedes acceder a la página web del plugin Ajax Search for WooCommerce y encontrarás todas las características y diferencias de ambas versiones.

Porque son ellos quien tienen que venderse, ya que no me han pagado ni enviado un jamón ibérico a casa para que hable sobre ellos (¡Ojalá!).

Simplemente es un plugin que funciona muy bien y que puede que sea lo que necesita tu proyecto (¡Ojalá también!).

 

Cómo usar Ajax Search for WooCommerce

Cómo usar Ajax Search for WooCommerce

Y pasamos ahora a mencionar el uso básico del plugin. (En el vídeo lo veremos con más detenimiento).

Además de la instalación normal del plugin (se instala igual que cualquier otro plugin de WordPress), para mostrar el nuevo cuadro de búsqueda de los productos de tu tienda online, lo podrás hacer de dos maneras:

 

Uso de shortcodes

El uso de Shortcodes en WooCommerce es muy común, puedes usar el shortcode [wcas-search-form] en cualquier página o post, o si eres de un nivel más avanzado, en las plantillas de los archivos de tu Child Theme, para poder mostrar fácilmente el cuadro de búsqueda.

 

Uso mediante widget

Si sueles utilizar más los widgets y te resultan más sencillos de configurar, basta con que pinches y arrastres el widget específico de Woo Ajax Search a la zona de la web que más te convenga (barra lateral, pie de página, header, etc).

Como ves, no tiene mayor complicación. Es muy intuitivo.

En el vídeo a continuación, no obstante, te voy a explicar el plugin en más detalle.

 

Video tutorial

Para que quede todo mucho más claro, visual, y a modo de resumen de todo el artículo, toca ahora hacer un pequeño análisis en vídeo del plugin de Ajax Search for WooCommerce.

Lo explicaré todo con palabras muy fáciles y lo haré de la manera más amena posible.

 

 

Conclusiones

Ya has visto todos los beneficios que ofrece para tu tienda online de WooCommerce un sistema de búsqueda inmediato, intuitivo y que funcione.

Al ser uno de estos beneficios principales, el posible incremento de ventas, y la recomendación boca-oreja, de ti depende cómo quieras ofrecer una experiencia de usuario inolvidable a tus clientes, para que se acuerden de tu tienda online, cada vez que alguien saque el tema en cualquier conversación del día a día.

¡Ahí está la clave del crecimiento exponencial en una tienda online!

Te toca considerar si la versión de pago del plugin te va a ayudar a conseguir más opciones de venta, u otro tipo de objetivo que estés buscando para tu tienda online.

¡Espero que te haya servido el artículo, y nos vemos en el siguiente!