Best Practices

Este artículo detalla las mejores formas de usar Search para aumentar significativamente tu tasa de conversión. Estas recomendaciones se basan en nuestros más de 10 años de experiencia en eCommerce, en 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 muestran consistentemente que los usuarios que utilizan la búsqueda convierten a 2–3 veces la tasa de los visitantes que navegan por categorías.

Aunque representan aproximadamente el 30% de todos los visitantes, generan el 40–60% de los ingresos totales de eCommerce. Independientemente del diseño que elijas, hacer que la búsqueda sea rápida, visible y fácil de usar es una de las inversiones con 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 superposición.
• Un Instant Search y una Search Page juntos como dos componentes separados.

Omnisearch es nuestra principal recomendación para la mayoría de las 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 las tiendas, es el diseño que mejor convierte.

Search viene con excelentes diseños predeterminados para cada diseño que ya sigue nuestras mejores prácticas.

Omnisearch #

Esto combina los conceptos de un Instant Search y una Search Page con Facetas en una sola superposición a pantalla completa. En el momento en que un visitante hace clic en el campo de búsqueda — antes de que haya escrito 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 juntas.

Imagina un padre al que le han enviado a comprar “lo que mi hija necesita para gimnasia”, y no tiene idea de lo que significa eso. Escribe “gimnasia” en el campo de búsqueda, y antes de terminar de escribir, Omnisearch se abre con leotardos, muñequeras para entrenamiento, zapatillas de gimnasia y bolsas de magnesio justo al frente.

También hay una entrada de blog sobre equipamiento 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 sobre el que leyó en el camino.

Aún no sabe cómo se llaman la mitad de las cosas — pero las compró 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 de producto claras, nombres y precios
• Categorías coincidentes
• Páginas de contenido relevantes
• Sugerencias de búsqueda basadas en la consulta actual
• Un botón “Ver más resultados” que carga más productos

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

Instant Search #

Con la disminución de la atención en línea, presentar tu catálogo apenas los visitantes empiezan a escribir impacta significativamente en su interacción. Hasta un 60% de los visitantes encuentran y compran productos directamente desde este menú desplegable.

La razón por la que funciona tan bien es simple: predice lo que el visitante busca y comienza a mostrar resultados tras 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 seguridad instantánea es lo que convierte una visita de exploración en una compra.

Un gran diseño de Instant Search consiste en:

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

Search Page #

Esto complementa el menú desplegable de Instant Search facilitando la exploración sencilla de todo tu catálogo.

Mientras el menú desplegable de Instant Search está diseñado para la velocidad, la Search Page está diseñada 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 hasta ello. Otros llegan en modo de investigación — tienen una idea, 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 coincidencias de inmediato. Hace clic en “ver todos los resultados” y la Search Page se abre con 60 o más productos.

Filtran por franja de edad, establecen un presupuesto de 60 euros y lo reducen a kits de química. En pocos minutos han encontrado la opción perfecta — un producto que nunca habrían detectado si solo hubiesen elegido el primer resultado del desplegable.

La Search Page no es donde los visitantes van a buscar 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 muestre los productos en detalle.
• 40-60 productos mostrados a la vez.
• Imágenes de producto, nombres, precios y llamada a la acción.
• Tus Facets más relevantes.
• Un botón “Ver más resultados” que carga más productos.

Facets #

Utilices Search Page u Omnisearch, Facets es una parte integral para que los visitantes exploren fácilmente. Facets permite a los clientes combinar atributos de producto — precio, color, talla, marca — en segundos.

Piensa en un visitante con presupuesto que necesita un casco de menos de 400 euros y lo quiere solo en plata metálica. Sin facets, estaría navegando por cientos de resultados. Con dos clics, los productos correctos están ahí mismo.

Esa velocidad se traduce directamente en menos abandonos y más pedidos. Los estudios demuestran que los compradores que usan filtros ven 3 veces más productos que aquellos que no — y convierten a tasas significativamente mayores.

A pesar de ello, solo el 16% de los sitios de eCommerce ofrecen una búsqueda facetada verdaderamente efectiva, lo que significa que hacerlo bien es una verdadera ventaja competitiva.

Recomendamos mostrar al menos estas Facets:

• Precio
• Categorías
• Marca/proveedor

Otros atributos relevantes para tu negocio también deberían incluirse. Pueden ser colores, tallas, especificaciones técnicas, peso y cualquier otro dato que tengas disponible.

Las facets de Clerk se adaptan automáticamente a cada búsqueda, por lo que solo muestran los filtros relevantes para los resultados actuales — tallas aparecen al buscar calzado, vatios al buscar herramientas eléctricas, y número de hilos al buscar sábanas. Ninguno de esos filtros tendría sentido al revés.

Optimiza el Diseño #

La búsqueda debe encajar perfectamente en el diseño actual de tu tienda online, y debe ser fácil para los visitantes encontrarla e interactuar con ella.

Branding #

Cualquiera que sea el diseño que elijas, debe seguir el estilo de tu marca para integrarse como parte de tu sitio. Los diseños predeterminados pueden personalizarse usando nuestro Design Editor, o con code designs.

En la mayoría de los casos, es posible hacer que las tarjetas de producto de Clerk se vean exactamente igual que las tarjetas en el resto de tu tienda online. Mientras sincronices los atributos en los que se basan tus tarjetas — colores, tallas, etiquetas, distintivos, o cualquier otro dato mostrado en la tarjeta — el diseño puede coincidir precisamente.

