Cum să vă construiți propriul formular de căutare personalizat în WordPress (3 moduri)

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

Doriți să creați cu ușurință un formular de căutare personalizat în WordPress fără nicio codificare?

Un formular de căutare personalizat permite vizitatorilor să caute și să filtreze cu ușurință conținutul site-ului dvs. în câteva clicuri.

Când utilizatorii găsesc rapid ceea ce caută, este mai probabil să rămână pe site-ul dvs. mai mult timp. De asemenea, este mai probabil să ia măsuri pentru a cumpăra un produs, a vă citi blogul, a se înscrie pentru un buletin informativ și multe altele.

În această postare, vă vom arăta cum să creați cu ușurință un formular de căutare personalizat în WordPress pentru a îmbunătăți experiența utilizatorului și a crește conversiile.

Înainte de asta, să vedem dacă într-adevăr trebuie să creați un formular de căutare personalizat pentru site-ul dvs.

De ce să creați un formular de căutare personalizat?

Un formular de căutare personalizat este ideal pentru site-urile care au mult conținut, produse, documentație și întrebări frecvente. Este o funcție obligatorie pentru magazinele de comerț electronic, directoarele de afaceri online, site-urile de școală/facultate și site-uri similare.

Opțiunea de căutare îi va ajuta pe utilizatori să găsească ceea ce au nevoie fără a petrece minute sau chiar ore în căutarea acestuia.

Iată de ce ar trebui să creați un formular de căutare personalizat pentru site-ul dvs. WordPress:

  • Ajută utilizatorii să navigheze prin conținutul dvs
  • Economisește timp prin găsirea lucrurilor mai rapid
  • Crește conversiile și vânzările
  • Optimizează site-ul dvs. pentru utilizatorii de dispozitive mobile
  • Reduce rata de respingere

Acum, vă vom arăta cum să creați un formular de căutare personalizat în WordPress folosind un plugin de generare de formulare.

Cum se creează un formular de căutare personalizat în WordPress

Prima metodă pe care o puteți folosi este opțiunea de căutare implicită oferită de WordPress.org. Puteți activa o căutare de bază WordPress care vă permite să căutați pagini și postări pe site-ul dvs.

Această metodă este însă puțin complicată. Aceasta implică codificarea și editarea fișierelor precum functions.php, care sunt foarte sensibile. Un pas greșit și ți-ai putea sparge site-ul.

Va trebui să utilizați funcția „ get_search_form() ” pentru a afișa formularul de căutare pe site-ul dvs. Acest lucru vă va ajuta fișierul searchform.php din tema dvs. WordPress. Dacă nu poate fi găsit, atunci va fi utilizată opțiunea de căutare de bază implicită WordPress.

Dar, pentru a personaliza caseta de căutare WordPress, va trebui să adăugați mai mult cod la fișier.

Dacă nu vă simțiți confortabil cu codarea, cel mai bine este să utilizați un plugin de căutare WordPress de încredere pentru a activa o căutare pe site. Și exact asta vom face pentru acest tutorial.

Veți găsi pe piață mai multe plugin-uri care vă permit să personalizați formularul de căutare WordPress.

Asigurați-vă că alegeți un plugin WordPress care nu numai că vă va permite să creați o căutare personalizată, ci și să adăugați filtre și să arate rezultatele potrivite vizitatorilor dvs.

Vă recomandăm să utilizați SearchWP, pluginul de căutare numărul 1 pentru WordPress, care vă permite să căutați TOT pe site-ul dvs. De asemenea, puteți utiliza Formulare formidabile pentru a crea un formular de căutare personalizat. Mai jos, vă vom arăta cum să creați un formular de căutare personalizat folosind aceste 2 plugin-uri.

Creați un formular de căutare personalizat folosind SearchWP

searchwp

SearchWP este cel mai bun plugin de căutare personalizat pentru WordPress. Este ușor de utilizat, afișează rezultate precise și vă oferă control asupra formularului dvs. de căutare.

