Search

Omnisearch #

Una finestra a pagina intera che fornisce ai tuoi visitatori i risultati più probabili per convertire. Ulteriori informazioni possono essere trovate nella principale guida a Omnisearch

Per le Single Page Applications (SPAs), è necessario abilitare 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 dropdown di Ricerca Live 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 Contenuto per la Ricerca Live :

Clicca su Pubblica quando sei soddisfatto dello stile.

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

Clicca su Pubblica quando sei soddisfatto dello stile.

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

Cambia Design

Cambia Contenuto

2 Configurazione VTEX Ricerca (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 un percorso dedicato alla pagina di ricerca su /clerk-search?searchTerm=__QUERY__. Questo percorso ha già il blocco clerkio_searchpage aggiunto nel corpo.

L’App crea anche un campo di input di ricerca per l’uso nel tuo header: clerkio_searchinput. Per impostazione predefinita, questo campo di input ti porta al percorso della pagina dedicata creato dall’app.

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