Come creare il tuo modulo di ricerca personalizzato in WordPress (3 modi)

Pubblicato: 2022-08-11
how to create a custom search form in wordpress

Vuoi creare facilmente un modulo di ricerca personalizzato in WordPress senza alcuna codifica?

Un modulo di ricerca personalizzato consente ai visitatori di cercare e filtrare facilmente i contenuti del tuo sito Web in pochi clic.

Quando gli utenti trovano rapidamente ciò che stanno cercando, è più probabile che rimangano sul tuo sito più a lungo. È anche più probabile che agiscano per acquistare un prodotto, leggere il tuo blog, iscriversi a una newsletter e altro ancora.

In questo post, ti mostreremo come creare facilmente un modulo di ricerca personalizzato in WordPress per migliorare l'esperienza utente e aumentare le conversioni.

Prima di ciò, vediamo se hai davvero bisogno di creare un modulo di ricerca personalizzato per il tuo sito.

Perché creare un modulo di ricerca personalizzato?

Un modulo di ricerca personalizzato è l'ideale per i siti con molti contenuti, prodotti, documentazione e domande frequenti. È una funzionalità indispensabile nei negozi di eCommerce, nelle directory aziendali online, nei siti di scuole/università e siti simili.

L'opzione di ricerca aiuterà gli utenti a trovare ciò di cui hanno bisogno senza spendere minuti o addirittura ore a cercarlo.

Ecco perché dovresti creare un modulo di ricerca personalizzato per il tuo sito WordPress:

  • Aiuta gli utenti a navigare tra i tuoi contenuti
  • Risparmia tempo trovando le cose più velocemente
  • Aumenta le conversioni e le vendite
  • Ottimizza il tuo sito per gli utenti mobili
  • Riduce la frequenza di rimbalzo

Ora ti mostreremo come creare un modulo di ricerca personalizzato in WordPress utilizzando un plug-in per la creazione di moduli.

Come creare un modulo di ricerca personalizzato in WordPress

Il primo metodo che puoi utilizzare è l'opzione di ricerca predefinita offerta da WordPress.org. Puoi abilitare una ricerca di base su WordPress che ti consente di cercare pagine e post sul tuo sito.

Questo metodo è un po' complicato però. Implica la codifica e la modifica di file come functions.php che sono altamente sensibili. Un passo sbagliato e potresti rompere il tuo sito web.

Dovrai utilizzare la funzione " get_search_form() " per visualizzare il modulo di ricerca sul tuo sito. Questo ti aiuterà il file searchform.php nel tuo tema WordPress. Se non può essere trovato, verrà utilizzata l'opzione di ricerca principale predefinita di WordPress.

Ma, per personalizzare la casella di ricerca di WordPress, dovrai aggiungere altro codice al file.

Se non ti senti a tuo agio con la codifica, è meglio utilizzare un plug-in di ricerca WordPress affidabile per abilitare una ricerca sul sito. Ed è esattamente quello che faremo per questo tutorial.

Troverai diversi plugin sul mercato che ti consentono di personalizzare il modulo di ricerca di WordPress.

Assicurati di scegliere un plugin per WordPress che non solo ti permetta di creare una ricerca personalizzata, ma anche di aggiungere filtri e mostrare i risultati giusti ai tuoi visitatori.

Ti consigliamo di utilizzare SearchWP, il plug-in di ricerca n. 1 per WordPress che ti consente di cercare TUTTO sul tuo sito. Puoi anche utilizzare Formidable Forms per creare un modulo di ricerca personalizzato. Di seguito, ti mostreremo come creare un modulo di ricerca personalizzato utilizzando questi 2 plugin.

Crea un modulo di ricerca personalizzato utilizzando SearchWP

searchwp

SearchWP è senza dubbio il miglior plug-in di ricerca personalizzato per WordPress. È facile da usare, mostra risultati accurati e ti dà il controllo sul modulo di ricerca.

