Come aggiungere la ricerca Ajax in tempo reale al tuo sito WordPress (il modo più semplice)
Tempo di lettura: 5 minuti

Vuoi aggiungere la ricerca Ajax in tempo reale al tuo sito WordPress?

L’aggiunta della ricerca istantanea a WordPress migliora la ricerca del sito predefinita e rende più facile per i tuoi visitatori trovare le pagine e i post che stanno cercando.

In questo articolo, ti mostreremo come aggiungere la ricerca Ajax in tempo reale al tuo sito WordPress, passo dopo passo.

Perché aggiungere la ricerca Ajax live a WordPress?

La ricerca Live Ajax, chiamata anche ricerca istantanea, migliora l’esperienza di ricerca predefinita di WordPress aggiungendo il menu a discesa e la funzione di completamento automatico comune nei motori di ricerca come Google.

Ecco un esempio di questo in azione:

Esempio live di ricerca Google

La ricerca in tempo reale indovina cosa stanno cercando gli utenti mentre digitano e li aiuta a trovare più velocemente i contenuti pertinenti. Questo è un enorme miglioramento rispetto alla ricerca predefinita di WordPress.

Aiutando gli utenti a trovare rapidamente ciò che stanno cercando, la ricerca in tempo reale li aiuterà a rimanere più a lungo sul tuo sito, il che può aumentare le visualizzazioni di pagina e ridurre la frequenza di rimbalzo.

Detto questo, diamo un’occhiata a come puoi semplicemente aggiungere la ricerca Ajax dal vivo al tuo blog WordPress o sito web.

Aggiungere la ricerca Ajax a WordPress con un plugin per WordPress

Il modo più semplice per aggiungere la ricerca live Ajax a WordPress è usare il CercaWP collegare. È il miglior plugin di ricerca per WordPress sul mercato utilizzato da oltre 30.000 siti web.

CercaWP

Questo plugin va oltre l’indicizzazione del contenuto dei post e indicizzerà tutto sul tuo sito web, come Campi personalizzati, documenti PDF, file di testo, WooCommerce prodotti e altro ancora.

Per questo tutorial, puoi usare il gratuito SearchWP Live Ajax Lite Search plugin, poiché abilita automaticamente la ricerca live Ajax.

La prima cosa che devi fare è installare e attivare il plugin. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Dopo l’attivazione, il modulo di ricerca WordPress predefinito ora includerà automaticamente la funzione di ricerca live Ajax.

Visualizzazione di Ajax Live Search sul tuo sito WordPress

Poiché qualsiasi barra di ricerca attiva ora ha la ricerca in tempo reale, tutto ciò che devi fare è decidere dove vuoi che vengano visualizzati.

Di seguito imparerai come aggiungere la barra di ricerca in tempo reale a posizioni comuni sul tuo Sito Web WordPress.

Aggiunta di Live Ajax Search alla sidebar di WordPress

Una delle aree più popolari per aggiungere una barra di ricerca è la barra laterale di WordPress. Ciò rende più facile per i tuoi visitatori fare una ricerca indipendentemente da dove si trovano sul tuo sito web.

Per aggiungere il widget di ricerca a WordPress, vai su Aspetto » Widget per visualizzare l’editor widget basato su blocchi.

Personalizza i blocchi widget

Ogni area widget del tuo Tema WordPress avrà una scheda separata nell’editor dei blocchi.

Sul nostro sito di prova, la nostra area widget della barra laterale si chiama “Barra laterale destra”, ma la tua potrebbe avere un nome diverso a seconda del tema.

Basta fare clic sull’icona “+” sotto la sezione della barra laterale.

Aggiungi blocco widget della barra laterale

Quindi, digita “SearchWP” nella barra di ricerca e fai clic sull’icona “SearchWP Live Search”.

Questo inserirà automaticamente il widget di ricerca Ajax live nella barra laterale.

Aggiungi il widget di ricerca live SearchWP

Puoi personalizzare la sezione Titolo per modificare l’intestazione della casella di ricerca. Al termine, fai clic sul pulsante Aggiorna per salvare le modifiche e attivare la barra di ricerca.

Personalizza e salva widget di ricerca in tempo reale

Ora la tua barra di ricerca live sarà utilizzabile da tutti i visitatori del tuo sito web.

Esempio di ricerca di widget live

Puoi seguire la stessa procedura per aggiungere la barra di ricerca live a qualsiasi altra area widget del tuo sito web. Per aggiungerlo alla tua area del menu di navigazione, consulta la nostra guida su come aggiungere una barra di ricerca al menu di WordPress.

Aggiunta della ricerca Ajax in tempo reale alle pagine di WordPress

Potresti anche voler aggiungere una casella di ricerca Ajax live ad altre pagine del tuo sito web. Ad esempio, potresti avere una pagina di archivio che consente ai tuoi visitatori di cercare tra i tuoi contenuti.

Per fare ciò, dovrai accedere a post o pagina vuoi modificare. Per questo esempio, ti mostreremo come aggiungere la barra di ricerca live a una pagina WordPress.

Per prima cosa, vai su Pagine » Tutte le pagine e quindi fare clic sulla pagina che si desidera modificare.

Apri la pagina di WordPress

Una volta aperta la pagina, fai clic sull’icona ‘+’ nella schermata dell’editor di pagina.

Questo farà apparire il menu dei blocchi.

Aggiungi un nuovo blocco di pagina

Quindi, digita “Cerca” nella casella e quindi fai clic sull’icona “Cerca” per aggiungerlo alla tua pagina.

Posiziona automaticamente la barra di ricerca per te.

Seleziona il blocco di ricerca

Puoi anche personalizzare il titolo di ricerca e il testo segnaposto all’interno della casella di ricerca.

Successivamente, assicurati di fare clic sul pulsante “Aggiorna” nell’angolo in alto a destra della pagina.

Salva blocco di ricerca in tempo reale sulla pagina

Ora i tuoi visitatori possono utilizzare la barra di ricerca in tempo reale sul tuo sito web per trovare rapidamente ciò che stanno cercando.

Puoi utilizzare la stessa procedura per aggiungere una barra di ricerca a qualsiasi articolo o pagina.

Esempio di pagina di ricerca in tempo reale

Personalizzazione dei risultati di ricerca istantanei di WordPress

SearchWP è un plug-in di ricerca molto versatile e va oltre il semplice contenuto del post e indicizza tutto sul tuo sito inclusi campi personalizzati, campi ACF, file di testo, contenuto di documenti PDF, tabelle personalizzate, tassonomie personalizzate, attributi del prodotto WooCommerce e altro ancora.

La versione pro del Plugin SearchWP ti consente di personalizzare completamente i risultati della tua ricerca creando la tua scala di pertinenza e regolando l’algoritmo senza scrivere alcun codice.

Motori personalizzati SearchWP

Ottieni anche la funzione Metriche che ti consente di vedere cosa stanno cercando i tuoi visitatori e molte altre potenti funzionalità per migliorare ulteriormente la tua funzione di ricerca in loco.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere la ricerca Ajax in tempo reale al tuo sito WordPress. Potresti anche voler vedere la nostra guida su come scegliere il miglior registrar di nomi di dominio, e le nostre scelte esperte del miglior software per webinar per le piccole imprese.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale Youtube per i video tutorial di WordPress. Ci trovi anche su Twitter e Facebook.

il post Come aggiungere la ricerca Ajax in tempo reale al tuo sito WordPress (il modo più semplice) è apparso per primo su WPBeginner.



Source link

Di Simone Serra

Web Designer Freelancer Realizzazione Siti Web Serra Simone Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.