SearchWP este cu adevărat minunat și are caracteristici premium incredibile, prin urmare, este un plugin premium. Vă puteți înscrie pentru un plan care începe de la 99 USD pe an. Și, deși nu vei fi dezamăgit, există o garanție de rambursare a banilor de 14 zile.

Acest lucru vă va permite să activați o căutare pentru tot. Căutați detaliile produsului, conținutul câmpurilor personalizate, rezultatul codului scurt, conținutul tabelului de baze de date personalizate, căutarea pe mai multe site-uri și multe altele pe site-ul dvs.

Veți avea acces la funcții, inclusiv:

  • Indexarea documentelor PDF și Office
  • Integrare automată cu Native WP Search, fără codare!
  • Mai multe motoare de căutare
  • Derivarea cuvintelor cheie
  • Suport avansat de câmpuri personalizate
  • Integrare WooCommerce
  • Excludeți sau atribuiți rezultate
  • Căutați statistici și perspective
  • Personalizare simplă a algoritmului

Pluginul se integrează și cu bbPress, WP Job Manager, Easy Digital Downloads și multe altele. De asemenea, veți avea acces la asistență angajată și la documentație detaliată.

Și tot ceea ce am menționat este doar în planul de bază, așa că pluginul își merită complet prețul la doar 8,25 USD pe lună. Veți obține mult mai multe funcții în planurile de ultimă generație.

După ce vă înregistrați pentru un cont, puteți începe cu tutorialul de mai jos.

Pasul 1: Activarea SearchWP

În interiorul contului dvs. SearchWP, puteți accesa cheia de licență, detaliile contului și descărcări. Va trebui să descărcați fișierul plugin. Și veți dori, de asemenea, să copiați cheia de licență, deoarece veți avea nevoie de ea în scurt timp.

searchwp account

Apoi, accesați panoul wp-admin și navigați la Plugins » Adăugați nou » Încărcați plugin.

upload plugin in wordpress

Selectați fișierul plugin pe care l-ați descărcat pe computer și faceți clic pe butonul Instalați acum .

Odată ce l-ați instalat și activat, trebuie să vizitați pagina Setări » SearchWP și apoi să faceți clic pe opțiunea de meniu „Licență”.

add license in searchwp

Preluați cheia de licență din contul SearchWP și inserați-o aici în caseta Licență.

Faceți clic pe butonul Activare și sunteți gata să configurați motorul de căutare.

Pasul 2: Personalizarea motorului de căutare

În fila SearchWP din panoul wp-admin, selectați opțiunea de meniu „Motoare”. Odată înăuntru, faceți clic pe butonul „Adăugați nou” pentru a crea un nou motor de căutare.

add new engine searchwp

Aceasta va crea un nou motor de căutare numit „suplimentar”. Pentru a schimba numele, trebuie să faceți clic pe butonul „Surse și setări”.

supplemental search engine

Acum veți vedea o opțiune pentru a alege dacă doriți să căutați postări, pagini, fișiere media, comentarii și utilizatori. Setările recomandate sunt deja adăugate aici, astfel încât să le puteți lăsa așa cum este.

Pentru a identifica motorul de căutare mai târziu, să-l denumim „Personalizat” în câmpul „Etichetă motor”.

edit settings in supplemental engine

Aici, puteți vedea că a fost selectată opțiunea „Răspunsuri de cuvinte cheie”. Acest lucru va ignora terminațiile cuvintelor atunci când utilizatorii dvs. efectuează o căutare, astfel încât să fie afișate cele mai relevante rezultate ale căutării.

Când sunteți gata aici, apăsați butonul „Terminat” pentru a stoca modificările.

Acum, înapoi pe pagina motorului, puteți vedea o secțiune numită „Relevanța atributelor aplicabile” sub fiecare subtitlu. Acest lucru vă permite să prioritizați diferite atribute ale postării sau să includeți numai anumite categorii sau etichete în pagina cu rezultatele căutării.