SearchWP è davvero fantastico e ha incredibili funzionalità premium, quindi è un plug-in premium. Puoi iscriverti a un piano a partire da $ 99 all'anno. E anche se non rimarrai deluso, c'è una garanzia di rimborso di 14 giorni.

Ciò ti consentirà di abilitare una ricerca per tutto. Cerca i dettagli del tuo prodotto, il contenuto dei campi personalizzati, l'output dello shortcode, il contenuto della tabella del database personalizzato, la ricerca multisito tra siti e altro sul tuo sito.

Avrai accesso a funzionalità tra cui:

  • Indicizzazione di documenti PDF e Office
  • Integrazione automatica con Native WP Search, nessuna codifica!
  • Più motori di ricerca
  • Derivazione delle parole chiave
  • Supporto avanzato dei campi personalizzati
  • Integrazione WooCommerce
  • Escludere o attribuire i risultati
  • Cerca statistiche e approfondimenti
  • Facile personalizzazione dell'algoritmo

Il plug-in si integra anche con bbPress, WP Job Manager, Easy Digital Downloads e altro ancora. Inoltre, avrai accesso al supporto impegnato e alla documentazione dettagliata.

E tutto ciò che abbiamo menzionato è solo sul piano di base, quindi il plug-in vale totalmente il suo prezzo a soli $ 8,25 al mese. Avrai molte più funzionalità sui piani di fascia alta.

Dopo aver registrato un account, puoi iniziare con il tutorial qui sotto.

Passaggio 1: attivazione di SearchWP

All'interno del tuo account SearchWP, puoi accedere alla tua chiave di licenza, ai dettagli dell'account e ai download. Dovrai scaricare il file del plugin. E vorrai anche copiare la tua chiave di licenza poiché ti servirà tra un po'.

searchwp account

Quindi, vai al tuo pannello di amministrazione wp e vai a Plugin » Aggiungi nuovo » Carica plug-in.

upload plugin in wordpress

Seleziona il file del plug-in che hai scaricato sul tuo computer e fai clic sul pulsante Installa ora .

Dopo averlo installato e attivato, devi visitare la pagina Impostazioni »SearchWP e quindi fare clic sull'opzione di menu "Licenza".

add license in searchwp

Recupera la tua chiave di licenza dal tuo account SearchWP e incollala qui nella casella Licenza.

Fai clic sul pulsante Attiva e sei pronto per configurare il motore di ricerca.

Passaggio 2: personalizzazione del motore di ricerca

All'interno della scheda SearchWP nel tuo pannello di amministrazione wp, seleziona l'opzione di menu "Motori". Una volta dentro, fai clic sul pulsante "Aggiungi nuovo" per creare un nuovo motore di ricerca.

add new engine searchwp

Questo creerà un nuovo motore di ricerca chiamato "supplementare". Per modificare il nome, è necessario fare clic sul pulsante "Sorgenti e impostazioni".

supplemental search engine

Ora vedrai un'opzione per scegliere se cercare post, pagine, file multimediali, commenti e utenti. Le impostazioni consigliate sono già state aggiunte qui, quindi puoi lasciarle così com'è.

Per identificare il motore di ricerca in un secondo momento, chiamiamolo "Personalizzato" nel campo "Etichetta motore".

edit settings in supplemental engine

Qui puoi vedere che l'opzione "Gambi di parole chiave" è stata selezionata. Ciò ignorerà le terminazioni delle parole quando i tuoi utenti effettuano una ricerca in modo che vengano visualizzati i risultati di ricerca più pertinenti.

Quando sei pronto qui, premi il pulsante "Fatto" per memorizzare le modifiche.

Ora di nuovo sulla pagina del motore, puoi vedere una sezione chiamata "Pertinenza degli attributi applicabili" sotto ogni sottotitolo. Ciò ti consente di dare priorità a diversi attributi dei post o di includere solo determinate categorie o tag nella pagina dei risultati di ricerca.

Tutto quello che devi fare è usare i cursori per regolare la "rilevanza degli attributi".

attribute sliders in searchwp

