Jak dodać wyszukiwarkę produktów Ajax w WooCommerce za darmo w 2024 r

Chcesz dodać pasek wyszukiwania do swojego motywu? Trafiłeś we właściwe miejsce! Pokażę Ci jak łatwo i szybko to zintegrować.

Dodanie paska wyszukiwania do motywu to świetny sposób na poprawę komfortu użytkownika i ułatwienie odwiedzającym znalezienia treści, których szukają w Twojej witrynie.

Dzięki łatwo dostępnemu paskowi wyszukiwania odwiedzający mogą łatwo wyszukiwać określone tematy, produkty lub informacje, oszczędzając czas i wysiłek w lokalizowaniu odpowiednich treści.

To ulepszenie nie tylko poprawia satysfakcję użytkowników, ale także zwiększa ogólną użyteczność i funkcjonalność Twojej witryny.

Jeśli więc chcesz zapewnić odwiedzającym bardziej wydajne i przyjazne dla użytkownika doświadczenie, najlepszym rozwiązaniem będzie dodanie paska wyszukiwania!

W tym artykule przedstawię Ci darmową wtyczkę „The Advance Product Search Plugin” służącą do dodawania wyszukiwania produktów Ajax za pomocą Ajax w WooCommerce.

Co to jest wyszukiwanie produktów AJAX?

Wyszukiwanie produktów AJAX to funkcja w witrynie internetowej, która pozwala użytkownikom wyszukiwać produkty bez konieczności ponownego ładowania całej strony.

Wykorzystuje asynchroniczną technologię JavaScript i XML (AJAX) do wysyłania żądań do serwera w tle i pobierania wyników wyszukiwania bez zakłócania przeglądania użytkownika.

Pozwala to na szybsze i bardziej płynne wyszukiwanie produktów w sklepie internetowym.

Dlaczego warto używać AJAX?

Ajax jest powszechnie używany w tworzeniu stron internetowych w celu tworzenia bardziej dynamicznych i interaktywnych doświadczeń użytkownika.

Umożliwia stronom internetowym ładowanie nowych informacji lub treści bez konieczności odświeżania całej strony, dzięki czemu przeglądanie jest szybsze i bardziej płynne dla użytkowników.

Może to pomóc w zwiększeniu zaangażowania użytkowników, zwiększeniu wskaźników retencji i zwiększeniu ogólnego zadowolenia użytkowników z witryny.

Ponadto Ajax może również pomóc zmniejszyć obciążenie serwera i wykorzystanie przepustowości, ponieważ aktualizowane są tylko określone części strony, a nie cała strona.

Ogólnie rzecz biorąc, Ajax jest potężnym narzędziem zwiększającym funkcjonalność i użyteczność stron internetowych.

Teraz przedstawię Ci bezpłatną wtyczkę „The Advance Product Search Plugin”, która umożliwia dodanie wyszukiwania produktów Ajax za pomocą Ajax w WooCommerce.

Zacznijmy!

Instalacja wtyczki (wersja bezpłatna)

Wtyczka Advance Product Search to superszybkie wyszukiwanie na żywo Ajax umożliwiające przeszukiwanie produktu, strony i postu.

Krok 1: Zainstaluj wtyczkę „Th Advance Product Search” .

Aby zainstalować wtyczkę „The Advance Product Search” na swojej stronie WordPress, przejdź do „ Wtyczki administracyjne WP ” i kliknij „ Dodaj nowy ”. Wyszukaj wtyczkę, kliknij „ Zainstaluj teraz ” i aktywuj ją, aby zacząć korzystać z jej funkcji.

Krok 2: Wpisz „Th Advance Product Search” w nazwie wtyczki w polu wyszukiwania i kliknij „ Zainstaluj teraz ”

Wyszukaj „Zaawansowane wyszukiwanie produktów” w polu wyszukiwania wtyczki, a następnie kliknij „ Zainstaluj teraz ”, aby dodać ją do swojej witryny WordPress.

Krok 3: Aktywuj wtyczkę.

Po instalacji kliknij „Aktywuj”, aby włączyć funkcjonalność wtyczki na swojej stronie WordPress.

Krok 4: Przejdź do „Wyszukiwanie zaawansowane” i kliknij je.

Po aktywacji wtyczka „The Advance Product Search” wyświetli zakładkę „Themehunk” po lewej stronie pulpitu nawigacyjnego.