El resto del trabajo consiste principalmente en asegurarse de que facets, encabezados, fuentes y espaciados se alineen con tu estilo actual.

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

• Ask Clerk.io es un asistente de IA dedicado que puede encargarse de prácticamente cualquier cosa en tu tienda — incluyendo replicar tu diseño actual y aplicarlo directamente en tu configuración de Clerk.
• El AI Design Editor está integrado en el code design editor de my.clerk.io. Permite describir los cambios que quieras en lenguaje natural y aplicarlos 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 AI Design Editor está diseñado específicamente para trabajo visual y te permite ver los cambios al instante.

Los elementos más importantes para homogeneizar son:

• Familia tipográfica
• Tamaño de fuente
• Color de fuente
• Color del botón

Search Field #

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

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

Muchas tiendas esconden el campo de búsqueda tras pequeños iconos o lo colapsan en un menú — un hábito heredado de cuando la búsqueda era deficiente y mejor mantenerla fuera de la vista. Cuando tu búsqueda es realmente buena, ocultarla es lo último que deberías hacer.

Piénsalo así: si contratas a la mejor experta en ventas, no la pondrías en el almacén apilando cajas. Debería estar atendiendo al público. 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.
• Debería ocupar entre el 25–50% del ancho del menú para llamar la atención. El header de Amazon es aproximadamente mitad campo de búsqueda, mitad todo lo demás — y no es casualidad.
• Incluye un buen texto de ejemplo como “Buscar entre 4000+ productos y páginas”

Optimiza Regularmente #

La IA de Clerk mantiene los resultados de búsqueda actualizados según el comportamiento de los clientes en todo momento, pero habrá casos en los que un toque humano será necesario para llevar tus resultados al siguiente nivel.

Analytics #

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 después de una mala experiencia de búsqueda. Cada búsqueda que soluciones son clientes que conservas.

Los clientes a menudo buscan de maneras que nunca anticiparías. Puede que busquen “body pillow” cuando en realidad quieren “hombreras”. Un sinónimo rápido en el admin de Clerk lo resuelve en segundos y empieza a convertir esas búsquedas de inmediato.

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

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

Cuando alguien le pide a una IA que recomiende un producto, utiliza el mismo lenguaje que tus clientes usan. Cada sinónimo o patrón de búsqueda que descubras aquí indica cómo mejorar tus propios textos y contenidos para que te encuentren más fácilmente, independientemente de dónde ocurra la búsqueda.

El dashboard también muestra carencias de producto y problemas de precio. Si los clientes buscan consistentemente un producto y no hay ingresos procedentes de esas búsquedas, puede significar que el artículo está agotado, aún no está en tu catálogo, o su precio está por encima de lo que el mercado espera.

Ver que nadie convierte con “figura de Han Solo” es una señal clara para reponer ese artículo. Y si tienes una tienda Star Wars y los clientes buscan “Star Trek” — sí, ocurre, y no vamos a juzgar — añadir un sinónimo que los redirija suavemente a la galaxia correcta es perfectamente válido.

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

Por qué el Ranking de IA importa #

Un error común es pensar que la calidad de búsqueda depende únicamente de encontrar los productos correctos. En la práctica, el orden en que se muestran los resultados es igual de importante.

Una búsqueda basada en texto ordena los productos según cuántas veces aparece el término en el nombre o descripción. Suena lógico — pero significa que un producto con “Adidas” dos veces en el título aparece encima de uno que es el verdadero superventas, aunque nunca haya vendido una sola unidad.

La IA de Clerk ordena los resultados por probabilidad de conversión: ¿qué es lo que cada visitante es más probable que compre realmente, según lo que la tienda sabe sobre su comportamiento y lo que han comprado clientes similares?

Una tienda con 58 productos Adidas pondrá los guantes arriba no porque “Adidas” aparece más, sino porque los guantes son lo que los clientes en ese contexto más probablemente quieran. Esa es la diferencia entre una búsqueda que parece inteligente y una que realmente lo es.

Esta distinción importa especialmente en eCommerce. Un ranking por texto puede ser suficiente en un sitio de contenido o base de conocimientos, donde el objetivo es mostrar el artículo más relevante.

Pero en eCommerce, el objetivo es la conversión — y eso significa ordenar los resultados según lo que los clientes realmente van a hacer clic y comprar, no cuántas veces aparece una palabra clave en el título. Mostrar el producto correcto primero no es solo un extra: es la diferencia entre una venta y una pérdida.

Merchandising #

Cuando tengas objetivos de marketing concretos, como promocionar 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 todo de lo que más ganas. La IA de Clerk siempre asegurará que los productos correctos se muestren a cada visitante — simplemente da prioridad extra a los de mayor margen. Es una de las formas más directas de aumentar el beneficio sin cambiar nada de cómo los clientes buscan.

Piensa en una tienda de deportes que vende tanto cascos de marca 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 de marca más populares.

Con una simple campaña de merchandising, la tienda puede destacar la opción de marca blanca más arriba en los resultados sin sacrificar la relevancia. El cliente sigue viendo buenas opciones. La tienda simplemente gana más con quien hace clic primero.

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

Se tarda menos de 5 minutos en crear campañas que indiquen a Clerk en qué productos enfocarse más en este momento.