Compatibilità:
WebSite X5 Evo e Pro
Nei Siti Web ricchi di contenuti e, in modo particolare, nei carrelli di e-commerce con molti prodotti, è consueto impiegare un campo di ricerca per individuare velocemente le informazioni o i prodotti di interesse.
Se vuoi offrire questa possibilità anche ai visitatori del tuo sito, non devi fare altro che utilizzare l'Oggetto Cerca e inserire un campo di ricerca nell'Header/Footer del Modello o direttamente come contenuto di pagina. Questo Oggetto sfrutta un Motore di ricerca interno che è in grado di focalizzare la ricerca solo su alcune sezioni piuttosto che su tutto il sito e di restituire i risultati ordinati in base alla loro pertinenza rispetto al criterio impostato.
Per configurare correttamente l'Oggetto Cerca è sufficiente fare 3 cose:
- Decidere dove inserire il Campo di ricerca.
- Specificare fra quali contenuti deve essere effettuata la ricerca.
- Definire l'aspetto grafico del Campo ricerca.
Come inserire un Campo di ricerca
Nella maggior parte dei casi, la scelta più conveniente è inserire l'Oggetto Cerca direttamente nell'Header del Template, piuttosto che come contenuto della pagina: in questo modo, infatti, il campo di ricerca sarà disponibile in tutte le pagine del sito.
Se decidi di seguire questo consiglio, procedi nel seguente modo:
- Vai al Passo 2 - Impostazioni del Modello e clicca sul pulsante Contenuto del Modello.
- Utilizza l'editor che trovi della sezione Header per inserire l'Oggetto Cerca nella posizione più congeniale all'interno dell'header del template.
- Fai doppio click sull'Oggetto Cerca inserito per accedere alla finestra con tutte le opzioni e procedere con la definizione di tutti i parametri necessari.
#tip - Inserendo un Oggetto Cerca nell'Header/Footer del Modello o come contenuto delle pagine, viene automaticamente visualizzata sulla Mappa la Pagina Speciale "Cerca": puoi selezionarla e richiamare la finestra "Proprietà Pagina" per definirne le proprietà principali.
Come definire l'ambito di ricerca
A questo punto, devi definire su quali contenuti del sito vuoi che venga eseguita la ricerca. Tramite l'apposita opzione presente nella finestra Oggetto Cerca puoi scegliere fra:
- Ricerca su tutto il Sito: la ricerca viene estesa su pagine, immagini, video, prodotti del carrello e-commerce e blog. In questo caso i risultati della ricerca, ordinati in base alla loro pertinenza, verranno restituiti in pagine create automaticamente dal programma. Per maggiori informazioni, vedi Come si presentano le pagine con i risultati delle ricerche prodotte dal Motore di Ricerca interno di WebSite X5?
- Ricerca sui Prodotti del Carrello: questa opzione è disponibile solo se stai lavorando con l'edizione Pro di WebSite X5. In questo caso la ricerca viene effettuata solo tra i prodotti del carrello e-commerce e i prodotti trovati verranno proposti direttamente all'interno della pagina Ricerca prodotti. In questa pagina saranno poi disponibili ulteriori filtri per affinare la ricerca. Per maggiori informazioni, vedi Cos'è e come si utilizza la pagina Ricerca Prodotti del carrello e-commerce?
- Ricerca sugli Articoli del Blog: la ricerca viene effettuata solo tra gli articoli del blog. Gli articoli trovati, ordinati in base alla loro pertinenza, verranno proposti direttamente all'interno della Home Page del blog.
Come definire la grafica del Campo ricerca
Ora puoi iniziare ad occuparti dell'aspetto grafico del Campo di ricerca:
- Rimani nella finestra con le impostazioni necessarie per definire l'Oggetto Cerca.
- Scegli quale tipo di visualizzazione si adatta meglio alle tue esigenze:
- Campo di ricerca e Pulsante: vengono inseriti affiancati sia il Campo di ricerca, in cui sarà possibile digitare il testo da ricercare, sia il Pulsante Cerca, su cui occorrerà cliccare per avviare la ricerca.
- Solo Campo di ricerca: viene inserito solo il Campo di ricerca. Una volta digitato il testo da ricercare, sarà necessario premere sul tasto Invio per avviare la ricerca.
- Solo Pulsante e Campo di ricerca visibile su click: viene inserito solo il Pulsante Cerca. Cliccando sul Pulsante, compare il Campo di ricerca: digitato il testo da ricercare, sarà necessario cliccare una seconda volta sul Pulsante per avviare la ricerca.
- A seconda del tipo di visualizzazione che scegli hai a disposizione opzioni diverse. Puoi personalizzare tutti gli elementi:
- la disposizione del Pulsante rispetto al Campo;
- le etichette visualizzate all'interno del Campo e del Pulsante;
- font, colori, bordi, arrotondamenti, margini e distanze.
- Infine, puoi decidere di aggiungere un'icona, magari una piccola lente di ingrandimento che rende immediatamente comprensibile la funzione del Campo di ricerca:
- Attiva l'opzione Mostra Icona.
- Seleziona l'icona che vuoi utilizzare dalla libreria proposta o importando un file.
- Definisci la Posizione (dentro al Pulsante o dentro al Campo) e l'Allineamento dell'icona (a destra o a sinistra rispetto all'etichetta del Pulsante o del Campo).
- Conferma cliccando sul pulsante Ok.
#tip - Per maggiori informazioni sul Motore di ricerca interno di WebSite X5, vedi Come funziona il Motore di Ricerca interno di WebSite X5?