Tot ce trebuie să faceți este să utilizați glisoarele pentru a ajusta „Relevanța atributului”.

attribute sliders in searchwp

Acest lucru va avea un impact asupra modului în care motoarele de căutare apreciază și clasifică conținutul de pe site-ul dvs. Deci, de exemplu, dacă doriți ca Google să acorde mai multă atenție titlului postării decât conținutului, puteți acorda titlului mai multă importanță aici.

În continuare, SearchWP vă oferă control asupra dacă un anumit conținut este inclus sau exclus din rezultatele căutării. Pentru aceasta, puteți crea reguli.

Acest lucru ar putea fi pentru a permite clienților să găsească rapid produse din aceeași categorie pe care o navighează. Sau permiteți vizitatorilor să caute conținut despre același subiect despre care tocmai citeau.

Pentru a seta reguli, există un buton „Editați reguli” în fiecare secțiune.

Când faceți clic pe aceasta, veți vedea o fereastră pop-up cu setări pentru categorii, etichete, format, data publicării și ID-ul postării.

searchwp edit rules

Puteți crea reguli după cum doriți aici pentru a controla modul în care se comportă motorul dvs. de căutare.

Și după ce ați terminat, asigurați-vă că faceți clic pe butonul „Salvați motoarele” din partea de sus a paginii pentru a vă crea motorul de căutare personalizat.

Acum ați configurat cu succes motorul de căutare WordPress. Este gata pentru a fi adăugat pe site-ul dvs. web.

Pasul 3: Adăugarea formularului de căutare cu Shortcode

De obicei, adăugarea unui motor de căutare pe site-ul dvs. necesită multă codare, dar SearchWP a menținut acest lucru la minimum. Trebuie doar să lipiți un cod scurt pentru a încorpora motorul dvs. de căutare, iar acest lucru este atât de simplu încât este ușor chiar dacă sunteți începător.

Pur și simplu vizitați extensia SearchWP Shortcodes și apoi faceți clic pe butonul „Descărcați extensia”.

După aceea, trebuie să instalați și să activați extensia pe site-ul dvs. WordPress în același mod în care ați instalat pluginul de mai sus.

Odată activat, veți putea adăuga un cod scurt simplu în postările, paginile și widget-urile dvs.

Tot ce trebuie să faceți este să editați o postare în Editorul de blocuri și să adăugați un bloc nou numit „HTML personalizat”.

În interiorul blocului, puteți copia și lipi acest 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>

Am numit motorul nostru „personalizat”, dacă ați ales un alt nume, atunci va trebui să schimbați engine=“custom” cu propriul nume de motor în patru locuri din acest fragment de cod.

În acest cod, textul butonului va citi „Căutare personalizată”. Dacă doriți să schimbați textul butonului de căutare cu ceva mai creativ, puteți efectua editarea în prima linie button_text=“Custom Search” .

Acest cod va adăuga motorul de căutare personalizat la postarea dvs. WordPress. De asemenea, va crea o secțiune pentru a afișa rezultatele căutării, va afișa un mesaj fără rezultate dacă este necesar și va adăuga paginare dacă rezultatele intră în mai multe pagini.

Puteți previzualiza postarea și veți vedea apare motorul de căutare. Veți vedea un câmp de căutare împreună cu butonul CTA în interiorul postării dvs.

Apoi, publicați-l sau actualizați -l și puneți în funcțiune formularul de căutare personalizat. Dacă aveți nevoie de ajutor în acest sens, urmați ghidul nostru simplu despre cum să adăugați un shortcode în WordPress.

Puteți testa formularul personalizat introducând câțiva termeni de căutare pentru a vedea rezultatele pe care le returnează instrumentul.

Cu asta, ați învățat cum să adăugați bare de căutare pe site-ul dvs. WordPress. SearchWP este un plugin de căutare avansată pe care merită să-l explorezi mai multe dintre caracteristicile sale. În continuare, vă vom arăta cum să îmbunătățiți funcția de căutare a site-ului dvs. web.

