Best Practices

Este artículo detalla las mejores formas de utilizar Search para aumentar significativamente tu tasa de conversión. Se basan en nuestra experiencia de más de 10 años en eCommerce, a través de miles de tiendas.

Elige Diseños #

La búsqueda en el sitio es una de las acciones de mayor intención que un visitante puede realizar. Las investigaciones demuestran consistentemente que quienes usan la búsqueda convierten a un ritmo 2–3 veces mayor que quienes navegan por categorías.

Aunque representan aproximadamente el 30% de todos los visitantes, generan el 40–60% de los ingresos totales de eCommerce. Elijas el diseño que elijas, hacer que la búsqueda sea rápida, visible y fácil de usar es una de las inversiones de mayor retorno que puedes hacer en tu tienda online.

Clerk ofrece 3 diseños distintivos para mostrar los resultados de búsqueda. Recomendamos uno de dos enfoques:

• Un Omnisearch que combina resultados instantáneos, facetas, categorías y contenido en una sola ventana superpuesta.
• Un Instant Search y una Search Page juntos como dos componentes separados.

Omnisearch es nuestra principal recomendación para la mayoría de tiendas online hoy en día. Ofrece la experiencia de búsqueda más rápida y completa desde el primer momento — y para la mayoría de tiendas, es el diseño que mejor convierte.

Search viene acompañado de excelentes diseños predeterminados para cada diseño que ya siguen nuestras Mejores Prácticas.

Omnisearch #

Esto combina los conceptos de un Instant Search y una Search Page con Facets en una ventana superpuesta a pantalla completa. En el momento en que un visitante hace clic en el campo de búsqueda — antes de escribir un solo carácter — Omnisearch se abre y presenta una ventana a toda la tienda online.

A medida que escriben, todo se refina en tiempo real: productos, categorías, páginas de contenido y sugerencias se actualizan al mismo tiempo.

Imagina a un padre que ha sido enviado a comprar “lo que mi hija necesita para gimnasia” — y no tiene idea de lo que eso significa. Escribe “gimnasia” en el campo de búsqueda y, antes de terminar de escribir, Omnisearch se abre mostrando maillots, guantes de entrenamiento, zapatillas de gimnasia y bolsas para magnesia en primer plano.

También aparece un artículo de blog sobre equipo de gimnasia para principiantes y una categoría llamada “Deporte para niñas”. Lee el artículo, recoge todo lo que su hija necesita y añade un rodillo de espuma del que leyó en el camino.

Todavía no sabe cómo se llaman la mitad de las cosas — pero logró comprarlas todas en menos de tres minutos, sin hacer clic en un solo menú. Esa es la experiencia que Omnisearch crea para cada visitante.

Un gran diseño de Omnisearch consiste en:

• Tus Facets más relevantes.
• 40-60 productos a la vez
• Imágenes claras del producto, nombres y precios
• Categorías relevantes
• Páginas de contenido relevantes
• Sugerencias de búsqueda basadas en la consulta actual
• Un botón de “Ver más resultados” que carga más productos

Si prefieres dividir la búsqueda en un desplegable Instant Search para resultados inmediatos y una Search Page dedicada para una exploración más profunda, puedes usar el siguiente enfoque.

Instant Search #

Ante la disminución de la atención en línea, presentar tu catálogo tan pronto como los visitantes comienzan a escribir impacta significativamente en su compromiso. Hasta el 60% de los visitantes encuentran y compran productos directamente desde este desplegable.

La razón por la que funciona tan bien es sencilla: predice lo que el visitante está buscando y empieza a mostrar resultados tras solo los primeros caracteres.

Piensa en un cliente con prisa por comprar un casco de fútbol americano antes del entrenamiento. En cuanto empieza a escribir, ya puede ver que tienes docenas de cascos en stock — e incluso puede consultar guías de tallas de tus páginas de contenido sin salir del desplegable.

Ese tipo de tranquilidad instantánea es lo que convierte una visita de navegación en una compra.

Un gran diseño de Instant Search consiste en:

