Introducción

Uno de los aspectos más importantes de una tienda online es hacer que sea sencillo para los clientes encontrar lo que necesitan. La función de Search de Clerk hace exactamente eso.

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

Comienza rápido #

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

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

Puedes personalizar el diseño en Designs y ajustar el contenido más tarde en Elements:

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

Impacto #

En promedio, las tiendas online que utilizan Search ven una tasa de conversión 4x mayor y un aumento del 11,6% en el valor promedio de pedido.

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

Tipos de layout #

Clerk incluye 3 tipos de layouts que se usan para distintos casos de uso.

Instant Search #

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

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

Search Page & Facets #

Destinado a mostrar todos los resultados coincidentes, la Search Page completa permite a los visitantes navegar fácilmente por conjuntos de resultados grandes. Esto está optimizado para la navegación, ya que también incluye Facets que permiten reducir los resultados en solo unos clics.

Omnisearch #

Combina lo mejor de Instant Search y Search Page en una superposición única que muestra resultados mientras el visitante escribe. Incluye productos, facets, categorías y páginas, dando a los visitantes una amplia perspectiva del catálogo en un solo lugar.

Analítica #

Obtén informes detallados sobre cómo buscan tus visitantes para identificar mejoras que lo hagan aún mejor. Tal vez los visitantes busquen un sinónimo que aún no tienes en los textos de producto, o buscan 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 cuando no hay coincidencias textuales directas
• Customisation rules te permite controlar los resultados exactos mostrados para consultas específicas
• Merchandising te permite crear campañas para destacar, ocultar o eliminar productos según tus estrategias de marketing.

Ranking #

La IA de Clerk sobresale identificando tanto qué productos son las coincidencias más probables basadas en texto, como también cuáles tienen más posibilidades de venderse. Por eso es tan eficaz para negocios de eCommerce.

Intent Search #

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

Reformula la consulta y vuelve a buscar en el catálogo usando los términos que realmente usa el catálogo. Esto ayuda cuando un comprador busca en otro idioma, usa una palabra local, o escribe una frase completa en vez de un término de producto.

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

Intent Search no reemplaza los synonyms. Sigue añadiendo synonyms para variaciones conocidas de palabras; Intent Search ayuda en los casos donde una búsqueda no devolvería resultados.

Attributes #

Search puede encontrar resultados basados en cualquier attribute 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”, del color “verde”. Siempre que el texto esté en algún attribute, se podrá usar.

Puedes configurar los attributes que Search puede utilizar para mostrar resultados.

Texto vs Ventas #

En términos simples, cada producto recibe una lista de palabras relevantes, con una puntuación que define la importancia de cada palabra.

Esta puntuación generalmente se basa 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, basado en los datos de pedidos propios y productos 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.

Luego se toma en cuenta la relevancia en ventas para ordenar los resultados. Por ejemplo, si la botella de 150 ml solo se ha vendido 5 veces en un año y la de 250 ml se vende 10 veces por semana, la segunda 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 radical en la presentación de 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 Semantic Search toma el control y analiza lo que quieren decir.

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

Semantic Search es un paso crucial para mostrar siempre el resultado con mayor probabilidad de conversión, sin importar cómo pulsemos los botones al navegar por tiendas online.

Instalación #

En su base, Search utiliza Clerks API para recibir solicitudes y devolver resultados.

También puedes instalar Search con Clerk.js utilizando diseños alojados y fragmentos embebibles.

Designs #

Search puede ser personalizado de la forma que desees usando uno de estos dos métodos:

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

Continuamos ampliando nuestra biblioteca de diseños predeterminados para que te sea fácil empezar.

Content #

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