Pasul 4: Configurarea setărilor avansate

Există 2 opțiuni avansate pe care am dori să le acoperim pentru a vă îmbunătăți formularul personalizat de căutare WordPress.

  • Adăugarea căutării live Ajax : Aceasta adaugă automat rezultate de căutare derulante pe măsură ce utilizatorul tastează. Ajută utilizatorul să-și găsească interogarea mai rapid. Pentru aceasta, SearchWP oferă un plugin gratuit Live Ajax Lite Search în depozitul WordPress.
  • Utilizarea setărilor avansate pentru SearchWP : în fila Setări » SearchWP din meniul WordPress, există o filă Advanced. Pe această pagină, puteți activa setări care vor facilita utilizatorilor să găsească ceea ce caută.
searchwp advanced settings

Acest lucru vă oferă control deplin asupra modului în care funcționează motorul dvs. de căutare. În continuare, vă vom arăta cum să personalizați modul în care arată motorul dvs. de căutare.

Pasul 5: Modelarea formularului de căutare și a paginii cu rezultate

Dacă nu sunteți mulțumit de modul în care apare noua bară de căutare, puteți modifica acest lucru.

Ceea ce trebuie să știți este că tema site-ului dvs. controlează aspectul paginii dvs. de pornire, antetului, barei laterale, postărilor, formularului de căutare și rezultatelor căutării. Formatele și stilurile temei dvs. WordPress sunt stocate într-o foaie de stil CSS.

Trebuie pur și simplu să adăugați propriul dvs. CSS personalizat pentru a schimba modul în care arată bara de căutare și pagina cu rezultate.

Dacă nu ați făcut acest lucru înainte, vă recomandăm să faceți o copie de rezervă a site-ului dvs. Este important să vă puteți restabili site-ul în cazul în care lucrurile nu decurg conform planului. Puteți utiliza apoi un site de pregătire (o clonă a site-ului dvs.) pentru a încerca mai întâi.

Mai jos este un fragment CSS personalizat care va funcționa cu majoritatea temelor WordPress. Prima secțiune modifică stilul formularului de căutare implicit, iar a doua secțiune personalizează rezultatele căutării.

Puteți copia și inserați următorul cod pentru a stila funcția de căutare pe site:

 .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; }

Doriți să aflați mai multe despre asta? WPBeginner are cel mai bun ghid: Cum să adăugați cu ușurință CSS personalizat pe site-ul dvs. WordPress.

Cam despre asta e! Ați creat un formular de căutare complet personalizabil folosind SearchWP.

În continuare, vă vom arăta încă o modalitate de a crea un formular de căutare WordPress personalizat.

Creați un formular de căutare personalizat folosind Formulare formidabile

formidable-forms

Formidable Forms este singurul plugin WordPress pentru generarea de formulare care vine cu o funcție de vizualizare complet integrată. Deci, nu numai că puteți colecta date din formular, ci și să le afișați pe partea frontală a site-ului dvs.

Cu Views, puteți crea cu ușurință o pagină web pentru a afișa frumos datele trimise de utilizator direct din tabloul de bord WordPress. Puteți utiliza aceasta pentru a afișa directoare de afaceri, directoare de membri, listări și multe altele.

De asemenea, vă puteți conecta vizualizările cu un formular de căutare și le puteți permite vizitatorilor de pe site-ul dvs. să caute un anumit conținut.

Acestea fiind spuse, să începem tutorialul.

Pasul 1: Instalați și activați pluginul Formidable Forms

În primul rând, va trebui să vă creați un cont Formidable Forms. Asigurați-vă că obțineți planul care include caracteristica Vizualizări.

După ce vă înscrieți, mergeți la tabloul de bord de administrare WordPress și deschideți fila Plugin-uri » Adăugați nou . Căutați pluginul Formidable Forms și faceți clic pe butonul Instalați acolo.

install formidable forms plugin