• Un formato de lista que ofrece una visión general de los resultados.
• 70% de espacio para productos y 30% para otro contenido.
• Imágenes de producto, nombres, precios y una llamada a la acción.
• Sugerencias de búsqueda con consultas similares.
• Categorías relevantes.
• Contenido relevante como artículos de blog y páginas CMS.
• Un botón de “Ver más resultados” que enlaza con la Search Page.

Search Page #

Esto complementa el Instant Search Dropdown facilitando la navegación de todo tu catálogo.

Mientras que el desplegable de Instant Search está hecho para la velocidad, la Search Page está hecha para la exploración deliberada. Son dos modos de compra diferentes y ambos importan.

Algunos visitantes saben exactamente lo que quieren y necesitan el camino más rápido posible hacia ello. Otros llegan en modo de investigación — tienen una idea general, quieren comparar opciones y no tienen prisa.

Piensa en un padre encargado de comprar un regalo de cumpleaños para un niño que “le gustan las cosas de ciencia”. El desplegable muestra algunas buenas opciones de inmediato. Hace clic en “ver todos los resultados” y la Search Page se abre con 60 o más productos.

Filtra por rango de edad, pone un presupuesto de 60 euros y reduce la búsqueda a kits de química. En pocos minutos encuentra la opción perfecta — un producto que nunca habría visto si solo hubiera seleccionado el primer resultado del desplegable.

La Search Page no es donde los visitantes van a comprar algo rápido. Es donde van a encontrar lo correcto.

Un gran diseño de Search Page consiste en:

• Un formato de cuadrícula que muestra los productos en detalle.
• 40-60 productos a la vez.
• Imágenes de producto, nombres, precios y una llamada a la acción.
• Tus Facets más relevantes.
• Un botón de “Ver más resultados” que carga más productos.

Sugerencias de búsqueda #

Las sugerencias de búsqueda siguen completando el límite configurado aunque la consulta tenga una coincidencia exacta. La sugerencia exacta aparece primero, seguida de sugerencias relacionadas.

Clerk.io también puede construir candidatos a sugerencias a partir de títulos de productos y marcas que aparezcan lo suficientemente a menudo en tu catálogo. Esto ayuda a los visitantes a descubrir términos de búsqueda útiles aunque no sepan el nombre exacto del producto.

Facets #

Ya sea que utilices una Search Page o Omnisearch, Facets es una parte fundamental para que los visitantes naveguen con facilidad. Facets permite a los clientes mezclar y combinar atributos del producto — precio, color, talla, marca — en segundos.

Piensa en un visitante con presupuesto limitado que necesita un casco por debajo de 400 euros y solo lo quiere en color plata metalizada. Sin facets, tendría que desplazarse entre cientos de resultados. Con dos clics en los filtros correctos, los productos indicados aparecen inmediatamente.

Esa rapidez se traduce directamente en menos abandonos y más pedidos. Las investigaciones demuestran que los compradores que usan filtros ven 3 veces más productos que los que no lo hacen — y convierten a tasas notablemente superiores.

A pesar de eso, solo el 16% de los sitios de eCommerce ofrece una experiencia de búsqueda facetada efectiva, lo que significa que hacerlo bien otorga una verdadera ventaja competitiva.

Recomendamos mostrar al menos estos Facets:

• Precio
• Categorías
• Marca/proveedor

Cualquier otro atributo relevante para tu negocio también debe incluirse. Esto puede ser colores, tallas, especificaciones técnicas, peso y cualquier otro dato disponible.

Los facets de Clerk se adaptan automáticamente a cada búsqueda, así que solo muestran los filtros que tienen sentido para los resultados actuales — tallas de zapato al buscar calzado, vatios para herramientas eléctricas, y número de hilos para ropa de cama. Ninguno de esos filtros tendría sentido al revés.

Optimiza los Diseños #

Search debe integrarse perfectamente en el diseño existente de tu tienda online y debe ser fácil para los visitantes encontrarlo e interactuar con él.

Branding #

Independientemente de los diseños que elijas, deben seguir el estilo de tu marca para integrarse en tu sitio. Los diseños predeterminados pueden adaptarse usando nuestro Design Editor, o con code designs.

