Search

Omnisearch #

Una ventana de página completa que sirve a tus visitantes con los resultados que tienen más probabilidades de convertir. Más información se puede encontrar en la guía principal Omnisearch

Para Aplicaciones de Página Única (SPAs), se debe habilitar una función adicional para integrar Omnisearch. La función, SPA Auto Detect Changes, se puede activar navegando a my.clerk.io > Configuración > Funciones.

Búsqueda Instantánea y Página de Búsqueda #

La función de búsqueda de Clerk.io consta de dos partes:

• El desplegable de Búsqueda en Vivo que se muestra cuando un cliente comienza a escribir.

• La Página de Búsqueda que muestra todos los productos coincidentes en una página completa.

Desde el menú principal, comienza haciendo clic en Introducción:

1. Crear Diseños y Contenido Estándar #

Lo primero que necesitas hacer es crear Diseños y Contenido Estándar.

Puedes usar la guía de configuración titulada BÚSQUEDA bajo la opción Introducción, para crear rápidamente Diseños y Contenido que tengan el mismo esquema de color y estilo que tu tienda en línea.

1. Comienza creando un Diseño y Contenido para la Búsqueda en Vivo :

Haz clic en Publicar cuando estés satisfecho con el estilo.

2. Y luego crea un Diseño y Contenido para la Página de Búsqueda:

Haz clic en Publicar cuando estés satisfecho con el estilo.

Puedes cambiar fácilmente tus diseños y contenido más tarde, bajo Diseños y Contenido en el menú de la izquierda.

Cambiar Diseño

Cambiar Contenido

2 Configuración de Búsqueda VTEX (Búsqueda en vivo y Página de búsqueda) #

1. En el tema de tu tienda, agrega clerkiopartnerdk.integration-vtex 1.x como una dependencia peer en el archivo manifest.json:

"peerDependencies": {
    "clerkiopartnerdk.integration-vtex": "1.x"
}

2. Agrega el bloque clerkio_searchpage en la página de búsqueda de aterrizaje dedicada.

{
  "responsive-layout.desktop#searchpage": {
    "children": ["clerkio_searchpage"]
  }
}

La aplicación también creará una ruta de página de búsqueda dedicada en /clerk-search?searchTerm=__QUERY__. Esta ruta ya tiene el bloque clerkio_searchpage agregado en el cuerpo.

La aplicación también crea un campo de entrada de búsqueda de componente para usar en tu encabezado: clerkio_searchinput. Por defecto, este campo de entrada te lleva a la ruta de página dedicada creada por la aplicación.

Después de habilitar las funciones, podrás ver la función de BÚSQUEDA de Clerk.io en tu tienda en línea.