Dacă aveți nevoie de mai mult ajutor în acest sens, puteți parcurge ghidul nostru despre cum să instalați un plugin WordPress.

După ce instalați și activați pluginul, veți vedea o pagină de bun venit. Faceți clic pe butonul Conectați un cont pentru a vă conecta la contul dvs. și pentru a accesa toate funcțiile premium.

Dacă nu sunteți deja conectat la contul dvs. Formidable Forms, va trebui să vă conectați din nou.

connect your account

Apoi, trebuie să instalați suplimentul Formidable Forms Pro și Visual Views pe site-ul dvs.

Le puteți instala direct din fila Formidable de pe tabloul de bord WordPress sau puteți descărca fișierul plugin din contul dvs.

Acum, sunteți cu toții gata să creați un formular de căutare personalizat în WordPress cu Formulare formidabile.

Pasul 2: Adăugați date pentru formularul dvs. de căutare

Înainte de a crea un formular de căutare, trebuie să colectați date pentru rezultatele căutării.

Pentru a crea un formular nou, navigați la Formidable » Forms și faceți clic pe butonul + Adăugați nou .

create new search data form

Veți vedea o fereastră pop-up în care puteți alege un șablon pentru formularul dvs. Vom folosi șablonul de formular gol pentru acest tutorial.

choose a template formidable forms

Apoi, trebuie să adăugați numele și descrierea pentru formularul dvs.

După ce ați terminat de denumirea formularului, faceți clic pe butonul Creați de acolo pentru a lansa generatorul de formulare prin glisare și plasare.

data collection form

În generatorul de formulare, puteți vedea câmpurile formularului în partea stângă și previzualizarea formularului în partea dreaptă a paginii.

form builder formidable forms

Pentru a insera orice câmpuri de formular, pur și simplu le puteți glisa și plasați din meniul câmpuri în previzualizarea formularului.

Aici, adăugăm aceste câmpuri: Prenume, Nume, E-mail și Țară. Puteți adăuga oricare dintre câmpuri în funcție de cerințele dvs.

drag and drop formidable

Pentru a personaliza orice câmp, trebuie doar să faceți clic pe el și puteți vedea setările formularului. Există multe opțiuni, cum ar fi eticheta, opțiunea necesară, CSS personalizat și multe altele.

Puteți chiar să utilizați opțiunea logică condiționată pentru a afișa sau a ascunde câmpurile de formular în funcție de intrarea utilizatorului.

edit field settings create a custom search form in wordpress

Când ați terminat de adăugat câmpuri, faceți clic pe butonul Actualizare din colțul din dreapta sus al generatorului de formulare.

Acum tot ce trebuie să faceți este să publicați acest formular pe site-ul dvs. pentru a colecta date de la utilizatorii sau membrii site-ului.

Sau, puteți importa și un fișier de date de pe computer. Pentru aceasta, deschideți fila Intrări din partea de sus a constructorului și faceți clic pe butonul Import .

import entries

Apoi, veți vedea o fereastră în care puteți încărca orice fișier CSV sau XML pentru a importa date în formularul dvs. Puteți mapa câmpurile la datele din fișier pentru a importa înregistrări.

upload files

După colectarea datelor, va trebui să creați un formular de căutare personalizat în WordPress pentru a permite utilizatorilor să caute pe site-ul dvs.

Pasul 3: Creați formularul dvs. personalizat de căutare

Pentru a crea un formular de căutare, trebuie să urmați aceleași instrucțiuni de la Pasul 2.

Accesați Formidable » Formulare » Adăugați nou și selectați un șablon gol. Apoi, dați formularului dvs. personalizat de căutare un nume și o descriere.

create new search form

În acest formular, vom adăuga 3 câmpuri de formular pentru a le permite utilizatorilor să caute datele de pe site-ul dvs. Câmpurile sunt Prenume, Nume și Țară.

Puteți utiliza câmpul de formular text pentru nume și un câmp derulant de căutare pentru căutarea țării.

search form fields create a custom search form in wordpress