En la mayoría de los casos, es posible lograr que las tarjetas de producto de Clerk se vean exactamente como las del resto de tu tienda. Mientras sincronices los atributos que tus tarjetas muestran — colores, tallas, sellos, etiquetas o cualquier otro elemento de la tarjeta — el diseño puede igualarse de forma precisa.

El trabajo restante es, principalmente, asegurar que facets, titulares, fuentes y espacios estén alineados con tu estilo actual.

No necesitas hacer esto manualmente. Hay dos formas asistidas por IA para ayudarte:

• Ask Clerk.io es un asistente IA dedicado que puede manejar prácticamente cualquier cosa en tu tienda — incluido replicar tu diseño actual e implementarlo directamente en tu configuración de Clerk.
• El AI Design Editor está integrado en el editor de code designs en my.clerk.io. Permite describir los cambios que deseas en lenguaje natural y los aplica al código en tiempo real, facilitando la iteración visual sin salir del editor.

Ambas opciones eliminan la necesidad de escribir código tú mismo — Ask Clerk.io es la herramienta más amplia, mientras que el AI Design Editor está hecho específicamente para diseño y te permite ver los cambios a medida que ocurren.

Los elementos más importantes a optimizar son:

• Tipo de fuente
• Tamaño de fuente
• Color de fuente
• Color de botón

Search Field #

Un aspecto crítico de la funcionalidad de búsqueda es mantener el campo de búsqueda accesible y visible en todo momento. Tener una gran función de búsqueda no sirve de nada si tus visitantes no pueden encontrarla.

Los estudios muestran que el 43% de los clientes minoristas van directamente a la barra de búsqueda al llegar a una tienda online — siendo una de las primeras cosas que buscan.

Muchas tiendas online esconden el campo de búsqueda tras pequeños iconos o lo colapsan en un menú — un hábito adquirido cuando la búsqueda era pobre y mejor mantenerla oculta. Cuando tu búsqueda es realmente buena, ocultarla es lo último que deseas.

Piensa en esto: si contratas a la mejor experta en ventas, no la pondrías en la parte trasera de la tienda colocando artículos en los estantes. Debería estar en la entrada, hablando con los clientes. Tu campo de búsqueda es tu mejor herramienta de ventas — trátalo como tal.

• Colócalo claramente en el menú superior en todos los dispositivos, idealmente en el centro o a la derecha.
• Debe ocupar entre el 25 y el 50% del ancho del menú para atraer la atención. El encabezado de Amazon es aproximadamente mitad campo de búsqueda, mitad todo lo demás — y eso no es un accidente.
• Incluye un buen texto de ayuda como “Busca entre más de 4000 productos y páginas”

Optimiza Regularmente #

La IA de Clerk mantiene los resultados de búsqueda actualizados según el comportamiento del cliente en todo momento, pero habrá ocasiones en que se necesite una intervención humana para llevar los resultados al siguiente nivel.

Analítica #

Este dashboard te ayuda a identificar búsquedas que puedes mejorar activamente, como búsquedas de productos no disponibles o sinónimos inesperados.

En promedio, el 12–24% de todas las búsquedas en el sitio devuelven cero resultados en tiendas eCommerce — y el 68% de los clientes dice que no volvería a un sitio tras una mala experiencia con la búsqueda. Cada búsqueda que arreglas, son clientes que conservas.

A menudo, los clientes buscan de formas que nunca imaginarías. Quizás buscan “body pillow” cuando en realidad quieren decir “hombreras”. Un simple sinónimo en el admin de Clerk resuelve esto en segundos y comienza a convertir esas búsquedas de inmediato.

La misma lógica se aplica a las diferencias de lenguaje cotidiano. Si tu catálogo de productos usa “pantalones” y los clientes buscan “trousers”, todas esas búsquedas tendrán peores resultados de los que deberían. Añadir el sinónimo lo soluciona para todos.

También hay un beneficio de descubrimiento más amplio a destacar: la forma en que los clientes buscan en tu sitio es la misma que usan externamente — en Google, y cada vez más en asistentes IA como ChatGPT, Claude y Gemini.

