Best Practices

Este artículo detalla las mejores formas de usar Search para aumentar significativamente tu tasa de conversión. Se basan en más de 10 años de experiencia 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 puede realizar un visitante. Las investigaciones muestran constantemente que quienes buscan en el sitio convierten a un ritmo 2–3 veces mayor que los visitantes que navegan por categorías.

Aunque representan aproximadamente el 30% de todos los visitantes, generan entre el 40 y el 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 superposición.
• Un Instant Search y 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 lista para usar, 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 siguen nuestras Mejores Prácticas.

Omnisearch #

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

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

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 muestra maillots, agarraderas, zapatillas de gimnasia y bolsas de magnesio en primer plano.

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 necesita su hija y añade un rodillo de espuma del que leyó durante la navegación.

Todavía 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 crea Omnisearch para cada visitante.

Un gran diseño Omnisearch consiste en:

• Tus Facets más relevantes.
• 40-60 productos a la vez
• Imágenes claras de productos, nombres y precios
• Categorías coincidentes
• Páginas de contenido coincidentes
• 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 Instant Search rápido desplegable 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, mostrar tu catálogo tan pronto como los visitantes empiecen a escribir impacta significativamente en su compromiso. Hasta el 60% de los visitantes encuentran y compran artículos directamente desde este desplegable.

La razón por la que funciona tan bien es simple: predice lo que el visitante está buscando y comienza a mostrar resultados después de los primeros caracteres.

Piensa en un cliente apurado por comprar un casco de fútbol americano antes de un entrenamiento. En cuanto empieza a escribir, ya puede ver que tienes decenas 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 en una compra.

Un gran diseño de Instant Search consiste en:

• Un formato de lista que proporcione visión general de los resultados.
• 70% de espacio para productos y 30% para otros contenidos.
• Imágenes de productos, nombres, precios y un llamado a la acción.
• Sugerencias de búsqueda mostrando consultas similares.
• Categorías relevantes.
• Contenido relacionado, como entradas de blog y páginas de CMS.
• Un botón “Ver más resultados” que enlaza con el Search Page.

Search Page #

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

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

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

Imagina a 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 el Search Page se abre con 60 o más productos.

Filtra por rango de edad, pone un presupuesto de 60 euros y lo reduce a kits de química. En pocos minutos encuentra la opción perfecta, un producto que jamás habría encontrado si solo hubiera mirado el primer resultado del desplegable.

El Search Page no es donde los visitantes van a buscar algo rápidamente. 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 mostrados a la vez.
• Imágenes de productos, nombres, precios y un llamado a la acción.
• Tus Facets más relevantes.
• Un botón “Ver más resultados” que carga más productos.

Sugerencias de búsqueda #

Las sugerencias continúan llenando el límite configurado incluso cuando la consulta tiene una coincidencia exacta. La sugerencia exacta aparece primero, seguida de sugerencias relacionadas.

Clerk.io también puede crear sugerencias basadas en títulos de productos y marcas que aparezcan con frecuencia en tu catálogo. Esto ayuda a los visitantes a descubrir términos útiles para buscar, incluso cuando no saben el nombre exacto del producto.

Facets #

Ya utilices un Search Page u Omnisearch, Facets es una parte integral para que los visitantes puedan navegar fácilmente. Facets permiten que los clientes combinen atributos del producto — precio, color, talla, marca — en segundos.

Piensa en un visitante con presupuesto limitado que necesita un casco por menos de 400 euros y solo lo quiere en plata metalizada. Sin facets, rebuscaría entre cientos de resultados. Con dos clics sobre los filtros correctos, encuentra directamente los productos adecuados.

Esa rapidez se traduce directamente en menos abandonos y más pedidos. Los estudios demuestran que quienes usan filtros ven 3 veces más productos y convierten a tasas significativamente más altas.

A pesar de esto, solo el 16% de los sitios de eCommerce ofrecen una experiencia de búsqueda facetada efectiva, por lo que hacerlo bien es una auténtica ventaja competitiva.

Recomendamos mostrar al menos estas Facets:

• Precio
• Categorías
• Marca/vendedor

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.

Las Facets de Clerk se adaptan automáticamente a cada búsqueda, mostrando solo los filtros aplicables — las tallas de zapatos aparecen al navegar calzado, la potencia al buscar herramientas eléctricas, y el número de hilos al buscar ropa de cama. Ninguno de esos filtros tendría sentido a la inversa.

Optimiza diseños #

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

Identidad de marca #

Independientemente de los diseños que elijas, deben seguir el estilo de tu marca para formar una parte integrada de tu sitio. Los diseños predeterminados pueden adaptarse usando nuestro Design Editor, o mediante code designs.

En la mayoría de los casos, es posible hacer que las tarjetas de productos de Clerk se vean exactamente como las del resto de tu tienda. Con tal de que sincronices los atributos de los que dependen tus tarjetas — colores, tallas, insignias, etiquetas u otros elementos — el diseño se puede igualar al detalle.

El trabajo restante consiste principalmente en asegurarse de que facets, encabezados, fuentes y espacios sean coherentes con tu estilo existente.

No necesitas hacerlo manualmente. Existen dos formas asistidas por IA para obtener ayuda:

• Ask Clerk.io es un asistente de IA dedicado que puede encargarse prácticamente de cualquier cosa en tu tienda, incluido replicar el diseño existente y aplicarlo directamente a tu configuración de Clerk.
• El AI Design Editor está integrado en el editor de diseños de código en my.clerk.io. Te permite describir los cambios que deseas en lenguaje natural y los aplica al código en tiempo real, para que puedas hacer iteraciones visualmente sin salir del editor.