În setările câmpului Prenume , trebuie să adăugați valoarea implicită pentru a conecta formularul de căutare cu o vizualizare a rezultatelor mai târziu.

Pentru aceasta, adăugați acest cod scurt la opțiunea Valoare implicită din setările câmpului:

[get param=fname]

Aici, „fname” este textul pe care îl folosim pentru câmpul de prenume pentru a se conecta cu vizualizarea.

first name edit

În setările câmpului Nume , vom adăuga același cod scurt:

[get param=lname]

Aici, „lname” este textul pe care îl folosim pentru câmpul numelui pentru a se conecta cu vizualizarea.

last name edit

În setările câmpului Țară , trebuie să adăugăm numele țărilor în opțiunea drop-down. Asigurați-vă că lăsați prima opțiune goală.

country field

Dacă derulați în jos, puteți vedea opțiunea de a adăuga un text substituent. Și la fel ca și celelalte două câmpuri de formular, trebuie să adăugați o valoare implicită aici. Introduceți codul scurt:

[get param=country]

Aici, „țara” este textul pe care îl folosim pentru câmpul de țară pentru a se conecta cu vizualizarea.

country field edit

După ce ați terminat de adăugat tipurile de intrare, puteți modifica aspectul câmpurilor de formular.

Pentru a le face să apară într-o singură linie orizontală, accesați opțiunea CSS Layout Classes pentru fiecare câmp și selectați opțiunea 1/4.

change format

Dacă doriți să personalizați butonul, navigați la fila Setări » Stil și butoane și accesați setările butonului.

Aici, puteți schimba textul butonului de trimitere la Căutare și puteți alege alinierea butonului la Inline . Acest lucru va face ca butonul de căutare să apară în același rând cu câmpurile formularului.

button name and alignment

Acum că ați învățat cum să creați un formular de căutare personalizat în WordPress, să introducem acest formular și rezultatele pe o pagină web.

Pasul 4: Creați o vizualizare a rezultatelor căutării

Trebuie să creați o vizualizare pentru a afișa rezultatele căutării și formularul de căutare pe aceeași pagină.

Pentru a crea o vizualizare nouă, deschideți pagina Formidable » Views și faceți clic pe butonul + Adăugați nou .

create new view

Apoi, puteți vedea fereastra pop-up care vă permite să alegeți între tipurile de vizualizare Grilă, Tabel, Calendar și Clasic.

Pentru acest tutorial, vom alege vizualizarea grilă pentru rezultatele formularului de căutare.

select grid view

După aceea, puteți vedea opțiunile de selectare a unui formular pentru intrări și de a adăuga numele pentru vizualizarea rezultatelor. Asigurați-vă că selectați formularul de colectare a datelor pe care l-ați creat la Pasul 2.

Faceți clic pe butonul Creați o vizualizare când ați terminat.

name your view

În generatorul de vizualizări, puteți vedea opțiunile de stil în partea stângă și generatorul de aspect de vizualizare în partea dreaptă. Faceți clic pe linkul Începeți adăugarea de conținut pentru a adăuga intrările dvs.

view settings

Faceți clic pe pictograma „ + ” pentru a începe să adăugați înregistrarea dvs. la vizualizări. Aceasta va deschide editorul de conținut pentru listări.

add view data

În editorul de conținut al paginii de listare, puteți adăuga câmpurile de formular din opțiunea Personalizare din partea dreaptă a paginii. Doar faceți clic pe câmpurile din formular pentru a le insera în vizualizarea rezultatelor.

Apoi, puteți stila tastele de câmp pentru a afișa câmpurile de formular în aspectul dorit.

insert fields

Când ați terminat, faceți clic pe butonul Actualizare vizualizare . Acum puteți vedea toate intrările pe pagina de vizualizări.

Trebuie să adăugați formularul de căutare pe această pagină. Pentru aceasta, faceți clic pe opțiunea Adăugați înainte de conținut

add before content

