header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

Personalizzare la barra di ricerca del sito

5 min
In questo articolo:
  • Personalizzare le impostazioni della barra di ricerca
  • Modificare il layout della barra di ricerca
  • Personalizzare il design della barra di ricerca
Ricerca nel sito consente ai visitatori di cercare qualsiasi cosa sul tuo sito. Questa app è dotata di una barra di ricerca completamente personalizzabile, che ti consente di personalizzarne l'aspetto e le funzionalità in base alle tue esigenze.
Importante:
L'Editor Studio offre una nuova esperienza di ricerca che non è ancora disponibile nell'Editor Wix. Se il tuo sito è stato creato utilizzando un template nell'Editor Studio, dovrai rimuovere il vecchio elemento Ricerca nel sito e aggiungere l'app Ricerca nel sito al tuo sito per abilitare la nuova esperienza di ricerca.
Uno screenshot che mostra la barra Wix Site Search su un sito live.
Suggerimento:
Puoi anche personalizzare la pagina dei risultati di ricerca dove appaiono i risultati.

Personalizzare le impostazioni della barra di ricerca

Personalizza la barra di ricerca modificando il testo placeholder (il testo iniziale visualizzato prima che i visitatori inizino a digitare) e perfezionando la reattività per controllare se i risultati appaiono mentre i visitatori digitano quello che stanno cercando o solo dopo che hanno finito di digitare.

Per personalizzare le impostazioni della barra di ricerca:

Editor Wix
Editor Studio
  1. Clicca sulla barra di ricerca nell'Editor
  2. Clicca su Impostazioni
Screenshot che mostra l'opzione per cliccare sulle impostazioni nell'Editor
  1. Personalizza le impostazioni della barra di ricerca:
    • Suggerimenti sui risultati ed elementi di tendenza:
      • Abilita/disabilita l'interruttore Mostra suggerimenti per i risultati quando i visitatori iniziano a digitare per mostrare o nascondere i suggerimenti durante le ricerche
      • Abilita/disabilita l'interruttore Mostra gli elementi di tendenza prima che i visitatori inizino a digitare per mostrare o nascondere gli elementi di tendenza nella barra di ricerca 
    • Icona e testo:
      • Abilita/disabilita l'interruttore Mostra l'icona di ricerca per mostrare o nascondere l'icona di ricerca nella barra di ricerca 
      • Abilita/disabilita l'interruttore Mostra testo placeholder per mostrare o nascondere il testo nella barra di ricerca 
        • Se abilitato: inserisci il testo nel campo fornito, es. "Cerca" 
    • Tasto Cancella
      • Icona: aggiunge un'icona X alla barra di ricerca
      • Testo: aggiunge un tasto alla barra di ricerca con il testo fornito

Modificare il layout della barra di ricerca

Regola l'allineamento, i margini e la struttura generale della barra di ricerca per integrarla al meglio con il design del tuo sito.

Per modificare il layout della barra di ricerca:

Editor Wix
Editor Studio
  1. Clicca sulla barra di ricerca nell'Editor
  2. Clicca sull'icona Layout
Screenshot che mostra l'opzione per cliccare sull'icona del layout nell'Editor
  1. Scegli un'opzione di layout (con o senza tasto)
  2. Personalizza l'allineamento, la spaziatura e la spaziatura interna delle icone e del testo
Nota:
Le opzioni di layout disponibili (allineamento, spaziatura e spaziatura interna) variano a seconda del layout scelto nel passaggio 3. 

Personalizzare il design della barra di ricerca

Puoi personalizzare il design della barra di ricerca per ciascuno dei seguenti stati:
  • Regolare: quando la barra non è in uso
  • Passaggio mouse: quando i visitatori passano il mouse sulla barra
  • Focus: quando i visitatori hanno cliccato sulla barra

Per personalizzare il design della barra di ricerca:

Editor Wix
Editor Studio
  1. Clicca sulla barra di ricerca nell'Editor
  2. Clicca sull'icona Design
Screenshot che mostra la possibilità di cliccare sull'icona del design nell'Editor
  1. Seleziona un design predefinito
  2. Clicca su Personalizza design per personalizzarlo ulteriormente
    1. Clicca su una scheda per scegliere lo stato che desideri personalizzare; Regolare, Passaggio mouse o Focus
    2. Personalizza i colori, i bordi, gli angoli, le ombre e il testo per ciascuno degli stati disponibili
Modifica la posizione della barra di ricerca:
Per riposizionare la barra di ricerca, clicca e trascinala nell'intestazione o nel piè di pagina del tuo sito.