Dodanie inteligentniejszej wyszukiwarki produktów WooCommerce do twojego sklepu internetowego

Chcesz poprawić wyszukiwanie produktów w sklepie WooCommerce?

WooCommerce ma wbudowaną funkcję wyszukiwania, ale nie jest zbyt dobry w znajdowaniu produktów. Zastąpienie go inteligentniejszym i szybszym wyszukiwaniem poprawia wrażenia użytkownika i zwiększa sprzedaż.

W tym artykule pokażemy, jak stworzyć inteligentne wyszukiwanie produktów WooCommerce dla swojego sklepu internetowego.

Adding a smarter WooCommerce product search to your online store

Dlaczego warto dodać inteligentne wyszukiwanie produktów WooCommerce do swojego sklepu?

Domyślnie WooCommerce ma wbudowaną funkcję wyszukiwania produktów, ale pozostawia wiele do życzenia.

Nie wyszukuje dopasowań w atrybutach produktu, recenzjach, polach niestandardowych ani opisach. Jest również bardzo powolny i nie oferuje dobrego doświadczenia użytkownika.

Oznacza to, że użytkownicy nie będą mogli znaleźć produktów, których szukają, a ty stracisz potencjalną sprzedaż.

Product search showing no products found

Na szczęście istnieje kilka doskonałych wtyczek do wyszukiwania produktów WooCommerce, których możesz użyć, aby temu zaradzić. Pozwoli Ci to wyświetlać bardziej pomocne wyniki wyszukiwania produktów, pobierać je szybciej i uzyskać większą sprzedaż produktów.

Mając to na uwadze, przyjrzyjmy się, jak łatwo dodać inteligentną funkcję wyszukiwania produktów WooCommerce do swojego sklepu internetowego.

Metoda 1. Ulepsz wyszukiwanie produktów WooCommerce za pomocą Ajax Search for WooCommerce

Ta metoda jest łatwiejsza i zalecana dla większości właścicieli sklepów.

W tym samouczku będziemy używać wersji Pro Ajax Search for WooCommerce, która jest najlepszą wtyczką do wyszukiwania produktów WooCommerce na rynku.

Wyszukuje wyszukiwane słowa kluczowe we wszystkich polach produktów, w tym w polach niestandardowych. Wtyczka może również wyświetlać wyniki bez przeładowywania strony i jest znacznie szybsza niż domyślne wyszukiwanie WooCommerce.

Dostępna jest również darmowa wersja tej wtyczki, ale nie ma wszystkich zaawansowanych funkcji.

Najpierw musisz zainstalować i aktywować wtyczkę Ajax Search for WooCommerce. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz kliknąć menu „Ajax Search for WooCommerce” na pasku bocznym administratora WordPress, aby wprowadzić klucz licencyjny. Możesz znaleźć te informacje w swoim koncie na stronie wtyczki.

Enter your license key

Następnie możesz odwiedzić WooCommerce ” Pasek Wyszukiwania Ajax strona do konfiguracji ustawień wtyczki. Po prostu przejdź do zakładki „pasek wyszukiwania”, aby rozpocząć.

Change search appearance

Stąd możesz wybrać wygląd pola wyszukiwania. Możesz pokazać i ukryć przycisk, zmienić etykietę przycisku wyszukiwania i zastąpić tekst zastępczy.

Wtyczka rozpoczyna pobieranie i wyświetlanie wyników produktów, gdy tylko użytkownicy zaczną pisać. Możesz dostosować liczbę produktów do wyświetlenia i sposób wyświetlania natychmiastowych wyników.

Configure Ajax search appearance and behavior

Wystarczy przejść do zakładki „Autouzupełnianie” i przejrzeć dostępne opcje. Jeśli nie jesteś pewien, możesz zostawić je takimi, jakie są. Ustawienia domyślne będą działać w większości sklepów internetowych.

Następnie musisz przełączyć się na stronę konfiguracji wyszukiwania. Stąd możesz powiedzieć wtyczce, na które obszary zwrócić uwagę, szukając dopasowania.

Configure search engine

Możesz sprawdzić wszystkie opcje, jeśli chcesz. Możesz także wybrać pola niestandardowe, które chcesz uwzględnić w wyszukiwaniu.