Ciò influirà sul modo in cui i motori di ricerca valutano e classificano i contenuti sul tuo sito. Quindi, ad esempio, se vuoi che Google presti più attenzione al titolo del post rispetto al contenuto, puoi dare più importanza al titolo qui.

Successivamente, SearchWP ti dà il controllo se determinati contenuti sono inclusi o esclusi dai risultati della ricerca. Per questo, puoi creare regole.

Questo potrebbe essere per consentire ai clienti di trovare rapidamente i prodotti nella stessa categoria che stanno navigando. Oppure consenti ai visitatori di cercare contenuti sullo stesso argomento di cui stavano leggendo.

Per impostare le regole, c'è un pulsante "Modifica regole" in ogni sezione.

Quando fai clic su questo, vedrai un popup con le impostazioni per categorie, tag, formato, data di pubblicazione e ID post.

searchwp edit rules

Puoi creare regole come preferisci qui per controllare il comportamento del tuo motore di ricerca.

E una volta terminato, assicurati di fare clic sul pulsante "Salva motori" nella parte superiore della pagina per creare il tuo motore di ricerca personalizzato.

Ora hai impostato correttamente il tuo motore di ricerca WordPress. È pronto per essere aggiunto al tuo sito web.

Passaggio 3: aggiunta del modulo di ricerca con Shortcode

Di solito l'aggiunta di un motore di ricerca al tuo sito Web richiede molta codifica, ma SearchWP lo ha ridotto al minimo. Devi solo incollare uno shortcode per incorporare il tuo motore di ricerca, ed è così semplice che è facile anche se sei un principiante.

Visita semplicemente l'estensione di SearchWP Shortcodes e quindi fai clic sul pulsante "Scarica estensione".

Successivamente, devi installare e attivare l'estensione sul tuo sito WordPress nello stesso modo in cui hai installato il plug-in sopra.

Una volta attivato, sarai in grado di aggiungere un semplice shortcode all'interno dei tuoi post, pagine e widget.

Tutto quello che devi fare è modificare un post nell'Editor blocchi e aggiungere un nuovo blocco chiamato "HTML personalizzato".

All'interno del blocco, puoi copiare e incollare questo shortcode:

 [searchwp_search_form engine="custom" var="searchvar" button_text="Custom Search"] <div class="search-results-wrapper"> [searchwp_search_results engine="custom" var="searchvar" posts_per_page=4] <h2>[searchwp_search_result_link direct="true"]</h2> [searchwp_search_result_excerpt] [/searchwp_search_results] </div> <div class="no-search-results-found"> [searchwp_search_results_none] No results found, please search again. [/searchwp_search_results_none] </div> <div class="search-results-pagination"> [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="custom"] [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="custom"] </div>

Abbiamo chiamato il nostro motore "personalizzato", se hai scelto un nome diverso, dovrai cambiare engine=“custom” con il tuo nome motore in quattro punti all'interno di questo frammento di codice.

In questo codice, il testo del pulsante leggerà "Ricerca personalizzata". Se desideri modificare il testo del pulsante di ricerca in qualcosa di più creativo, puoi apportare la modifica nella prima riga button_text=“Custom Search” .

Questo codice aggiungerà il motore di ricerca personalizzato al tuo post WordPress. Creerà anche una sezione per visualizzare i risultati della ricerca, mostrare un messaggio di nessun risultato se necessario e aggiungere l'impaginazione se i risultati vanno in più pagine.

Puoi visualizzare in anteprima il post e vedrai apparire il motore di ricerca. Vedrai un campo di ricerca insieme al pulsante CTA all'interno del tuo post.

Quindi pubblicalo o aggiornalo e attiva il modulo di ricerca personalizzato. Se hai bisogno di aiuto con questo, segui la nostra semplice guida su come aggiungere uno shortcode in WordPress.

Puoi testare il tuo modulo personalizzato inserendo alcuni termini di ricerca per vedere i risultati restituiti dallo strumento.

Con ciò, hai imparato come aggiungere barre di ricerca al tuo sito Web WordPress. SearchWP è un plug-in di ricerca avanzato di cui vale la pena esplorare più funzionalità. Successivamente, ti mostreremo come migliorare la funzione di ricerca del tuo sito web.

