Personalizzare la barra di ricerca del sito
Tempo di lettura: 5 min.
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.
![barra di ricerca sito](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/ff3551c3-2603-40b2-92a7-a7a2e6f8e187/2024/01/15/ec33ba38-8911-4346-8c16-26df566c0c96/a9b02ea1-3c8d-4ac4-ac07-6b269895d847.png)
Suggerimento:
Puoi anche personalizzare la pagina dei risultati di ricerca dove appaiono i risultati.
In questo articolo, scoprirai come:
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
- Clicca sulla barra di ricerca nell'Editor
- Clicca su Impostazioni
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/07611794-742f-4d53-8c5b-24ba712a6934/2024/05/20/574525b2-3f86-486b-ae6c-1ffbfb92ecca/dbc12793-a0eb-45c5-adb3-f3e672e54cf6.png)
- Modifica il testo placeholder che appare quando la barra di ricerca è vuota
Nota:
Questo testo scompare quando il visitatore inizia a digitare nella barra di ricerca.
- Modifica le impostazioni dei suggerimenti per i risultati:
- Mostra suggerimenti sui risultati quando un utente inizia a digitare: abilita o disabilita i suggerimenti sui risultati. Se abilitato, i suggerimenti sui risultati iniziano ad apparire mentre il visitatore sta digitando
- Mostra gli articoli di tendenza prima che un utente inizi a digitare: abilita o disabilita la visualizzazione degli articoli di tendenza prima che un utente inizi a digitare
Nota: abilitare gli articoli di tendenza è possibile solo se sono abilitati anche i suggerimenti sui risultati
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
- Clicca sulla barra di ricerca nell'Editor
- Clicca sull'icona Layout
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/07611794-742f-4d53-8c5b-24ba712a6934/2024/05/20/e0d393ec-4687-418b-b85e-3e9fd107b2c9/feca36b6-7e59-4feb-8f50-ba6ffcc7d735.png)
- Scegli un'opzione di layout (con o senza tasto)
- 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
- Clicca sulla barra di ricerca nell'Editor
- Clicca sull'icona Design
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/07611794-742f-4d53-8c5b-24ba712a6934/2024/05/20/e37579ff-23ed-415f-b287-dc846e59b0aa/135d17f1-35ef-4c98-b141-8441bf0e145c.png)
- Seleziona un design predefinito
- Clicca su Personalizza design per personalizzarlo ulteriormente
- Clicca su una scheda per scegliere lo stato che desideri personalizzare; Regolare, Passaggio mouse o Focus
- 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.
Hai trovato utile questo articolo?
|