Na koniec wtyczka zawiera również rozmyte mecze. Zasadniczo obejmują one produkty, które mogą być zbliżone do tego, czego szukają użytkownicy, ale nie są dokładnie dopasowane. Zalecamy utrzymanie tego ustawienia w normie, aby uzyskać bardziej trafne i pomocne wyniki.

Na koniec nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać wszystkie ustawienia.

Wyświetlanie wyszukiwania produktów WooCommerce na twojej stronie

Ajax Search for WooCommerce daje trzy sposoby, aby dodać pole wyszukiwania produktów do sklepu WooCommerce.

  • Możesz dodać go do menu nawigacyjnego sklepu.
  • Wyświetl go na pasku bocznym za pomocą widżetu
  • Dodaj go ręcznie do strony sklepu za pomocą shortcode

Dodawanie wyszukiwania produktów WooCommerce do menu nawigacyjnego

Użytkownicy prawdopodobnie będą szukać opcji wyszukiwania w pobliżu górnego menu nawigacyjnego. Wtyczka ułatwia umieszczenie tam wyszukiwania produktów.

Po prostu przejdź do Wygląd ” Menu strona. Upewnij się, że obecne menu nawigacyjne jest zaznaczone, a następnie dodaj „pasek wyszukiwania AJAX” do menu nawigacyjnego.

Adding Ajax product search to navigation menu

Nie zapomnij kliknąć przycisku Zapisz Menu, aby zapisać swoje ustawienia.

Możesz teraz odwiedzić sklep, aby zobaczyć wyszukiwanie produktów dodane do menu nawigacyjnego witryny.

Preview of live product search in WooCommerce

Dodawanie wyszukiwania produktów WooCommerce do widżetu paska bocznego

Pasek boczny jest również popularnym miejscem do wyświetlania opcji wyszukiwania produktów.

Po prostu przejdź do Wygląd ” Widgety strona i dodaj widżet’ Ajax search bar ’ na pasku bocznym.

Adding WooCommerce product search to sidebar

Opcjonalnie możesz podać tytuł i wybrać układ pola wyszukiwania w Ustawieniach widżetu.

Nie zapomnij kliknąć przycisku „Zapisz”, aby zapisać ustawienia widżetu.

Możesz teraz odwiedzić sklep, a na pasku bocznym zobaczysz pole wyszukiwania.

Sidebar product search preview

Dodawanie wyszukiwania produktów WooCommerce za pomocą Shortcode

Jeśli używasz niestandardowej strony docelowej dla strony sklepu lub katalogu produktów, możesz wyświetlić wyszukiwanie produktów na tej konkretnej stronie lub poście.

Wtyczka zawiera krótki kod, który pozwala łatwo to zrobić. Po prostu Edytuj post lub stronę, na której chcesz wyświetlić pole wyszukiwania.

Na ekranie edycji kliknij przycisk Dodaj nowy blok ( + ), a następnie włóż blok skrótu. Wewnątrz bloku shortcode możesz po prostu wprowadzić następujący shortcode:

[wcas-search-form]

Adding the shortcode block

Nie zapomnij opublikować, zapisać lub zaktualizować swojego posta / strony.

Możesz teraz odwiedzić tę konkretną stronę lub post, aby zobaczyć wyświetlone tam pole wyszukiwania na stronie.

Product search displayed on a page

Metoda 2. Tworzenie inteligentniejszego wyszukiwania WooCommerce za pomocą SearchWP

Ta metoda jest przeznaczona dla właścicieli sklepów, którzy mają również wiele treści niezwiązanych z produktem i chcą poprawić jakość wyszukiwania dla wszystkich swoich treści.

SearchWP to najlepsza wtyczka do wyszukiwania WordPress na rynku i zawiera dodatek WooCommerce, który pomaga również ulepszyć wyszukiwanie produktów WooCommerce.

Zaletą SearchWP jest to, że indeksuje również posty na blogu i strony docelowe.

Wadą jest to, że funkcja natychmiastowego wyszukiwania nie wyświetla miniatur produktów w wynikach. Jako właściciel sklepu chcesz mieć bardziej wizualne doświadczenie wyszukiwania, aby natychmiast zaangażować klientów.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę SearchWP. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: Potrzebujesz przynajmniej planu PRO, aby uzyskać dostęp do integracji WooCommerce.

