Vtex

Search

Omnisearch #

Un’unica finestra a pagina intera che offre ai visitatori i risultati che hanno maggiori probabilità di conversione. Ulteriori informazioni sono disponibili nella sezione principale Guida Omnisearch

Per le applicazioni a pagina singola (SPA), è necessario attivare una funzione aggiuntiva per integrare Omnisearch. La funzione, SPA Auto Detect Changes, può essere attivata navigando su my.clerk.io > Impostazioni > Funzionalità.

Features SPA changes

Instant Search e pagina di ricerca #

ClerkIl sito funzione di ricerca di .io è composto da due parti:

  • La Ricerca in tempo reale a tendina che viene visualizzata quando il cliente inizia a digitare.

  • Il sito Pagina di ricerca che visualizza tutti i prodotti corrispondenti su un’intera pagina.

Dal menu principale si inizia facendo clic su Per iniziare:

1. Creare design e contenuti standard #

La prima cosa che dovete fare è creare Design e contenuti standard.

È possibile utilizzare la guida alla configurazione intitolata RICERCA sotto l’opzione Guida introduttiva, per creare rapidamente Designs e Content che abbiano lo stesso schema di colori e lo stesso stile del vostro webshop.

  1. Iniziate creando un Design e un Content per il sito Ricerca in tempo reale. :
setup guide live search

Fare clic su Pubblicare quando si è soddisfatti dello stile.

  1. Creare quindi un Design e un Contenuto per il sito Pagina di ricerca:
setup guide search page

Fare clic su Pubblicare quando si è soddisfatti dello stile.

È possibile modificare facilmente il design e i contenuti in un secondo momento, sotto Design e contenuti nel menu di sinistra.

Cambia design

search design edit

Cambiamento di contenuto

search content edit

2 Configurazione della ricerca VTEX (ricerca live e pagina di ricerca) #

  1. Nel tema del negozio, aggiungere clerkiopartnerdk.integration-vtex 1.x come peerDependency del tema nel file manifest.json:
"peerDependencies": {
    "clerkiopartnerdk.integration-vtex": "1.x"
}
  1. Aggiungere il blocco clerkio_searchpage nella pagina di ricerca dedicata.
{
  "responsive-layout.desktop#searchpage": {
    "children": ["clerkio_searchpage"]
  }
}

L’applicazione 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’applicazione crea anche un campo di input per la ricerca di componenti da utilizzare nell’intestazione: clerkio_searchinput. Per impostazione predefinita, questo campo di input porta al percorso della pagina dedicata creato dall’applicazione.

Dopo aver abilitato le funzionalità, sarà possibile visualizzare la funzione di ricerca di Clerk.io sul proprio negozio web.

Questa pagina è stata tradotta da un'utile intelligenza artificiale, quindi potrebbero esserci errori linguistici. Grazie per la comprensione.