Aceasta va deschide editorul de conținut unde puteți insera formularul de căutare personalizat pe care l-ați creat la Pasul 3.

Tot ce trebuie să faceți este să faceți clic pe butonul Formidable și să selectați formularul de căutare pentru a introduce codul scurt al formularului.

add search form in view

Faceți clic pe butonul Actualizați vizualizarea pentru formularul dvs. de căutare personalizat pentru vizualizare.

grid view

În pasul următor, vă vom arăta cum să publicați vizualizarea rezultatelor pe site-ul dvs. WordPress.

Pasul 5: Publicați vizualizarea rezultatelor căutării

Pentru a adăuga vizualizarea rezultatelor căutării pe site-ul dvs., trebuie să creați o pagină nouă și să căutați blocul Vizualizări formidabile.

formidable views block

După ce adăugați vizualizarea, puteți publica pagina pe site-ul dvs. Pagina ta va arăta cam așa.

user search page

Aștepta! Încă nu ai terminat. Trebuie să vă conectați formularul de căutare personalizat și vizualizarea rezultatelor pentru a permite utilizatorilor să caute conținut pe site-ul dvs.

Pasul 6: Conectați formularul de căutare personalizată cu vizualizarea

Pentru a vă conecta formularul de căutare, accesați Formidable » Forms și deschideți opțiunea Setări a formularului de căutare.

connect search form

Aici, puteți accesa opțiunea On Submit și selectați opțiunea Redirecționare către URL. Apoi, trebuie să adăugați linkul către pagina de vizualizări pe care ați creat-o la Pasul 5.

Pentru aceasta, copiați adresa URL a paginii și adăugați această parte: „?fname[21]&lname=[19]&country=[22]”.

Puteți insera textul câmpului și cheile, astfel încât adresa URL de redirecționare să arate astfel:

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

connect search page

Nu uitați să activați opțiunea Nu stocați intrările trimise din acest formular pentru acest formular.

Acum, trebuie să adăugați filtre la vizualizările rezultate, astfel încât utilizatorii să poată căuta lista după câmpurile de formular pe care le-ați adăugat.

Pentru aceasta, deschideți vizualizarea creată mai devreme și faceți clic pe opțiunea de filtre din partea de sus a paginii.

add filter

Apoi, trebuie să adăugați filtrele pentru Prenume, Nume și Țară și să introduceți codul scurt ca valoare implicită pentru fiecare câmp.

connect views with search form fields

Un ultim lucru pe care trebuie să-l faceți este să introduceți codul scurt al formularului de căutare în opțiunea Mesaj fără intrări din meniul din stânga. Acest lucru va permite utilizatorilor să caute mai mult conținut după fiecare căutare.

show custom search form in page

Nu uitați să actualizați vizualizarea după ce ați terminat cu setările.

Testați formularul de căutare personalizată

Pentru a verifica dacă formularul de căutare funcționează corect, reîncărcați pagina de căutare și utilizați filtrele pentru a căuta înregistrări.

custom search form results

Cu asta, știi 3 moduri de a adăuga un formular de căutare pe site-ul tău. Deși opțiunea implicită de căutare WordPress este gratuită, nu o recomandăm dacă nu știi ce faci cu codul. Pluginul SearchWP este de departe metoda noastră preferată. Este ușor de utilizat și adaugă o funcție de căutare mult mai avansată site-ului dvs.

Sperăm că acest articol v-a ajutat să creați cu ușurință un formular de căutare personalizat în WordPress cu ajutorul pluginului Formidable Forms.

Pentru următorii pași, puteți consulta aceste resurse:

  • Cum să adăugați un formular de rezervare personalizat pe site-ul dvs. WordPress
  • Cei mai buni generatori de formulare comparați (gratuiți și plătiți)
  • Cum se creează un formular de înregistrare cu plăți PayPal în WordPress

Aceste postări vă vor ajuta să adăugați mai multe funcționalități site-ului dvs. WordPress cu ajutorul celor mai buni creatori de formulare WordPress.