Cum să adăugați căutare AJAX pentru magazinele WooCommerce

În calitate de proprietar al unui magazin WooCommerce, veți dori să găsiți cea mai bună modalitate de a îmbunătăți experiența de căutare a utilizatorilor, nu? Prin urmare, adăugarea căutării AJAX pentru WooCommerce este o metodă excelentă pentru magazinul dvs.

În acest tutorial, vă vom lăsa să vedeți cum este avantajul căutării AJAX pentru magazinul dvs. Cu siguranță vă veți întreba cum puteți adăuga căutare AJAX pentru magazine WooCommerce . Nu fi nerăbdător! Toate aceste tipuri de informații le veți găsi în articolul nostru.

Înainte de a începe, vă rugăm să vedeți cum arată căutarea AJAX.

Acum hai să ne aruncăm în ea!

Ce este căutarea de produse AJAX?

Când se solicită o mică modificare a paginii, nu este nevoie să reîncărcați întreaga pagină, deoarece acest lucru face ca site-ul să reîncarce o mulțime de lucruri inutile. Acesta este motivul pentru care AJAX ia naștere.

Ajax înseamnă JavaScript și XML asincron. Scris în JavaScript, AJAX va permite utilizatorilor să vadă rezultatele căutării în timp ce introduc caractere în caseta de căutare.

Pentru site-urile WooCommerce, căutarea de produse AJAX joacă un rol important în îmbunătățirea experienței de cumpărături. Ajută clienții să economisească timp și să găsească rapid produse.

Pe lângă îmbunătățirea experienței clienților, căutarea AJAX vă oferă multe alte beneficii pentru site-urile dvs. WooCommerce. Vă rugăm să continuați să citiți pentru a le obține în detaliu.

Beneficiile utilizării căutării AJAX pentru WooCommerce

Veți obține o mulțime de avantaje atunci când căutarea AJAX este aplicată pe site-ul dvs. În special, va:

Îmbunătățiți experiența de căutare a utilizatorilor

La cumpărăturile online, fiecare secundă este prețioasă. Prin urmare, cu cât motorul tău de căutare este mai inteligent, cu atât magazinul tău devine mai atrăgător în ochii vizitatorilor. Și căutarea AJAX este o modalitate excelentă de a optimiza procesul de căutare.

Folosind caracteristica AJAX, vizitatorii vor vedea sugestii live pentru căutări de produse, inclusiv inclusiv articolul asociat pe care nu intenționează să îl caute de la început. Rezultatele căutării instantanee vor afișa informații despre produse, cum ar fi imagini și prețuri. Doar faceți clic pe opțiune, iar vizitatorii merg imediat să viziteze produsul în loc să aștepte ca pagina de căutare să se reîncarce înainte de a afișa rezultatele.

O astfel de caracteristică interesantă va face cu siguranță vizitatorii să se simtă mulțumiți. Pe măsură ce procesul de căutare se desfășoară fără probleme, acesta poate încuraja vizitatorii să cumpere rapid și să repete achiziții, contribuind la creșterea veniturilor dvs.

Îmbunătățiți SEO pentru site-uri web

Deoarece AJAX funcționează pentru a permite utilizatorilor să interacționeze cu site-ul web fără a reîncărca pagina, preia numai conținutul necesar, mai degrabă decât întregul conținut al paginii. Din acest motiv, utilizarea AJAX va ajuta la reducerea utilizării lățimii de bandă, îmbunătățind astfel performanța web.

Google dorește întotdeauna să se concentreze pe experiența utilizatorului; prin urmare, site-urile web cu viteza optimizată a paginii vor fi favorizate de Google. Când includeți funcționalitatea AJAX în site-ul dvs., îmbunătățiți indirect SEO pentru site-ul dvs.

Cu beneficiile pe care le aduce căutarea AJAX, aceasta devine un lucru esențial pentru magazinele WooCommerce. Deci, cum puteți căuta AJAX pentru magazinul dvs.? Vă rugăm să continuați să citiți. Vă vom arăta soluția chiar acum.

Woostify Ajax Search: Cel mai bun plugin de căutare WooCommerce AJAX

În mod implicit, WooCommerce nu oferă funcționalitate AJAX; prin urmare, veți avea nevoie de un instrument de asistență pentru a crea această caracteristică. În acest articol, vă prezentăm Woostify Ajax Search, care poate îndeplini așteptările unui plugin puternic de căutare de produse AJAX. Să vedem de ce merită să fie numit aici și cum funcționează.

Cu un formular de căutare ușor de utilizat, bazat pe AJAX, Woostify Ajax Search va oferi vizitatorilor experiențe excelente de căutare. Odată ce Woostify AJAX Search funcționează, acesta oferă vizitatorilor o bară de căutare live în care pot căuta după orice date despre produse și pot obține rezultatele la o viteză incredibilă.

Woostify Ajax Search vine cu următoarele caracteristici:

• Căutați după categorii, etichete, atribute, titluri, SKU-uri și descrieri.
• Căutați în câmpuri personalizate precum prețuri, evaluări, date și așa mai departe
• Completarea automată a cuvintelor cheie este inclusă
• Culoare personalizată pentru rezultatele căutării
• Suport pentru produse variabile
• Imaginile produselor și prețurile afișate în rezultatele căutării live
• Eliminarea produselor epuizate

Vom explica fiecare caracteristică în detaliu în timp ce vom instrui cum să utilizați Woostify Ajax Search în partea următoare. Să începem!

Adăugați căutarea de produse WooCommerce AJAX cu Woostify Ajax Search

Este nevoie de câteva minute pentru a configura Woostify Ajax Search. Urmați pașii de mai jos pentru ca suplimentul să funcționeze pentru magazinul dvs. WooCommerce.

Pasul 1: Activați Ajax Product Search în Woostify

După configurarea Woostify Pro, tabloul de bord va avea opțiunea Woostify în meniul din stânga.

Din tabloul de bord, accesați Woostify și accesați fila Suplimente pentru a găsi suplimentul Ajax Product Search .

Pentru a-l activa, atingeți butonul din colțul din dreapta jos al suplimentului.

Apoi, faceți clic pe pictograma de setare pentru a începe configurarea căutării Ajax pentru WooCommerce cu suplimentul.

Pasul 2: Configurați Ajax Product Search

Iată toate părțile pe care trebuie să le acoperiți pentru configurarea suplimentului. Acum vom veni să explorăm funcționalitatea fiecărei părți și modul în care funcționează pentru magazinul dvs.

1. Filtrați rezultatele căutării după categorie

Mai întâi, veniți la secțiunea Filtru .

Când bifați caseta Afișare filtru categorie , un filtru de categorie va apărea în bara de căutare, ca în imaginea de mai jos:

Când vizitatorii selectează o anumită categorie și introduc o literă în caseta Căutare produse , bara de căutare va sugera doar produsele aparținând acestei categorii. Acest filtru va permite vizitatorilor să vadă o listă completă de categorii și să restrângă căutarea pentru a găsi mai rapid articolele dorite.

2. Căutați după categorie, etichetă și atribute

Aceste opțiuni permit afișarea categoriilor, etichetelor și atributelor, împreună cu produse, în rezultatele căutării.

Să vedem cum se afișează rezultatele odată ce sunt selectate Afișare căutare în categorie , Afișare căutare în etichetă și Afișare căutare în atribute .

După cum puteți vedea, atunci când vizitatorii introduc literele în caseta de căutare, categoriile și etichetele vor avea prioritate pentru afișare. Ele sunt plasate deasupra rezultatelor pentru produse.

În mod similar, vom vedea atributul „albastru” să apară deasupra produselor în sugestiile de căutare.

Imagine cu atribut

3. Căutați în câmpuri personalizate

În afară de categorii, etichete și atribute, Ajax Product Search vă permite să setați căutarea în câmpuri suplimentare, cum ar fi prețuri, prețuri de vânzare, precomenzi și evaluări.

De exemplu, selectăm _regular_price ca câmp personalizat. Când vizitatorii introduc un număr, veți primi rezultatele sugerate ca în imaginea de mai jos:

4. Căutați după titlu, SKU, descriere și scurtă descriere

Dacă doriți să lăsați vizitatorii să găsească anumite produse folosind informații detaliate, aceste opțiuni pot ajuta foarte mult. Când cunosc numele sau SKU-ul produsului, pot căuta după titlul produsului sau SKU . În unele cazuri, vizitatorii își amintesc doar anumite caracteristici ale produsului, apoi găsesc cu ușurință produsele pe care le caută tastând Descriere produs sau Descriere scurtă a produsului în caseta de căutare.

5. Alte opțiuni pentru căutarea produselor

Suplimentul vă oferă și alte opțiuni, cum ar fi:

• Produs în stoc: permiteți eliminarea produselor epuizate din rezultatele căutării.
• Limitați rezultatele: introduceți -1 pentru a afișa toate produsele
• Culoare de evidențiere: setați culoarea pentru sugestiile afișate

6. Indexați datele produsului pentru căutarea Ajax

După completarea tuturor câmpurilor pentru Ajax Product Search, trebuie să indexați datele pentru a actualiza configurația pentru toate produsele din magazinul dvs.

Puteți citi mai multe la Ajax Search docs pentru a obține mai multe detalii despre supliment.

Configurați căutarea AJAX pentru WooCommerce astăzi

Cu un plugin puternic de căutare de produse WooCommerce Ajax, puteți oferi clienților o experiență de cumpărături mai bună și puteți îmbunătăți SEO pentru site-uri web. Cu aceste avantaje mari, căutarea Ajax ajută și la creșterea veniturilor. Multe beneficii, nu?

Woostify Ajax Product Search este o alegere ideală pentru magazinul dvs. dacă doriți să aveți un instrument alimentat de Ajax. Doar faceți upgrade la Woostify Pro și aveți șansa de a utiliza această funcționalitate împreună cu multe alte funcții interesante Woostify, cum ar fi Smart Product Filter, Header Footer Builder și WooBuilder.