Krok 5: Dostęp do ustawień „Zaawansowane wyszukiwanie produktów”.

Aby uzyskać dostęp do ustawień zaawansowanego wyszukiwania produktów, wybierz opcję „Wyszukiwanie zaawansowane”. Umożliwi to dostosowanie i uściślenie kryteriów wyszukiwania produktów. Użyj tej funkcji, aby efektywniej znajdować określone produkty.

Tutaj, Twoja wtyczka „Th Advance Product Search” została pomyślnie dodana !

Sposoby dodawania zaawansowanego wyszukiwania produktów.

Teraz pokażę Ci, jak w prosty sposób możesz zintegrować i dodać pasek wyszukiwania do swojego motywu

1. Dodaj pasek wyszukiwania, korzystając z „Shortcodes”.
2. Dodaj pasek wyszukiwania, używając opcji „Blokuj”.
3. Dodaj pasek wyszukiwania, korzystając z „Widżetów”.
4. Dodaj pasek wyszukiwania, używając „PHP”.
5. Wyświetl pasek wyszukiwania jako „menu”. .

(przewiń w dół, aby zobaczyć, jak możesz używać skrótów, widżetów i PHP do dodawania paska wyszukiwania.)

Możesz także dodać ustawienia paska wyszukiwania, w tym:

• Szukanie głosowe,
• Ładowarka,
• ustawienia autouzupełniania,
• Zakres wyszukiwania w produkcie,
• Podkreśl w produkcie,

Aby uzyskać te niesamowite ustawienia, które chcesz zobaczyć na swojej stronie, możesz „ Uaktualnić do wersji pro ” i uzyskać „TH Advance Search Pro”.

Jak dodać wyszukiwarkę produktów Ajax w WooCommerce za darmo

1. Używając „Skrótów”.

Krok 1. Uzyskaj dostęp do ustawień zaawansowanego wyszukiwania produktów.

Przejdź do pulpitu nawigacyjnego, a po prawej stronie zobaczysz zakładkę „Themehunk”. Wybierz „Wyszukiwanie zaawansowane”, aby uzyskać dostęp do ustawień zaawansowanego wyszukiwania produktów.

Krok 2. Wybierz i skopiuj „Skróty”.

W obszarze Integracja możesz zobaczyć „Skróty”. musisz wybrać styl paska wyszukiwania i po prostu skopiować krótkie kody preferowanego paska wyszukiwania i wkleić je do edytora witryny.

Pasek zaawansowanego wyszukiwania produktów został pomyślnie dodany i jest teraz widoczny.

2. Używając „ Zablokuj ”.

Krok 1. Zacznij od dostępu do Panelu.

Przejdź do sekcji „Strony” w swoim panelu i kliknij „Strona sklepu”.

Krok 2. Teraz kliknij ikonę [+].

Krok 3. Wyszukaj blok „Th Advance Product Search” i kliknij go.

Po kliknięciu przycisku „Zablokuj” krótki kod zostanie automatycznie wklejony.

Krok 4. Teraz kliknij „Aktualizuj” i przejdź do witryny podglądu.

Możesz zobaczyć, że pasek wyszukiwania został pomyślnie dodany do strony.

3. Korzystając z „ Widżetów ”.

Krok 1. Dodanie „Widgetu wyszukiwania zaawansowanego TH”.

1. Aby zlokalizować „Widżet wyszukiwania zaawansowanego TH”, przejdź do opcji Wygląd > Widżety.
2. Przejdź do głównego paska bocznego, wyszukaj „Widget Wyszukiwanie zaawansowane” i wybierz go.

Krok 2. Po dodaniu „Th Advance Search Widget” kliknij Aktualizuj.

Krok 3. Poszukaj witryny Odwiedź i podgląd.

Możesz zobaczyć, że pasek wyszukiwania „Widżety” został pomyślnie dodany .

4. Wyświetl pasek wyszukiwania jako „ Menu ”.

Krok 1. Przejdź do Wygląd > Menu

Krok 2. Zaznacz „pasek wyszukiwania zaawansowanego TH” i kliknij przycisk „Dodaj do menu”.

Krok 3. Poszukaj ustawienia Menu. i zaznacz (✓) główną lokalizację wyświetlania .

1. Poszukaj ustawienia Menu. i zaznacz (✓) główną lokalizację wyświetlania.
2. Kliknij „Zapisz menu”

Poniżej widać, że pasek wyszukiwania został pomyślnie dodany do menu.