Cum să faci Divi Search produse WooCommerce (fără codare)

Publicat: 2022-08-29

Vrei să știi cum să faci Divi să caute produse WooCommerce?

Este o problemă pe care fiecare proprietar de magazin WooCommerce care folosește Divi ca generator principal de pagini trebuie să o rezolve dacă dorește să aibă succes online.

În acest tutorial, vă vom arăta cum să activați căutarea prin produse WooCommerce pe site-ul dvs. Divi în câțiva pași simpli.

Să ne aruncăm în ea!

De ce faceți Divi să caute produse WooCommerce

Motorul de căutare implicit WordPress este destul de slab și nu este cea mai bună alegere dacă doriți să oferiți clienților dvs. o experiență de utilizator pozitivă.

De exemplu, nu:

  • luați în considerare atributele produsului atunci când efectuați o căutare
  • permiteți clienților dvs. să caute după etichete de produs
  • acordați atenție categoriei de produse
  • căutați potriviri parțiale dacă nu există exacte
  • colectați orice date despre activitatea de căutare a vizitatorilor dvs
  • si multe altele…

Același lucru este valabil și pentru modulele de căutare Divi, deoarece Divi este un plugin pentru generator de pagini care utilizează același motor de căutare implicit WordPress.

Din fericire, există o modalitate de a face căutarea pe site-ul dvs. WooCommerce mult mai inteligentă și de a vă ajuta vizitatorii să găsească mai rapid produsul pe care îl caută.

Să vedem cum poți face asta în doar câteva clicuri, fără a fi nevoie de abilități tehnice sau de codare.

Cum să faci căutarea Divi pentru produse WooCommerce

Cel mai simplu și rapid mod de a face Divi să caute produse WooCommerce este să folosești SearchWP.

SearchWP logo

SearchWP este un plugin puternic și prietenos pentru începători, cu multe caracteristici care vă ajută să vă îmbunătățiți căutarea WordPress.

Vă permite nu numai să faceți ca produsele WooCommerce să poată fi căutate, ci să vă personalizați complet căutarea pentru nevoile afacerii dvs.

De exemplu, puteți să vă limitați căutarea, să activați căutarea după etichete de produs, să prioritizați anumite produse în rezultatele căutării și multe altele.

Peste 30.000 de proprietari de site-uri WordPress folosesc SearchWP pentru a oferi vizitatorilor lor cele mai relevante rezultate de căutare.

Iată câteva alte caracteristici ale acestui plugin care îl fac atât de popular:

  • Rezultatele căutării în direct . Oferiți clienților dvs. rezultatele căutării în modul live pentru a-i ajuta să găsească mai rapid ceea ce caută și pentru a vă crește vânzările.
  • Analiza activității de căutare . Obțineți rapoarte detaliate despre comportamentul de căutare al vizitatorilor dvs. pentru a vedea ce termeni de căutare introduc, ce rezultate de căutare sunt cele mai populare și multe altele.
  • Formulare de căutare personalizate . Adăugați mai multe motoare de căutare personalizate și conectați-le la formulare de căutare individuale de pe site-ul dvs.
  • Control asupra rezultatelor căutării . Schimbați ordinea rezultatelor căutării pe site-ul dvs. așa cum doriți să promovați anumite pagini și să obțineți mai multe afișări de pagină.

Cu asta, haideți să vorbim despre cum puteți utiliza SearchWP pentru a face Divi să caute produse WooCommerce.

Pasul 1: Instalați și activați SearchWP

Primul lucru pe care trebuie să-l faceți este să vă luați copia de SearchWP.

După ce ați primit copia pluginului, accesați contul SearchWP și mergeți la fila Descărcări .

go to the Downloads tab

Apoi, apăsați butonul Download SearchWP și descărcați fișierul ZIP al pluginului pe computer.

press Download SearchWP

După descărcare, copiați cheia de licență a pluginului în aceeași filă.

copy your license key

Apoi, va trebui să încărcați fișierul SearchWP ZIP pe site-ul dvs. și să instalați pluginul. Consultați acest tutorial detaliat despre cum să instalați un plugin WordPress dacă aveți nevoie de ajutor în acest sens.

După ce instalați pluginul, va trebui să vă activați copia cu cheia de licență.

Pentru a face acest lucru, navigați în tabloul de bord WordPress și faceți clic pe Activare licență sub butonul SearchWP din panoul de sus.

click Activate License

Apoi, inserați cheia de licență SearchWP în câmpul Licență și faceți clic pe Activare .

press the Activate button

După ce vă activați licența, următorul pas este să instalați extensia WooCommerce Integration.

Pasul 2: Instalați extensia de integrare WooCommerce

Folosind această extensie, puteți integra fără probleme SearchWP cu WooCommerce și puteți obține control complet asupra căutării produselor dvs.

Pentru a-l instala, accesați SearchWP » Extensii din panoul din stânga al tabloului de bord WordPress.

go to SearchWP Extensions

Apoi, găsiți extensia de integrare WooCommerce și faceți clic pe Instalare .

install the WooCommerce Integrations Extension

După ce instalați și activați extensia, sunteți gata să faceți ca Divi să caute produse WooCommerce.

Pasul 3: Personalizați-vă sursele de căutare ale motorului de căutare

Pentru a face asta, mai întâi, faceți clic pe butonul SearchWP din panoul din stânga al tabloului de bord.

go to SearchWP settings

După aceea, veți ajunge la fila Motoare din setările SearchWP , unde vă puteți gestiona și personaliza motoarele de căutare.

your search engines

Un motor de căutare este un set de setări și reguli pe care WordPress le urmează atunci când efectuează căutări pe site-ul tău.

