Jak dodać wyszukiwanie AJAX dla sklepów WooCommerce
Opublikowany: 2023-04-23Jako właściciel sklepu WooCommerce będziesz chciał znaleźć najlepszy sposób na ulepszenie wyszukiwania użytkowników, prawda? Dlatego dodanie wyszukiwania AJAX do WooCommerce to świetna metoda dla Twojego sklepu.
W tym samouczku pokażemy, w jaki sposób wyszukiwanie AJAX przynosi korzyści Twojemu sklepowi. Na pewno będziesz się zastanawiać, jak możesz dodać wyszukiwanie AJAX dla sklepów WooCommerce . Nie bądź niecierpliwy! Wszystkie tego typu informacje znajdziesz w naszym artykule.
Zanim zaczniesz, zobacz, jak wygląda wyszukiwanie AJAX.
Teraz zanurzmy się w to!
- Co to jest wyszukiwanie produktów AJAX?
- Korzyści z używania wyszukiwania AJAX dla WooCommerce
- Popraw komfort wyszukiwania użytkowników
- Popraw SEO dla stron internetowych
- Woostify Ajax Search: najlepsza wtyczka wyszukiwania WooCommerce AJAX
- Dodaj wyszukiwanie produktów WooCommerce AJAX za pomocą Woostify Ajax Search
- Krok 1: Włącz wyszukiwanie produktów Ajax w Woostify
- Krok 2: Skonfiguruj wyszukiwanie produktów Ajax
- 1. Filtruj wyniki wyszukiwania według kategorii
- 2. Szukaj według kategorii, znacznika i atrybutów
- 3. Szukaj w niestandardowych polach
- 4. Szukaj według tytułu, SKU, opisu i krótkiego opisu
- 5. Inne opcje wyszukiwania produktów
- 6. Indeksuj dane produktów dla wyszukiwania Ajax
- Skonfiguruj wyszukiwanie AJAX dla WooCommerce już dziś
Co to jest wyszukiwanie produktów AJAX?
Gdy wymagana jest niewielka zmiana na stronie, nie ma potrzeby ponownego ładowania całej strony, ponieważ powoduje to przeładowanie witryny wielu niepotrzebnych rzeczy. To jest powód, dla którego powstaje AJAX.
Ajax oznacza asynchroniczny JavaScript i XML. Napisany w JavaScript, AJAX pozwoli użytkownikom zobaczyć wyniki wyszukiwania na żywo podczas wpisywania znaków w polu wyszukiwania.
W przypadku witryn WooCommerce wyszukiwanie produktów AJAX odgrywa ważną rolę w poprawie jakości zakupów. Pomaga klientom zaoszczędzić czas i szybko znaleźć produkty.
Oprócz poprawy obsługi klienta, wyszukiwanie AJAX zapewnia wiele innych korzyści dla Twoich witryn WooCommerce. Czytaj dalej, aby uzyskać szczegółowe informacje.
Korzyści z używania wyszukiwania AJAX dla WooCommerce
Zyskasz wiele korzyści, gdy wyszukiwanie AJAX zostanie zastosowane w Twojej witrynie. W szczególności:
Popraw komfort wyszukiwania użytkowników
W zakupach online każda sekunda jest cenna. Dlatego im inteligentniejsza jest Twoja wyszukiwarka, tym bardziej atrakcyjny staje się Twój sklep w oczach odwiedzających. A wyszukiwanie AJAX to świetny sposób na optymalizację procesu wyszukiwania.
Korzystając z funkcji AJAX, odwiedzający zobaczą na żywo sugestie wyszukiwania produktów, nawet w tym powiązany element, którego nie zamierzają szukać od początku. Błyskawiczne wyniki wyszukiwania pokażą informacje o produkcie, takie jak zdjęcia i ceny. Wystarczy kliknąć opcję, a odwiedzający natychmiast przejdą do produktu, zamiast czekać na ponowne załadowanie strony wyszukiwania przed wyświetleniem wyników.
Tak ekscytująca funkcja z pewnością sprawi, że odwiedzający poczują się usatysfakcjonowani. Ponieważ proces wyszukiwania przebiega płynnie, może zachęcić odwiedzających do szybkiego zakupu i powtórzenia zakupów, przyczyniając się do zwiększenia Twoich przychodów.
Popraw SEO dla stron internetowych
Ponieważ AJAX działa tak, aby umożliwić użytkownikom interakcję ze stroną internetową bez ponownego ładowania strony, pobiera tylko wymaganą treść, a nie całą zawartość strony. Z tego powodu użycie AJAX pomoże zmniejszyć wykorzystanie przepustowości, poprawiając w ten sposób wydajność sieci.
Google zawsze chce koncentrować się na doświadczeniu użytkownika; dlatego witryny ze zoptymalizowaną szybkością strony będą faworyzowane przez Google. Dołączając funkcjonalność AJAX do swojej witryny, pośrednio poprawiasz SEO swojej witryny.
Dzięki korzyściom, jakie niesie ze sobą wyszukiwanie AJAX, staje się ono niezbędną rzeczą dla sklepów WooCommerce. Jak więc możesz mieć wyszukiwanie AJAX dla swojego sklepu? Proszę czytać dalej. Zaraz pokażemy Ci rozwiązanie.
Woostify Ajax Search: najlepsza wtyczka wyszukiwania WooCommerce AJAX
Domyślnie WooCommerce nie oferuje funkcjonalności AJAX; dlatego do utworzenia tej funkcji potrzebne będzie narzędzie pomocnicze. W tym artykule przedstawiamy Woostify Ajax Search, który może spełnić oczekiwania potężnej wtyczki do wyszukiwania produktów AJAX. Zobaczmy, dlaczego zasługuje na to miano i jak działa.
Dzięki przyjaznemu dla użytkownika formularzowi wyszukiwania opartemu na AJAX, Woostify Ajax Search zapewni odwiedzającym wspaniałe wrażenia z wyszukiwania. Gdy Woostify AJAX Search działa, zapewnia odwiedzającym pasek wyszukiwania na żywo, w którym mogą wyszukiwać według dowolnych danych produktu i uzyskiwać wyniki z niesamowitą szybkością.
Wyszukiwanie Woostify Ajax ma następujące funkcje:
- Szukaj według kategorii, tagów, atrybutów, tytułów, jednostek SKU i opisów.
- Szukaj w niestandardowych polach, takich jak ceny, oceny, daty i tak dalej
- Włączone autouzupełnianie słów kluczowych
- Niestandardowy kolor wyników wyszukiwania
- Obsługa produktów zmiennych
- Zdjęcia produktów i ceny wyświetlane w wynikach wyszukiwania na żywo
- Usuwanie produktów niedostępnych na magazynie
Wyjaśnimy szczegółowo każdą funkcję, instruując, jak korzystać z Woostify Ajax Search w następnej części. Zacznijmy!
Dodaj wyszukiwanie produktów WooCommerce AJAX za pomocą Woostify Ajax Search
Konfiguracja Woostify Ajax Search zajmuje kilka minut. Wykonaj poniższe czynności, aby dodatek działał w Twoim sklepie WooCommerce.
Krok 1: Włącz wyszukiwanie produktów Ajax w Woostify
Po skonfigurowaniu Woostify Pro na pulpicie nawigacyjnym będzie dostępna opcja Woostify w lewym menu.
Z pulpitu nawigacyjnego przechodzisz do Woostify i odwiedzasz kartę Dodatki, aby znaleźć dodatek Ajax Product Search .
Aby go aktywować, dotknij przycisku w prawym dolnym rogu dodatku.
Następnie kliknij ikonę ustawień, aby rozpocząć konfigurowanie wyszukiwania Ajax dla WooCommerce za pomocą dodatku.
Krok 2: Skonfiguruj wyszukiwanie produktów Ajax
Oto wszystkie części, które musisz pokryć, aby skonfigurować dodatek. Teraz przejdziemy do zbadania funkcjonalności każdej części i tego, jak działa w Twoim sklepie.
1. Filtruj wyniki wyszukiwania według kategorii
Najpierw przejdź do części Filtr .
Gdy zaznaczysz pole Wyświetl filtr kategorii , na pasku wyszukiwania pojawi się filtr kategorii, jak na poniższym obrazku:
Gdy odwiedzający wybiorą określoną kategorię i wprowadzą literę w polu Wyszukaj produkty , pasek wyszukiwania zasugeruje tylko produkty należące do tej kategorii. Ten filtr pozwoli odwiedzającym zobaczyć pełną listę kategorii i zawęzić wyszukiwanie, aby szybciej znaleźć żądane elementy.
2. Szukaj według kategorii, znacznika i atrybutów
Opcje te umożliwiają wyświetlanie kategorii, tagów i atrybutów wraz z produktami w wynikach wyszukiwania.
Zobaczmy, jak wyświetlają się wyniki po wybraniu opcji Pokaż wyszukiwanie w kategorii , Pokaż wyszukiwanie w tagu i Pokaż wyszukiwanie w atrybutach .
Jak widać, gdy odwiedzający wpisują litery w polu wyszukiwania, kategorie i tagi będą traktowane priorytetowo przy wyświetlaniu. Umieszczone są nad wynikami dla produktów.
Podobnie, nad produktami w sugestiach wyszukiwania pojawi się atrybut „niebieski”.
Obraz atrybutu
3. Szukaj w niestandardowych polach
Oprócz kategorii, tagów i atrybutów, Ajax Product Search umożliwia ustawienie wyszukiwania w dodatkowych polach, takich jak ceny, ceny sprzedaży, zamówienia w przedsprzedaży i oceny.
Na przykład wybieramy _regular_price jako pole niestandardowe. Gdy odwiedzający wpiszą liczbę, otrzymasz sugerowane wyniki, jak na poniższym obrazku:
4. Szukaj według tytułu, SKU, opisu i krótkiego opisu
Jeśli chcesz, aby odwiedzający mogli znaleźć określone produkty na podstawie szczegółowych informacji, te opcje mogą bardzo pomóc. Znając nazwę produktu lub SKU, mogą wyszukiwać według tytułu produktu lub SKU . W niektórych przypadkach odwiedzający zapamiętują tylko niektóre cechy produktu, a następnie łatwo znajdują produkty, których szukają, wpisując Opis produktu lub Krótki opis produktu w polu wyszukiwania.
5. Inne opcje wyszukiwania produktów
Dodatek zapewnia również kilka innych opcji, takich jak:
- Produkt niedostępny: umożliwia usuwanie produktów niedostępnych w wynikach wyszukiwania.
- Ogranicz wyniki: wprowadź -1, aby wyświetlić wszystkie produkty
- Kolor podświetlenia: ustaw kolor wyświetlanych sugestii
6. Indeksuj dane produktów dla wyszukiwania Ajax
Po wypełnieniu wszystkich pól Ajax Product Search musisz zindeksować dane, aby zaktualizować ustawienia dla wszystkich produktów w Twoim sklepie.
Możesz przeczytać więcej w dokumentacji Ajax Search, aby uzyskać więcej informacji na temat dodatku.
Skonfiguruj wyszukiwanie AJAX dla WooCommerce już dziś
Dzięki potężnej wtyczce wyszukiwania produktów WooCommerce Ajax możesz zapewnić klientom lepsze wrażenia z zakupów i poprawić SEO stron internetowych. Dzięki tym wspaniałym zaletom wyszukiwanie Ajax pomaga również zwiększyć przychody. Mnóstwo korzyści, prawda?
Woostify Ajax Product Search to idealny wybór dla Twojego sklepu, jeśli chcesz mieć narzędzie oparte na technologii Ajax. Po prostu zaktualizuj do Woostify Pro, a będziesz mieć szansę na korzystanie z tej funkcji wraz z wieloma innymi ekscytującymi funkcjami Woostify, takimi jak Inteligentny filtr produktów, Konstruktor stopek nagłówków i WooBuilder.