Blog di SearchWP

Tutorial, suggerimenti e risorse di WordPress per aiutarti a far crescere la tua attività

Come aggiungere la ricerca Ajax live al tuo WordPress senza un plugin

Cerchi un modo per aggiungere una ricerca Ajax live al tuo sito WordPress senza un plugin?

Ti permetterà di fornire istantaneamente i risultati della ricerca ai tuoi visitatori e migliorare la loro esperienza utente.

In questa guida, parleremo di come puoi aggiungere la ricerca live al tuo sito senza un plugin e degli svantaggi di questo metodo.

Ecco un indice per aiutarti a navigare:

Perché Aggiungere la Ricerca Live al Tuo Sito

Aggiungere la ricerca live al tuo sito è utile per diverse ragioni.

Innanzitutto, è molto più comodo per i tuoi visitatori ottenere risultati di ricerca istantanei piuttosto che vederli su una nuova pagina separata dove WordPress li mostra per impostazione predefinita.

Permette loro di risparmiare tempo e capire più velocemente se il contenuto che stanno cercando è sul tuo sito o meno.

ricerca in tempo reale su un sito

In secondo luogo, ti aiuta ad aumentare le tue pagine visualizzate, poiché i visitatori che hanno avuto un'esperienza di ricerca positiva sul tuo sito sono più propensi a utilizzarla di nuovo.

È anche un ottimo modo per attrarre più traffico dai motori di ricerca, poiché Google presta molta attenzione alla durata media della sessione su un sito.

Ma aggiungere una ricerca live senza un plugin potrebbe essere un obiettivo impegnativo. Diamo un'occhiata più da vicino al perché questa non sia l'opzione migliore.

Svantaggi dell'Aggiunta della Ricerca Ajax Live Senza un Plugin

Il problema principale nell'aggiungere la ricerca live al tuo sito senza un plugin è che comporta la modifica del codice del tuo tema.

Questo approccio ha un paio di seri svantaggi di cui dovresti essere a conoscenza:

  • Richiede competenze di codifica. Devi avere esperienza di codifica e una profonda comprensione di come funziona WordPress per modificare con successo il codice del tuo tema.
  • Richiede più tempo. A differenza dell'utilizzo di un plugin, la modifica del codice del tuo tema richiede parecchio tempo per capire quali modifiche devi apportare e dove inserirle.
  • Non è affidabile. Puoi facilmente perdere tutte le personalizzazioni del codice se aggiorni il tuo tema o la versione di WordPress.
  • Non è conveniente. Un plugin ti offre molta più flessibilità poiché puoi abilitare e disabilitare rapidamente le funzionalità di cui hai bisogno in base alle tue esigenze.

Quindi, se non sei un utente WordPress esperto o uno sviluppatore web, è meglio che tu utilizzi un altro modo per aggiungere la ricerca live al tuo sito.

Una volta chiarito questo, vediamo come puoi aggiungere la ricerca live al tuo sito senza modificare i file del tuo tema utilizzando un plugin.

Metodo 1: Aggiungere la Ricerca Ajax Live Utilizzando un Plugin

Il modo più semplice per aggiungere una ricerca Ajax live al tuo sito è utilizzare un plugin come SearchWP.

SearchWP

SearchWP è il miglior plugin di ricerca WordPress sul mercato, con oltre 50.000 installazioni attive.

Con esso, puoi abilitare la ricerca live sul tuo sito in pochi clic, senza bisogno di codifica.

E questa è solo una delle tante altre funzionalità di SearchWP. Lo scopo principale di questo plugin è darti il controllo completo sulla ricerca sul tuo sito.

Ad esempio, utilizzandolo, puoi modificare l'ordine dei risultati di ricerca, rendere ricercabili tag di post, categorie e campi personalizzati, creare moduli di ricerca personalizzati e altro ancora.

Ecco alcune altre funzionalità di SearchWP che ti aiuteranno a far crescere la tua attività:

Detto questo, vediamo come puoi abilitare la ricerca live sul tuo sito utilizzando SearchWP.

Passaggio 1: Installa e Attiva SearchWP sul Tuo Sito

Per iniziare, dovrai visitare il sito web di SearchWP e ottenere la tua copia di SearchWP.

Una volta fatto, vai alla tua dashboard di SearchWP e fai clic sulla scheda Download.

Scarica il plugin SearchWP dall'area account

Quindi, premi il pulsante Scarica SearchWP e salva il file ZIP del plugin sul tuo computer. Dopo averlo scaricato, dovresti anche copiare la tua chiave di licenza di SearchWP sulla stessa pagina. Ti servirà in seguito per attivare il plugin sul tuo sito.