Cu SearchWP, îl puteți personaliza pe deplin pentru a satisface nevoile dvs. de afaceri, inclusiv făcând Divi să caute produse WooCommerce.

În plus, puteți, de asemenea, să ascundeți anumite produse din rezultatele căutării, să activați căutarea după SKU-uri de produs, să faceți ca WordPress să caute anumite potriviri și multe altele.

Pentru ca produsele WooCommerce să poată fi căutate pe site-ul dvs. Divi, va trebui să le transformați într-o sursă de căutare activă.

Pentru a face acest lucru, faceți clic pe butonul Surse și setări .

press Sources and Settings

Apoi, bifați o casetă de selectare de lângă sursa Produse pentru a o activa și apăsați Terminat pentru a salva modificările.

make Products as an active search source

Acum site-ul dvs. Divi va căuta produse WooCommerce.

Să facem, de asemenea, să facem căutării atribute ale produsului WooCommerce, cum ar fi etichetele, categoriile și câmpurile personalizate, pentru a le crește posibilitatea de descoperire pe site-ul dvs.

Pentru a începe, apăsați butonul Adăugați/Eliminați atribute din secțiunea Sursă de căutare produse .

click Add Remove attributes

Apoi, faceți clic pe câmpul Câmpuri personalizate .

click on the Custom Fields field

Apoi, alegeți opțiunea Any Meta Key din meniul drop-down.

add the Any Meta Key shortcut

Aceasta este o comandă rapidă SearchWP care vă permite să faceți automat căutarea conținutului oricărui câmp personalizat pe care îl aveți pe site-ul dvs.

Următorul pas este să activați căutarea după etichete și categorii de produse.

Pentru a face acest lucru, faceți clic pe câmpul Taxonomii și alegeți două opțiuni: Etichete de produs și Categorii de produse .

add product categories and tags

Când ați terminat de gestionat atributele produselor care pot fi căutate, apăsați pe Terminat pentru a salva modificările pe care le-ați făcut în sursa de căutare Produse .

save your attributes

Pasul final este să salvați motorul dvs. de căutare personalizat. Puteți face acest lucru apăsând butonul Salvare motoare din colțul din dreapta sus.

press Save Engines

Apoi, faceți clic pe butonul Rebuild Index pentru a face WordPress să vă reindexeze produsele WooCommerce și pentru a verifica ce atribute au.

click Rebuild Index

Asta e. Căutarea dvs. Divi WooCommerce a devenit mult mai inteligentă, iar acum clienții dvs. pot găsi produsele potrivite mai ușor.

Să creăm o nouă pagină de căutare Divi și să adăugăm bara de căutare îmbunătățită la ea.

Pasul 4: Adăugați widgetul de căutare la pagina Divi

Pentru a începe, navigați la Pagini » Adăugați nou în tabloul de bord WordPress.

add a new page

Adăugați un titlu paginii dvs. și apăsați butonul Utilizați Divi Builder pentru a-l deschide în editorul Divi.

click Edit with Divi Editor

Apoi, faceți clic pe Start Building sub secțiunea Build From Scratch .

press Start Building

Odată ce vă aflați în editorul Divi, selectați aspectul primului rând de pe pagina dvs. De exemplu, vom alege primul aspect.

choose the first row layout

După aceea, puteți alege modulul pe care doriți să îl adăugați în pagina dvs. Căutați modulul Căutare și faceți clic pe el.

add the search module

Apoi, apăsați butonul de bifă verde pentru a salva noul modul.

click the green checkmark icon

După ce sunteți mulțumit de modul în care arată pagina dvs. de căutare, faceți clic pe pictograma cu trei puncte din partea de jos a editorului dvs. Divi.

click three dots icon

Apoi, apăsați butonul Salvare din colțul din dreapta jos al editorului Divi pentru a vă salva pagina.

press Save

După salvarea paginii, ultimul pas este să testați noua căutare Divi.

Pasul 5: Testează-ți noua căutare Divi

Pentru a începe, faceți clic pe butonul Ieșire din Visual Builder din partea de sus a Editorului Divi pentru a accesa pagina dvs.

click Exit Visual Builder

Apoi, căutați câteva produse WooCommerce pe care le aveți în magazin. De exemplu, vom căuta Fancy Coat .

press Search

După cum puteți vedea, am găsit produsul folosind noul nostru formular de căutare Divi, deoarece acum caută produse WooCommerce.

we found our product

Să încercăm, de asemenea, să găsim un produs după categorie, deoarece căutarea noastră Divi, îmbunătățită cu SearchWP, a devenit mult mai inteligentă.

De exemplu, vom căuta produse plasate în categoria Pălării .

search for product by category

Puteți vedea că există numai produse din categoria Pălării , ceea ce înseamnă că am făcut cu succes că atributele produselor WooCommerce pot fi căutate.

we found products by category

Din acest ghid, ați învățat cum să faceți Divi să caute produse WooCommerce.

Vă va permite să creați pagini și teme frumoase pentru magazinul dvs. WooCommerce folosind Divi fără a pierde clienți.

Sunteți gata să împuterniciți căutarea pe site-ul dvs. Divi? Puteți începe să utilizați SearchWP aici.

Căutarea dvs. Divi a încetat să funcționeze? Consultați tutorialul nostru detaliat despre cum să remediați căutarea Divi care nu funcționează în câțiva pași simpli.

Căutați o modalitate de a crea o pagină de căutare frumoasă folosind Divi? Urmați ghidul nostru despre cum să creați un șablon de pagină cu rezultatele căutării Divi.