Introducción

Uno de los aspectos más importantes de una tienda online es facilitar al máximo que los clientes encuentren lo que necesitan. La función de Search de Clerk hace precisamente eso.

Search es todo lo que esperas de una gran función de búsqueda moderna, diseñada específicamente para eCommerce. Maneja errores ortográficos, permite búsquedas por frases completas y presenta los resultados en el orden más probable de conversión.

Empieza rápido #

Cuando abres Search por primera vez, el Admin muestra una configuración Best Practice.

• Selecciona los elementos que quieres crear — Omni‑search, Instant search y Search page — y haz clic en Crear seleccionados.
• Si aún no existe un diseño, Clerk crea automáticamente una plantilla estándar para ti.

Puedes personalizar el diseño en Designs y ajustar el contenido después en Elements:

• Editor de diseño
• Configuración de Elements

Impacto #

De media, las tiendas online que usan Search ven una tasa de conversión 4 veces mayor y un aumento del 11.6% en el valor medio de los pedidos.

Además, el 34% de los visitantes compran productos directamente a través de Search.

Layouts #

Clerk incluye 3 tipos de layouts para diferentes casos de uso.

Instant Search #

Un dropdown que se muestra mientras un visitante está escribiendo. Está optimizado para la velocidad, ya que los visitantes esperan encontrar resultados rápido.

Por defecto, un Instant Search ofrece una visión amplia del catálogo mostrando tanto productos, categorías y páginas para cualquier búsqueda.

Search Page & Facets #

Se utiliza para mostrar cada coincidencia, la Search Page permite a los visitantes navegar fácilmente por grandes conjuntos de resultados. Está optimizada para la navegación, incluyendo también Facets que permiten a los visitantes acotar resultados en solo unos clics.

Omnisearch #

Combina lo mejor de Instant Search y Search Page en un overlay único que muestra resultados mientras el visitante escribe. Contiene productos, facets, categorías y páginas, brindando a los visitantes una visión profunda del catálogo desde un solo lugar.

Analytics #

Obtén información detallada sobre cómo buscan tus visitantes, para identificar mejoras que lo hagan aún mejor. Puede que los visitantes busquen un sinónimo que aún no tienes en los textos de productos, o que busquen variaciones de color que deberías tener en stock.

Personalización de resultados #

Search tiene varias formas de influir en los resultados:

• Synonyms te permite conectar palabras y frases similares para mostrar resultados incluso si no hay coincidencias directas de texto
• Customisation rules te permite controlar los resultados exactos que se muestran para consultas específicas
• Merchandising te permite crear campañas que promocionan, eliminan o entierran productos para adaptarse a tus estrategias de marketing.

Ranking #

La IA de Clerk destaca en identificar tanto los productos más probables por coincidencia de texto como los que tienen más probabilidades de venderse. Por eso es excelente para negocios de eCommerce.

Intent Search #

Intent Search ayuda a los compradores a encontrar productos cuando su búsqueda original no arrojaría resultados. Funciona automáticamente para clientes existentes, sin necesidad de configuración ni habilitación.

Reescribe la consulta y busca de nuevo en el catálogo usando los términos que realmente se utilizan. Esto es útil cuando un comprador busca en otro idioma, utiliza una palabra local o escribe una frase completa en vez de un término de producto.

La consulta reescrita se gestiona en el backend. El término de búsqueda original del comprador permanece en la barra de búsqueda mientras se muestran los resultados corregidos.

Attributes #

Search puede encontrar resultados según cualquier atributo disponible para tus productos, categorías y páginas.

Si un usuario busca “sacos de dormir verdes para senderismo”, se mostrarán productos de las categorías “Sacos de dormir” y “Senderismo” con el nombre “Treklife Trip”, en el color “green”. Mientras el texto esté disponible en cualquier atributo, puede utilizarse.

Puedes configurar los atributos que Search puede usar para mostrar resultados.

Text vs Sales #

En términos simples, cada producto recibe una lista de palabras relevantes, con un puntaje que define la importancia de cada una.

Este puntaje se basa generalmente en dos factores:

• Qué tan importante es la palabra para ese producto en comparación con otros.
• Qué probabilidad hay de que el producto se venda, basada en los datos de pedidos de ese producto y de artículos similares.

Por ejemplo, si un visitante busca “redken spray wax”, los productos con “spray” y “wax” en su nombre, y la marca “Redken” tendrán mayor relevancia de texto que los productos con “spray the wax-like residue” en su descripción.

La relevancia de ventas se tiene en cuenta al ordenar los resultados. Por ejemplo, si la botella de 150 ml se ha vendido solo 5 veces en un año y la de 250 ml se vende 10 veces por semana, esta última se muestra primero.

Semantic Search Beta #

Solo disponible para clientes beta. Puede ser activado por empleados de Clerk en Settings > Features > Semantic Fallback

Un cambio de juego en mostrar resultados relevantes, Semantic Search entiende lo que tus clientes quieren decir, no solo lo que escriben.

Si un cliente busca de forma menos específica, usando lenguaje natural, nuestra función de Semantic Search interviene y analiza lo que quiere decir.

Búsquedas como “algo para lavar la ropa” mostrarán lavadoras y “necesito enfriar comida” mostrarán neveras.

Semantic Search es un paso crucial para mostrar siempre el resultado más probable de convertir, sin importar cómo escribamos al navegar por tiendas online.

Instalación #

En esencia, Search utiliza la API de Clerk para recibir solicitudes y devolver resultados.

También es posible, y recomendable, usar nuestra solución Clerk.js para instalar Search usando diseños alojados combinados con fragmentos embebibles:

Diseños #

Search puede personalizarse como desees usando uno de estos dos métodos:

• Un editor visual de diseño (Instant Search, Search Page)
• Con código usando HTML, CSS y Liquid (Instant Search, Search Page, Omnisearch)

Seguimos ampliando nuestra biblioteca de diseños por defecto para que te resulte fácil comenzar.

Contenido #

Estos son fragmentos configurables que contienen el layout y diseño que deseas usar, permitiéndote insertar un fragmento en tu sitio para mostrar los resultados de Search.