Ambas opciones eliminan la necesidad de programar por tu cuenta — Ask Clerk.io es más general, mientras que el AI Design Editor está enfocado en diseño y te deja ver los cambios en el momento.

Los elementos más importantes para adaptar son:

• Familia de fuentes
• Tamaño de fuente
• Color de fuente
• Color de botones

Campo de búsqueda #

Un aspecto crítico de la funcionalidad 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 la encuentran.

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

Muchas tiendas esconden el campo de búsqueda tras un icono pequeño o lo colapsan en un menú, un hábito de cuando la búsqueda funcionaba mal y se prefería pasarla por alto. Cuando tu búsqueda es realmente buena, ocultarla es lo último que quieres hacer.

Piensa en esto: si contratas a la mejor vendedora, no la pones a reponer estanterías al fondo de la tienda. Ella debe estar adelante, atendiendo a 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 llamar la atención. El encabezado de Amazon es aproximadamente mitad campo de búsqueda, mitad todo lo demás — y no es casualidad.
• Incluye un buen texto de marcador 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 de los clientes, pero habrá ocasiones en que un toque humano será necesario para llevar tus 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 sitios devuelven cero resultados en las tiendas online, y el 68% de los clientes afirma que no volvería a un sitio tras una mala experiencia de búsqueda. Cada búsqueda que arreglas son clientes que conservas.

Los clientes a menudo buscan de maneras inesperadas. Puede que busquen “cojín corporal” cuando en realidad quieren “hombreras”. Un sinónimo rápido en el panel de administración de Clerk soluciona esto en segundos y empieza a convertir inmediatamente esas búsquedas.

Lo mismo ocurre con las diferencias de lenguaje. Si tu catálogo usa “pantalón” pero los clientes consistentemente buscan “pantalones”, cada una de esas búsquedas retorna peores resultados de los que debería. Añadir el sinónimo lo arregla para todos.

Además, hay un beneficio más amplio de descubribilidad: la forma en que los clientes buscan en tu sitio es igual a como buscan fuera, ya sea en Google o cada vez más en asistente de IA como ChatGPT, Claude y Gemini.

Cuando alguien le pide a una IA recomendar un producto, utiliza el mismo lenguaje que tus clientes. Cada sinónimo o patrón de búsqueda que descubras aquí es una pista para mejorar los textos y el contenido de tus productos, de modo que sea más fácil encontrarte, sin importar dónde la gente busque.

El dashboard también muestra vacíos de catálogo y problemas de precios. Si los clientes buscan una y otra vez un producto y no hay ingresos por esas búsquedas, puede significar que el artículo está agotado, aún no está en tu catálogo o tiene un precio fuera de mercado.

Ver que nadie convierte con “figura de Han Solo” es una señal clara de que hay que reponer ese producto. Y si tienes una tienda de Star Wars y los clientes buscan “Star Trek”, sí, ocurre (y no juzgamos), añadir un sinónimo que los lleve suavemente a la galaxia correcta es perfectamente válido.

Revisar este dashboard regularmente te permite encontrar los mejores lugares donde enfocar 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é importa el ranking de IA #

Un error común es pensar que la calidad de búsqueda se trata principalmente de encontrar los productos correctos. En realidad, el orden en que se muestran los resultados es igual de importante.

Una búsqueda basada en texto clasifica productos según cuántas veces el término buscado aparece en el nombre o descripción del producto. Parece lógico, pero implica que un producto con “Adidas” dos veces en el título puede aparecer por encima del más vendido, aunque jamás haya vendido una sola unidad.

La IA de Clerk clasifica los resultados según la probabilidad de conversión: ¿qué es lo que cada visitante tiene más probabilidades de comprar, según lo que la tienda sabe de su comportamiento y lo que han comprado clientes similares?

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

Esta distinción es especialmente importante en eCommerce. El ranking textual puede funcionar bien para sitios de contenido o bases de conocimiento, donde el objetivo es mostrar el artículo más relevante.

Pero en eCommerce, el objetivo es la conversión, y eso implica mostrar primero lo que realmente van a clicar y comprar, no solo por la coincidencia de palabras clave. Mostrar el producto correcto primero no es solo un extra, es la diferencia entre una venta y una pérdida.

Merchandising #

Si tienes objetivos de marketing concretos, como promover productos de marca propia o liquidar stock bajo, usa Merchandising para influir rápidamente en los resultados de Search.

Un buen punto de partida es sincronizar el margen de cada producto y después potenciar aquellos de los que obtienes más beneficio. La IA de Clerk sigue asegurando que los productos correctos lleguen a cada visitante: simplemente da más prioridad a tus artículos de mayor margen. Es una de las formas más directas de aumentar el beneficio sin cambiar nada sobre cómo buscan los clientes.

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

Con una simple campaña de merchandising, la tienda puede destacar el producto de marca blanca en los resultados sin perder relevancia. El cliente sigue viendo opciones buenas. La tienda simplemente gana más cuando el primero hace clic.

Lo mismo se aplica a la liquidación de inventario. Si tienes exceso de un artículo concreto, una campaña de impulso a corto plazo puede aumentar su visibilidad en todas las búsquedas relevantes hasta que el stock vuelva a niveles normales, sin tocar precios ni hacer ofertas.

Se tarda menos de 5 minutos en crear campañas que digan a Clerk en qué productos concentrarse en cada momento.