Passaggio 4: configurazione delle impostazioni avanzate

Ci sono 2 opzioni avanzate che vorremmo coprire per migliorare il tuo modulo di ricerca WordPress personalizzato.

  • Aggiunta di Live Ajax Search : aggiunge automaticamente i risultati della ricerca a discesa mentre l'utente sta digitando. Aiuta l'utente a trovare la propria query più velocemente. SearchWP offre un plug-in di ricerca Live Ajax Lite gratuito nel repository di WordPress per questo.
  • Utilizzo delle impostazioni avanzate per SearchWP : nella scheda Impostazioni »SearchWP nel menu di WordPress, c'è una scheda Avanzate. In questa pagina puoi abilitare le impostazioni che renderanno più facile per i tuoi utenti trovare ciò che stanno cercando.
searchwp advanced settings

Questo ti dà il pieno controllo su come funziona il tuo motore di ricerca. Successivamente, ti mostreremo come personalizzare l'aspetto del tuo motore di ricerca.

Passaggio 5: stile del modulo di ricerca e della pagina dei risultati

Se non sei soddisfatto del modo in cui appare la tua nuova barra di ricerca, puoi cambiarla.

Quello che devi sapere è che il tema del tuo sito controlla l'aspetto della tua home page, intestazione, barra laterale, post, modulo di ricerca e risultati di ricerca. I formati e gli stili del tuo tema WordPress sono memorizzati in un foglio di stile CSS.

Devi semplicemente aggiungere il tuo CSS personalizzato per cambiare l'aspetto della barra di ricerca e della pagina dei risultati.

Se non l'hai mai fatto prima, ti consigliamo di fare un backup del tuo sito web. È importante poter ripristinare il tuo sito nel caso in cui le cose non vadano come previsto. Puoi quindi utilizzare un sito di staging (un clone del tuo sito Web) per provarlo prima.

Di seguito è riportato uno snippet CSS personalizzato che funzionerà con la maggior parte dei temi WordPress. La prima sezione cambia lo stile del modulo di ricerca predefinito e la seconda sezione personalizza i risultati della ricerca.