Ora, dovrai caricare il file ZIP di SearchWP sul tuo sito e installare il plugin. Dai un'occhiata al tutorial su come installare un plugin di WordPress se hai bisogno di un promemoria su come farlo.

Una volta che il plugin è attivo, vedrai la schermata di benvenuto e la procedura guidata di configurazione di SearchWP. Fai clic sul pulsante ‘Avvia procedura guidata di onboarding’ e segui le istruzioni visualizzate.

Procedura guidata di onboarding SearchWP

Una volta attivata la licenza, sei pronto per passare al passaggio successivo e installare l'estensione Live Search.

Passaggio 2: Installa l'estensione SearchWP Live Search

L'installazione di questa estensione SearchWP ti consente di abilitare la ricerca Ajax live sul tuo sito in pochi clic senza scrivere una sola riga di codice.

Per iniziare, puoi navigare su SearchWP » Estensioni dalla tua dashboard di WordPress.

Da qui, dovrai trovare l'estensione Live Search e fare clic sul pulsante Installa.

Installa l'estensione di ricerca live

Ecco fatto. Hai appena aggiunto con successo una ricerca Ajax live al tuo sito.

Vediamo come funziona.

Per fare ciò, vai sul tuo sito ed esegui una ricerca.

Ad esempio, ecco come appare una ricerca Ajax live di SearchWP sul nostro sito di prova:

come aggiungere la ricerca in tempo reale al tuo sito WordPress senza un plugin

Puoi anche consultare la nostra guida su come aggiungere la ricerca live a WordPress gratuitamente.

Metodo 2: Aggiungere la Ricerca Ajax Live Senza un Plugin

Per aggiungere una ricerca Ajax live al tuo sito senza utilizzare un plugin, dovresti notare che dovrai aggiungere molto codice personalizzato ed effettuare modifiche ai file del tuo tema.

Ora, se non sei uno sviluppatore, allora non raccomandiamo questo metodo. Invece, puoi seguire il primo metodo e utilizzare SearchWP per aggiungere la ricerca Ajax live.

Prima di iniziare, ti consigliamo di creare un tema figlio del tuo tema attuale che utilizzi sul tuo sito. Ti consentirà di passare rapidamente al tuo tema padre se fai qualcosa di sbagliato e il tuo sito va in crash.

Puoi consultare questo tutorial su come creare un tema figlio di WordPress se hai bisogno di aiuto.

È anche buona norma eseguire il backup del tuo sito prima di iniziare a modificare, per ogni evenienza. Ci sono molti plugin di backup di WordPress tra cui puoi scegliere, come Duplicator

Successivamente, dovrai aggiungere JavaScript, PHP e CSS per impostare la ricerca Ajax. 

Per aiutarti, ecco un elenco di funzionalità di cui avrai bisogno sul tuo sito WordPress:

  • Integra i risultati in tempo reale nei moduli di ricerca del tuo sito.
  • Effettua richieste Ajax per recuperare i risultati.
  • Visualizza i risultati in un menu a discesa, in modo che i visitatori possano vederli mentre digitano.
  • Gestisci l'interazione dell'utente con i risultati della ricerca. Ad esempio, dovrai spostarti tra i risultati con le frecce della tastiera, chiudere il menu a discesa se l'utente fa clic all'esterno o preme il tasto ESC.
  • Aggiungi codice PHP per gestire la richiesta Ajax, eseguire la query e restituire i risultati, e inviare una risposta Ajax.
  • CSS per stilizzare il menu a discesa e i risultati della ricerca che appariranno.

Poiché ciò richiede uno sviluppo personalizzato, potresti voler assumere uno sviluppatore o un servizio professionale come WPBeginner Pro Services.

In questo modo, puoi spiegare le tue esigenze e ottenere una soluzione personalizzata per il tuo sito WordPress.

Permetterà ai tuoi visitatori di ottenere istantaneamente i risultati della ricerca e aumenterà il numero delle tue visualizzazioni di pagina.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere la ricerca Ajax in tempo reale al tuo WordPress senza un plugin. Potresti anche voler consultare le nostre guide su come cercare post per tag in WordPress e come escludere categorie dalla ricerca di WordPress.

Vuoi aggiungere la ricerca in tempo reale al tuo sito in pochi clic senza scrivere codice? Puoi iniziare con SearchWP qui.

avatar autore
Aazim Akhtar

Crea Oggi Stesso una Migliore Esperienza di Ricerca WordPress

Non perdere mai più visitatori a causa di risultati di ricerca inutili. SearchWP rende la creazione della tua ricerca intelligente WordPress veloce e facile.

Get SearchWP Now
Icona di motori di ricerca multipli