Search

Omnisearch #

Una finestra a pagina intera che serve ai tuoi visitatori con i risultati che hanno maggiori probabilità di convertire. Ulteriori informazioni possono essere trovate nella principale guida a Omnisearch

Per le Single Page Applications (SPAs), deve essere abilitata una funzionalità aggiuntiva per integrare Omnisearch. La funzionalità, SPA Auto Detect Changes, può essere attivata navigando su my.clerk.io > Impostazioni > Funzionalità.

Ricerca Istantanea & Pagina di Ricerca #

La funzione di ricerca di Clerk.io è composta da due parti:

• Il menu a discesa Live-Search che viene visualizzato quando un cliente inizia a digitare.

• La Pagina di Ricerca che visualizza tutti i prodotti corrispondenti su una pagina intera.

Dal menu principale inizia cliccando su Iniziare:

1. Crea Design e Contenuti Standard #

La prima cosa che devi fare è creare Design e Contenuti Standard.

Puoi utilizzare la guida di configurazione intitolata RICERCA sotto l’opzione Iniziare, per creare rapidamente Design e Contenuti che abbiano lo stesso schema di colori e stile del tuo webshop.

1. Inizia creando un Design e Contenuti per la Ricerca Istantanea :

Clicca su Pubblica quando sei soddisfatto dello stile.

2. E poi crea un Design e Contenuti per la Pagina di Ricerca:

Clicca su Pubblica quando sei soddisfatto dello stile.

Puoi facilmente modificare i tuoi design e contenuti in seguito, sotto Design e Contenuti nel menu a sinistra.

Cambia Design

Cambia Contenuto

2 Configurazione Ricerca VTEX (Ricerca live & Pagina di ricerca) #

1. Nel tema del tuo negozio, aggiungi clerkiopartnerdk.integration-vtex 1.x come peerDependency del tema nel file manifest.json:

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

2. Aggiungi il blocco clerkio_searchpage nella pagina di ricerca dedicata.

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

L’App creerà anche una route dedicata per la pagina di ricerca su /clerk-search?searchTerm=__QUERY__. Questa route ha già il blocco clerkio_searchpage aggiunto nel corpo.

L’App crea anche un campo di input di ricerca per l’uso nell’intestazione: clerkio_searchinput. Per impostazione predefinita, questo campo di input ti porta alla route della pagina dedicata creata dall’app.

Dopo aver abilitato le funzionalità, sarai in grado di vedere la funzione RICERCA di Clerk.io sul tuo webshop.