Po aktywacji musisz odwiedzić Ustawienia ” SearchWP strona i przejdź do karty licencja, aby wprowadzić klucz licencyjny.

Adding your SearchWP license key

Następnie musisz zainstalować i aktywować rozszerzenie integracji WooCommerce. Możesz go pobrać z obszaru konta na stronie SearchWP i zainstalować tak, jak instalujesz dowolną inną wtyczkę WordPress.

Teraz jesteś gotowy, aby skonfigurować swoją niestandardową wyszukiwarkę SearchWP.

Po prostu przejdź do Ustawienia ” SearchWP stronę i kliknij przycisk „źródła i ustawienia”.

Choose SearchWP sources

Spowoduje to wyświetlenie okienka, w którym musisz upewnić się, że pole wyboru obok produktów jest zaznaczone.

Add products source

Następnie kliknij przycisk „Gotowe”, aby zamknąć okienko i przewiń w dół do sekcji „Produkty”.

Domyślnie wtyczka będzie patrzeć na tytuł produktu, treść (opis), ślimak i fragment (Krótki opis) dla meczów. Możesz to rozszerzyć, klikając przycisk „Dodaj/usuń atrybuty”.

Add or remove attributes to look for search matches

Spowoduje to wyświetlenie okienka, w którym możesz sprawdzić, czy zawierają recenzje lub wybrać niestandardowe pola i taksonomie. Dodaliśmy kolor i rozmiar w polach niestandardowych, kategoriach produktów i tagach produktów w taksonomii.

Adding product attributes and taxonomies into search

Możesz teraz śmiało kliknąć przycisk „Zapisz silniki”, aby zapisać ustawienia. Następnie rozpocznie przebudowę indeksu wyszukiwania w tle.

SearchWP automatycznie wyszukuje formularze wyszukiwania WooCommerce lub WordPress i zastępuje je. Twój motyw WooCommerce może już mieć opcję wyświetlania opcji wyszukiwania.

Możesz przejść do swojej witryny, aby wypróbować funkcję wyszukiwania. Zauważysz, że jest wolniejszy i przeładuje stronę, aby wyświetlić wyniki wyszukiwania.

Search results page in SearchWP

Możesz zmienić to zachowanie, pobierając rozszerzenie Live Search ze strony internetowej SearchWP. Po pobraniu możesz go zainstalować i aktywować jak każdą inną wtyczkę do WordPressa.

Po aktywacji możesz po prostu przejść do Wygląd ” Widgety strona i dodaj widżet’ Searchchwp Live Search ’ do paska bocznego.

SearchWP live search widget

Nie zapomnij kliknąć przycisku Zapisz, aby zapisać ustawienia widżetu.

Następnie możesz odwiedzić swoją witrynę, aby zobaczyć inteligentne wyszukiwanie WooCommerce w akcji. Zauważysz, że SearchWP wyświetli produkty w wynikach wyszukiwania na żywo, ale bez miniaturek produktów.

Live search in SearchWP

Która jest najlepsza wtyczka do wyszukiwania produktów WooCommerce?

Ajax Search for WooCommerce i SearchWP są dobre w znajdowaniu produktów, których domyślne wyszukiwanie WooCommerce nie byłoby w stanie pokazać.

Jednak Ajax Search for WooCommerce jest szybszy i oferuje lepsze wrażenia użytkownika. Szybsza funkcja wyszukiwania w sklepie eCommerce ostatecznie prowadzi do większej sprzedaży.

Jest również łatwiejszy w użyciu i nie trzeba instalować wielu dodatków, aby stworzyć lepsze wyszukiwanie produktów w witrynie.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo stworzyć inteligentne wyszukiwanie produktów WooCommerce dla Twojego sklepu internetowego. Możesz również zobaczyć nasz wybór najlepszych wtyczek WooCommerce, które pomogą Ci rozwinąć Twój sklep, oraz nasze porównanie najlepszych usług telefonicznych biznesowych, aby dodać numer wirtualny na swojej stronie.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…