Puoi copiare e incollare il seguente codice per definire lo stile della funzione di ricerca del tuo sito:

 .searchform { font-family:arial; font-size:16px; background:#ace5e3; color:#ffffff; border:1px solid #61c3c0; padding:10px; height:90px; width:600px; } .search-results { font-family:arial; font-size:16px; background:#ace5e3; color:#000000; border:1px solid #61c3c0; padding:10px; width:600px; }

Vuoi saperne di più su questo? WPBeginner ha la migliore guida: come aggiungere facilmente CSS personalizzati al tuo sito WordPress.

Questo è tutto quello che c'è da fare! Hai creato un modulo di ricerca completamente personalizzabile utilizzando SearchWP.

Successivamente, ti mostreremo un altro modo per creare un modulo di ricerca WordPress personalizzato.

Crea un modulo di ricerca personalizzato utilizzando Formidable Forms

formidable-forms

Formidable Forms è l'unico plug-in per la creazione di moduli di WordPress dotato di una funzionalità di visualizzazione completamente integrata. Quindi non solo puoi raccogliere i dati dei moduli, ma anche mostrarli sul front-end del tuo sito.

Con Views, puoi facilmente creare una pagina Web per visualizzare magnificamente i dati inviati dagli utenti direttamente dalla dashboard di WordPress. Puoi usarlo per visualizzare directory aziendali, directory dei membri, elenchi e altro.

Puoi anche collegare le tue visualizzazioni con un modulo di ricerca e consentire ai visitatori del tuo sito di cercare contenuti specifici.

Detto questo, iniziamo il tutorial.

Passaggio 1: installa e attiva il plug-in Formidable Forms

Innanzitutto, dovrai registrarti per un account Formidable Forms. Assicurati di ottenere il piano che include la funzione Visualizzazioni.

Dopo esserti registrato, vai alla dashboard di amministrazione di WordPress e apri la scheda Plugin »Aggiungi nuovo . Cerca il plug-in Formidable Forms e fai clic sul pulsante Installa lì.

install formidable forms plugin

Se hai bisogno di ulteriore aiuto su questo, puoi consultare la nostra guida su come installare un plugin per WordPress.

Dopo aver installato e attivato il plugin, vedrai una pagina di benvenuto. Fai clic sul pulsante Collega un account per connetterti al tuo account e accedere a tutte le funzionalità premium.

Se non hai già effettuato l'accesso al tuo account Formidable Forms, dovrai effettuare nuovamente l'accesso.

connect your account

Successivamente, devi installare il componente aggiuntivo Formidable Forms Pro e Visual Views sul tuo sito.

Puoi installarli direttamente dalla scheda Formidable sulla dashboard di WordPress o scaricare il file del plug-in dal tuo account.

Ora sei pronto per creare un modulo di ricerca personalizzato in WordPress con Formidable Forms.

Passaggio 2: aggiungi dati per il modulo di ricerca

Prima di creare un modulo di ricerca, è necessario raccogliere i dati per i risultati della ricerca.

Per creare un nuovo modulo, vai su Formidabile »Moduli e fai clic sul pulsante + Aggiungi nuovo .

create new search data form

Vedrai un popup in cui puoi scegliere un modello per il tuo modulo. Stiamo andando con il modello di modulo vuoto per questo tutorial.

choose a template formidable forms

Quindi, devi aggiungere il nome e la descrizione per il tuo modulo.

Una volta che hai finito di nominare il tuo modulo, fai clic sul pulsante Crea lì per avviare il generatore di moduli trascina e rilascia.

data collection form

Nel generatore di moduli, puoi vedere i campi del modulo sul lato sinistro e l'anteprima del modulo sul lato destro della pagina.

form builder formidable forms

Per inserire qualsiasi campo del modulo, puoi semplicemente trascinarlo e rilasciarlo dal menu dei campi nell'anteprima del modulo.

Qui stiamo aggiungendo questi campi: Nome, Cognome, Email e Paese. Puoi aggiungere qualsiasi campo in base alle tue esigenze.

drag and drop formidable

Per personalizzare qualsiasi campo, devi solo fare clic su di esso e puoi vedere le impostazioni del modulo. Ci sono molte opzioni come etichetta, opzione richiesta, CSS personalizzato e altro.

Puoi anche utilizzare l'opzione della logica condizionale per mostrare o nascondere i campi del modulo in base all'input dell'utente.

edit field settings create a custom search form in wordpress

Quando hai finito di aggiungere i campi, fai clic sul pulsante Aggiorna nell'angolo in alto a destra del generatore di moduli.

Ora tutto ciò che devi fare è pubblicare questo modulo sul tuo sito per raccogliere dati dai tuoi utenti o membri del sito web.

Oppure puoi anche importare un file di dati dal tuo computer. Per questo, apri la scheda Voci nella parte superiore del builder e fai clic sul pulsante Importa .

import entries

Quindi, vedrai una finestra in cui puoi caricare qualsiasi file CSV o XML per importare i dati nel tuo modulo. È possibile mappare i campi ai dati nel file per importare i record.

upload files

Dopo aver raccolto i dati, dovrai creare un modulo di ricerca personalizzato in WordPress per consentire agli utenti di eseguire ricerche sul tuo sito.

Passaggio 3: crea il tuo modulo di ricerca personalizzato

Per creare un modulo di ricerca, devi seguire le stesse istruzioni del passaggio 2.

Vai a Formidabile » Moduli » Aggiungi nuovo e seleziona un modello vuoto. Quindi, assegna un nome e una descrizione al modulo di ricerca personalizzato.

create new search form

In questo modulo, aggiungeremo 3 campi modulo per consentire agli utenti di cercare i dati sul tuo sito. I campi sono Nome, Cognome e Paese.

È possibile utilizzare il campo del modulo di testo per i nomi e un campo a discesa di ricerca per la ricerca del paese.

search form fields create a custom search form in wordpress

Nelle impostazioni del campo Nome , è necessario aggiungere il valore predefinito per collegare il modulo di ricerca con una visualizzazione dei risultati in un secondo momento.

Per questo, aggiungi questo shortcode sull'opzione Valore predefinito nelle impostazioni del campo:

[get param=fname]

Qui, "fname" è il testo che utilizziamo per il campo del nome per connettersi con la vista.

first name edit

Nelle impostazioni del campo Cognome , aggiungeremo lo stesso shortcode:

[ottieni parametro=lnome]

Qui, "lname" è il testo che utilizziamo per il campo del cognome per connettersi con la vista.

last name edit

Nelle impostazioni del campo Paese , dobbiamo aggiungere i nomi dei paesi nell'opzione a discesa. Assicurati di lasciare vuota la prima opzione.

country field

Se scorri verso il basso, puoi vedere l'opzione per aggiungere un testo segnaposto. E come per gli altri due campi modulo, devi aggiungere un valore predefinito qui. Inserisci lo shortcode:

[ottieni parametro=paese]

Qui, "paese" è il testo che utilizziamo per il campo del paese per connettersi alla vista.

country field edit

Una volta terminata l'aggiunta dei tipi di input, è possibile modificare il layout dei campi del modulo.

Per farli apparire in un'unica linea orizzontale, vai all'opzione Classi di layout CSS per ogni campo e seleziona l'opzione 1/4.

change format

Se desideri personalizzare il pulsante, vai alla scheda Impostazioni »Stile e pulsanti e vai alle impostazioni del pulsante.

Qui puoi modificare il testo del pulsante di invio in Cerca e scegliere l'allineamento del pulsante in Inline . Questo farà apparire il tuo pulsante di ricerca nella stessa riga dei campi del modulo.

button name and alignment

Ora che hai imparato a creare un modulo di ricerca personalizzato in WordPress, inseriamo questo modulo e i risultati in una pagina web.

Passaggio 4: crea una visualizzazione dei risultati di ricerca

È necessario creare una vista per visualizzare i risultati della ricerca e il modulo di ricerca sulla stessa pagina.

Per creare una nuova vista, apri la pagina Formidabile » Viste e fai clic sul pulsante + Aggiungi nuovo .

create new view

Quindi, puoi vedere il popup che ti consente di scegliere tra i tipi di visualizzazione Griglia, Tabella, Calendario e Classica.

Per questo tutorial, sceglieremo la visualizzazione griglia per i risultati del modulo di ricerca.

select grid view

Successivamente, puoi visualizzare le opzioni per selezionare un modulo per le voci e aggiungere il nome per la visualizzazione dei risultati. Assicurati di selezionare il modulo di raccolta dati che hai creato nel passaggio 2.

Fai clic sul pulsante Crea una vista quando hai finito.

name your view

Nel generatore di visualizzazioni, puoi vedere le opzioni di stile sul lato sinistro e il generatore di layout di visualizzazione sul lato destro. Fare clic sul collegamento inizia ad aggiungere contenuto per aggiungere le voci.

view settings

Fai clic sull'icona " + " per iniziare ad aggiungere il tuo annuncio alle visualizzazioni. Questo aprirà l'editor dei contenuti delle inserzioni.

add view data

Nell'editor del contenuto della pagina dell'elenco, puoi aggiungere i campi del modulo dall'opzione Personalizzazione sul lato destro della pagina. Basta fare clic sui campi del modulo lì per inserirli nella visualizzazione dei risultati.

Quindi, puoi modellare le chiavi del campo per visualizzare i campi del modulo nel layout desiderato.

insert fields

Quando hai finito, fai clic sul pulsante Aggiorna vista . Ora puoi vedere tutte le voci nella pagina delle visualizzazioni.

Devi aggiungere il modulo di ricerca in questa pagina. Per questo, fai clic sull'opzione Aggiungi prima del contenuto

add before content

Si aprirà l'editor di contenuti in cui puoi inserire il modulo di ricerca personalizzato che hai creato nel passaggio 3.

Tutto quello che devi fare è fare clic sul pulsante Formidable e selezionare il modulo di ricerca per inserire lo shortcode del modulo.

add search form in view

Fare clic sul pulsante Aggiorna vista nel modulo di ricerca personalizzato per visualizzare.

grid view

Nel passaggio successivo, ti mostreremo come pubblicare la visualizzazione dei risultati sul tuo sito WordPress.

Passaggio 5: pubblica la visualizzazione dei risultati di ricerca

Per aggiungere la visualizzazione dei risultati di ricerca sul tuo sito, devi creare una nuova pagina e cercare il blocco Formidable Views.

formidable views block

Dopo aver aggiunto la vista, puoi pubblicare la pagina sul tuo sito. La tua pagina sarà simile a questa.

user search page

Attesa! Non hai ancora finito. Devi collegare il tuo modulo di ricerca personalizzato e la visualizzazione dei risultati per consentire agli utenti di cercare contenuti sul tuo sito.

Passaggio 6: collega il modulo di ricerca personalizzato con la vista

Per collegare il tuo modulo di ricerca, vai su Formidabile »Moduli e apri l'opzione Impostazioni del modulo di ricerca.

connect search form

Qui puoi andare all'opzione Al momento dell'invio e selezionare l'opzione Reindirizza all'URL. Quindi, è necessario aggiungere il collegamento alla pagina delle visualizzazioni creata nel passaggio 5.

Per questo, copia l'URL della pagina e aggiungi questa parte: “?fname[21]&lname=[19]&country=[22]”.

Puoi inserire il testo del campo e le chiavi in ​​modo che l'URL di reindirizzamento assomigli a questo:

http://nomesito/directory-utente/?fname[21]&lname=[19]&country=[22]

connect search page

Ricordarsi di abilitare l'opzione Non memorizzare le voci inviate da questo modulo per questo modulo.

Ora devi aggiungere filtri alle visualizzazioni dei risultati in modo che gli utenti possano cercare l'elenco in base ai campi del modulo che hai aggiunto.

Per questo, apri la vista che hai creato in precedenza e fai clic sull'opzione dei filtri nella parte superiore della pagina.

add filter

Quindi, devi aggiungere i filtri per Nome, Cognome e Paese e inserire lo shortcode come valore predefinito per ogni campo.

connect views with search form fields

Un'ultima cosa che devi fare è inserire lo shortcode del tuo modulo di ricerca nell'opzione Nessun messaggio di voci sul menu a sinistra. Ciò consentirà agli utenti di cercare più contenuti dopo ogni ricerca.

show custom search form in page

Non dimenticare di aggiornare la vista dopo aver finito con le impostazioni.

Metti alla prova il tuo modulo di ricerca personalizzato

Per verificare se il modulo di ricerca funziona correttamente, ricarica la pagina di ricerca e utilizza i filtri per cercare le inserzioni.

custom search form results

Con ciò, conosci 3 modi per aggiungere un modulo di ricerca al tuo sito. Sebbene l'opzione di ricerca predefinita di WordPress sia gratuita, non la consigliamo se non sai cosa stai facendo con il codice. Il plugin SearchWP è di gran lunga il nostro metodo preferito. È facile da usare e aggiunge una funzione di ricerca molto più avanzata al tuo sito.

Ci auguriamo che questo articolo ti abbia aiutato a creare facilmente un modulo di ricerca personalizzato in WordPress con l'aiuto del plug-in Formidable Forms.

Per i tuoi prossimi passi, puoi dare un'occhiata a queste risorse:

  • Come aggiungere un modulo di prenotazione personalizzato al tuo sito WordPress
  • I migliori costruttori di moduli a confronto (gratuiti ea pagamento)
  • Come creare un modulo di registrazione con PayPal Payments in WordPress

Questi post ti aiuteranno ad aggiungere più funzionalità al tuo sito WordPress con l'aiuto dei migliori costruttori di moduli WordPress.