Cuando alguien le pide a una IA una recomendación de producto, utiliza el mismo lenguaje que tus clientes. Cada sinónimo o patrón de búsqueda que descubras aquí es una pista sobre cómo mejorar los textos y contenidos de tus productos para que te encuentren más fácilmente, sin importar dónde ocurra la búsqueda.

El dashboard también muestra lagunas de producto y problemas de precios. Si los clientes buscan consistentemente un producto y no hay ingresos de esas búsquedas, puede significar que el artículo está agotado, no está aún en tu catálogo o tiene un precio superior al del mercado.

Ver que nadie convierte en “Figura de Han Solo” es una clara señal para reponer ese producto. Y si tienes una tienda de Star Wars y los clientes buscan “Star Trek” — sí, eso pasa, y no vamos a juzgar — añadir un sinónimo que los dirija suavemente a la galaxia correcta es una decisión de negocio perfectamente válida.

Revisar este dashboard regularmente te permite encontrar los mejores lugares donde invertir tu tiempo, cuando quieras optimizar aún más los resultados. Recomendamos revisarlo al menos una vez al mes como parte de tu análisis de negocio habitual.

Por qué la clasificación con IA importa #

Un error común es pensar que la calidad de la búsqueda se basa principalmente en encontrar los productos correctos. En la práctica, el orden en que se muestran los resultados importa igual o más.

Una búsqueda basada en texto ordena los productos según la cantidad de veces que aparece el término buscado en el nombre o la descripción del producto. Suena lógico — pero eso hace que un producto con “Adidas” dos veces en el título aparezca antes que el verdadero superventas, aunque nunca haya vendido ni una unidad.

La IA de Clerk ordena los resultados por probabilidad de conversión: ¿qué es lo que más probablemente comprará cada visitante, según el comportamiento y las compras de clientes similares?

Una tienda con 58 productos Adidas mostrará los guantes arriba no porque la palabra “Adidas” aparezca más veces, sino porque los guantes son lo que los clientes en ese contexto buscan. Esa es la diferencia entre una búsqueda que parece inteligente y una que realmente funciona.

Este matiz es especialmente relevante en eCommerce. La clasificación basada en texto puede ser suficiente para un sitio de contenido o una base de conocimiento, donde el objetivo es mostrar el artículo más relevante.

Pero en eCommerce, el objetivo es la conversión — lo que significa ordenar por lo que los clientes realmente van a clicar y comprar, no por la cantidad de veces que se repite una palabra clave en el título del producto. Mostrar el producto correcto al principio no es solo algo deseable. Es la diferencia entre una venta y una pérdida.

Merchandising #

Cuando tienes objetivos de marketing específicos, como promover tus propios productos de marca blanca o liquidar inventario de artículos con poco stock, utiliza Merchandising para influir rápidamente en tus resultados de Search.

Un buen punto de partida es sincronizar el margen de cada producto y luego potenciar aquellos por los que más ganas al vender. La IA de Clerk sigue asegurando que los productos correctos se muestren a cada visitante — solo da prioridad adicional a los artículos con mayor margen. Es una de las formas más directas de aumentar el beneficio sin cambiar nada sobre cómo buscan tus clientes.

Piensa en una tienda de deportes que vende tanto cascos de grandes marcas como su propio casco de marca blanca con un margen mucho mayor. Ambos productos son buenos — pero cuando un cliente busca “casco de fútbol”, la IA normalmente mostrará primero las opciones más populares de marca.

Con una sencilla campaña de merchandising, la tienda puede dar mayor visibilidad al producto de marca blanca en los resultados sin sacrificar la relevancia. El cliente sigue viendo grandes opciones. La tienda simplemente gana más con el primer clic.

La misma lógica se aplica para liquidar inventario. Si tienes exceso de un artículo, una campaña de impulso a corto plazo puede aumentar su visibilidad en todas las búsquedas relevantes hasta equilibrar el stock — sin tocar precios ni ponerlo en rebajas.

Lleva menos de 5 minutos configurar campañas que indican a Clerk en qué productos enfocarse según lo que más te interesa en cada momento.