Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodać wyszukiwanie Ajax na żywo do Twojej witryny WordPress (łatwy sposób)

Większość właścicieli witryn WordPress nie zdaje sobie z tego sprawy, ale słabe wyszukiwanie może cicho odstraszyć odwiedzających. Jeśli więc strona z wynikami wyszukiwania ma wysoki współczynnik odrzuceń, istnieje szansa, że użytkownicy są sfrustrowani powolnymi, nieprzydatnymi wynikami.

Właśnie dlatego wyszukiwanie Ajax na żywo jest tak przydatne.

Wyszukiwanie Ajax na żywo rozwiązuje ten problem, wyświetlając wyniki natychmiast podczas pisania przez użytkowników, bez przeładowywania strony. Działa podobnie do autouzupełniania w Google i ułatwia odwiedzającym szybsze znajdowanie stron, wpisów lub produktów.

W tym przewodniku pokażemy Ci, jak łatwo dodać wyszukiwanie Ajax na żywo do WordPress. Po przetestowaniu kilku narzędzi, dla najlepszych wyników polecamy użycie SearchWP. 🙌

Jak dodać wyszukiwanie Ajax na żywo do swojej witryny WordPress (łatwy sposób)

Dlaczego warto dodać wyszukiwanie Ajax na żywo do WordPress?

Wyszukiwanie Ajax na żywo, zwane również wyszukiwaniem natychmiastowym, ulepsza wbudowane wyszukiwanie WordPress, dodając rozwijane menu i funkcję autouzupełniania, która jest powszechna w wyszukiwarkach takich jak Google.

Oto przykład wyszukiwania Ajax na żywo w akcji:

Przykład wyszukiwania Google na żywo

Wyszukiwanie na żywo odgaduje, czego szukają użytkownicy podczas pisania, co pomaga im szybciej znaleźć odpowiednie treści. Często poprawi to doświadczenie użytkownika, zwiększy liczbę wyświetleń stron i zmniejszy współczynnik odrzuceń.

Dzięki wyszukiwaniu Ajax na żywo możesz wyświetlać odpowiednie wyniki bez przeładowywania strony. To sprawia, że jest to świetny wybór dla sklepów eCommerce, ponieważ kupujący mogą natychmiast zobaczyć produkty pasujące do ich zapytania.

W ten sposób wyszukiwanie natychmiastowe może pomóc Ci stworzyć inteligentniejsze wyszukiwanie produktów.

Niemniej jednak pokażemy Ci, jak dodać funkcjonalność wyszukiwania na żywo zasilaną przez Ajax do WordPress. Oto wszystkie tematy, które omówimy w następnych sekcjach:

Zacznijmy!

Krok 1: Włącz wyszukiwanie Ajax za pomocą wtyczki WordPress

Najprostszym sposobem na dodanie wyszukiwania Ajax na żywo do WordPressa jest użycie SearchWP Live Ajax Lite Search. Ta darmowa wtyczka automatycznie dodaje natychmiastowe wyszukiwanie w czasie rzeczywistym do Twojej witryny i doskonale współpracuje z każdym motywem WordPress.

Ponadto obszernie je przetestowaliśmy i możesz dowiedzieć się więcej w naszej pełnej recenzji SearchWP.

Wtyczka SearchWP Live Ajax WordPress

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji możesz przejść do SearchWP » Ustawienia. Następnie kliknij przełącznik „Włącz wyszukiwanie na żywo”.

Włączanie wyszukiwania Ajax na żywo za pomocą SearchWP

Po wykonaniu tej czynności kliknij „Zapisz”, aby zachować zmiany.

Teraz Twój domyślny blok wyszukiwania WordPress będzie miał włączone wyszukiwanie Ajax na żywo.

Zapisywanie ustawień SearchWP

Krok 2: Dodaj formularz wyszukiwania Ajax na żywo do swojej witryny WordPress

Po aktywacji wtyczki każda wyszukiwarka na Twojej stronie będzie automatycznie używać wyszukiwania na żywo Ajax, w tym wszelkich niestandardowych formularzy wyszukiwania w WordPress, które utworzyłeś.

Większość motywów WordPress ma wbudowany pasek wyszukiwania. Jednak po aktywacji wyszukiwania Ajax na żywo możesz chcieć dodać pasek wyszukiwania do innych obszarów swojej witryny WordPress.

Dodawanie wyszukiwania Ajax na żywo do stron WordPress

Możesz chcieć dodać pole wyszukiwania Ajax na żywo do konkretnych stron swojej witryny. Na przykład, możesz dodać pasek do swojej niestandardowej strony archiwum, aby odwiedzający mogli łatwo przeszukiwać archiwa.

Aby to zrobić, musisz otworzyć wpis lub stronę, na której chcesz dodać wyszukiwarkę. W tym przykładzie pokażemy, jak dodać wyszukiwanie na żywo do strony WordPress, ale kroki będą podobne dla wpisów.

Najpierw przejdź do Strony » Wszystkie strony, a następnie wybierz stronę, którą chcesz edytować.

Otwórz stronę WordPress

W edytorze bloków WordPress kliknij ikonę „+”.

Spowoduje to wyświetlenie menu bloków.

Dodawanie nowego bloku do bloga lub strony WordPress

Tutaj wpisz „Search” w polu, a następnie kliknij ikonę „Search”, aby dodać ją do swojej strony.

WordPress automatycznie umieści dla Ciebie pasek wyszukiwania.

Dodawanie bloku wyszukiwania do strony lub wpisu WordPress

Domyślnie pole ma nagłówek „Szukaj”. Możesz to zmienić, wpisując tekst w polu etykiety, lub możesz całkowicie usunąć tekst nagłówka.

Możesz również wpisać opcjonalny tekst zastępczy, który WordPress wyświetli, zanim odwiedzający zaczną wpisywać zapytanie wyszukiwania. Na przykład, jeśli prowadzisz sklep internetowy, możesz użyć czegoś w rodzaju „Szukaj produktów” lub „Znajdź świetne okazje”.

Gdy będziesz zadowolony z konfiguracji paska wyszukiwania, kliknij przycisk „Aktualizuj”.

Dostosowywanie bloku wyszukiwania WordPress

Teraz Twoi odwiedzający mogą używać paska wyszukiwania na żywo, aby szybko znaleźć to, czego szukają.

Możesz użyć tego samego procesu, aby dodać wyszukiwarkę do dowolnego wpisu lub strony.

Przykład strony wyszukiwania na żywo

Dodawanie wyszukiwania na żywo Ajax do paska bocznego WordPress

Wielu właścicieli witryn dodaje pasek wyszukiwania do paska bocznego swojej witryny.

Przykład wyszukiwania w widżecie na żywo

Pozwala to odwiedzającym na wyszukiwanie niezależnie od tego, gdzie się znajdują na Twojej stronie.

Aby dodać widżet wyszukiwania do WordPress, po prostu przejdź do Wygląd » Widżety.

Dostosuj bloki widżetów

Ta strona pokazuje wszystkie różne obszary gotowe na widżety w Twoim motywie WordPress. Widoczne opcje mogą się różnić, ale większość motywów będzie miała sekcję Pasek boczny, Prawy pasek boczny, Lewy pasek boczny lub podobną.

Po prostu kliknij, aby rozwinąć obszar, w którym chcesz dodać pasek wyszukiwania Ajax na żywo. Następnie kliknij ikonę „+”.

Dodaj blok widżetu paska bocznego

W pojawiającym się oknie podręcznym znajdź i wybierz blok „Wyszukiwanie”, gdy się pojawi.

Spowoduje to automatyczne dodanie widżetu wyszukiwania Ajax na żywo do paska bocznego lub podobnej sekcji.

Dodawanie bloku wyszukiwania do obszaru widżetu

Po zakończeniu kliknij przycisk „Zaktualizuj”, aby zapisać zmiany i udostępnić pasek wyszukiwania Ajax na swoim blogu WordPress lub stronie internetowej.

Teraz, jeśli odwiedzisz swoją witrynę, zobaczysz pasek wyszukiwania Ajax na żywo w bocznym pasku lub podobnej sekcji.

Możesz postępować według tego samego procesu, aby dodać pasek wyszukiwania do dowolnego innego obszaru gotowego na widżety.

💡 Wskazówka wewnętrzna: Aby zamiast tego dodać pasek wyszukiwania do menu nawigacyjnego, zapoznaj się z naszym przewodnikiem na temat jak dodać pasek wyszukiwania do menu WordPress.

Dodawanie wyszukiwania na żywo do paska bocznego WordPress przy użyciu edytora pełnej witryny

Jeśli używasz motywu opartego na blokach takiego jak ThemeIsle Hestia Pro, możesz dodać wyszukiwanie Ajax na żywo do dowolnego obszaru swojego motywu za pomocą edytora całego miejsca.

Możesz nawet dodać wyszukiwarkę do obszarów, których nie można edytować za pomocą standardowego edytora treści WordPress. Na przykład, możesz dodać pole wyszukiwania do swojego szablonu strony 404.

Aby rozpocząć, przejdź do Wygląd » Edytor w panelu administracyjnym WordPress.

Dodawanie wyszukiwania Ajax na żywo za pomocą edytora pełnej witryny (FSE)

Domyślnie edytor całego miejsca edytor całego miejsca wyświetla szablon strony głównej motywu, ale możesz dodać blok wyszukiwania do dowolnego szablonu.

Aby zobaczyć wszystkie dostępne opcje, wybierz „Szablony” w menu po lewej stronie.

Dodawanie wyszukiwania Ajax na żywo do Twojego bloga lub strony internetowej WordPress

Teraz możesz kliknąć szablon, w którym chcesz dodać wyszukiwanie Ajax na żywo.

WordPress wyświetli teraz podgląd projektu i wszelkich ustawień strony, które można edytować. Aby przejść do edycji tego szablonu, kliknij małą ikonę ołówka i otwórz edytor bloków.

Dodawanie wyszukiwania Ajax na żywo do motywu WordPress opartego na blokach

Po wykonaniu tej czynności kliknij niebieską ikonę „+”.

W panelu, który się pojawi, wpisz „Search”.

Dodawanie paska wyszukiwania do edytora pełnej witryny (FSE)

Gdy pojawi się blok „Search”, przeciągnij go do obszaru, w którym chcesz wyświetlić pole.

Aby dostosować tytuł bloku lub tekst zastępczy, po prostu wpisz nową treść w bloku wyszukiwania.

Dodawanie wyszukiwania ajax na żywo do motywu WordPressa dla całej witryny

Gdy będziesz zadowolony z wyglądu bloku, kliknij „Zapisz”, aby aktywować pasek wyszukiwania Ajax.

Dodatkowa wskazówka: Dostosuj swoją wyszukiwarkę błyskawiczną WordPress

SearchWP Live Ajax Search doskonale integruje się z wbudowanym wyszukiwaniem WordPress. Jednak to domyślne wyszukiwanie jest dość ograniczone i nie jest dobre w pokazywaniu dokładnych wyników wyszukiwania.

Tutaj z pomocą przychodzi SearchWP. Jest to najlepsza wtyczka wyszukiwania WordPress na rynku, używana przez ponad 30 000 witryn.

Ten wtyczka pozwala odwiedzającym wyszukiwać treści, które WordPress domyślnie ignoruje, w tym:

Instalując SearchWP, możesz całkowicie dostosować nową funkcję natychmiastowego wyszukiwania na swojej stronie bez pisania żadnego kodu.

Wtyczka wyszukiwania SearchWP WordPress

SearchWP oferuje również zaawansowaną analitykę i statystyki, które pozwalają zobaczyć, czego szukają Twoi odwiedzający.

Możesz wykorzystać tę wiedzę do dopracowania sposobu konfiguracji wyszukiwania na Twojej stronie i zidentyfikowania najpopularniejszych treści w witrynie. Może to pomóc w generowaniu nowych pomysłów na posty na blogu w oparciu o to, czego odwiedzający już szukają.

Strona metryk i statystyk SearchWP

Więcej informacji można znaleźć w tych poradnikach:

Najczęściej zadawane pytania dotyczące dodawania wyszukiwania AJAX na żywo w WordPressie

Nadal masz pytania? Te często zadawane pytania obejmują kluczowe punkty dotyczące dodawania wyszukiwania AJAX na żywo do Twojej witryny WordPress.

Czym jest wyszukiwanie zasilane przez Ajax i jakie korzyści przynosi mojej witrynie WordPress?

Wyszukiwanie zasilane przez Ajax zapewnia wyniki w czasie rzeczywistym, gdy użytkownicy wpisują swoje zapytania w pasek wyszukiwania. Poprawia to doświadczenie użytkownika, oferując szybszy dostęp do odpowiednich treści bez konieczności przeładowywania stron.

Czy wyszukiwanie Ajax na żywo można stosować z wtyczkami e-commerce, takimi jak WooCommerce?

Tak, wyszukiwanie Ajax na żywo można zintegrować z wtyczkami eCommerce, takimi jak WooCommerce, aby oferować natychmiastowe możliwości wyszukiwania produktów. Może to pomóc kupującym szybko i łatwo znaleźć produkty.

Jak mogę śledzić, czego szukają użytkownicy?

Większość wtyczek wyszukiwania WordPress oferuje wbudowaną analitykę, która pozwala zobaczyć, czego szukają odwiedzający, na które wyniki klikają i które zapytania nie zwracają żadnych wyników. Dane te mogą pomóc w odkryciu luk w treści, poprawie struktury witryny i optymalizacji ogólnego doświadczenia użytkownika.

Więcej informacji można znaleźć w naszym przewodniku jak zobaczyć analizę wyszukiwania w WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać wyszukiwanie Ajax na żywo do Twojej witryny WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat jak wykluczyć strony z wyników wyszukiwania WordPress oraz naszym artykułem na temat korzystania z wielu formularzy wyszukiwania w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

4 CommentsLeave a Reply

  1. Po raz pierwszy zetknąłem się z wtyczką Search WP, gdy chciałem zaimplementować funkcję wyszukiwania w komentarzach, i im więcej się o niej dowiaduję, tym bardziej ją kocham. Funkcja autouzupełniania, podobna do tej, którą ma Google, jest fantastyczna. Ponieważ używam tej wtyczki głównie do przeszukiwania komentarzy, na pewno wypróbuję również Live Ajax Search. Wygląda świetnie i dodaje stronie profesjonalizmu.

  2. Dzięki za ten post.
    Uwielbiam wyszukiwanie Ajax, ponieważ pozwala użytkownikom wyszukiwać i znajdować treści w czasie rzeczywistym. Polecam to wszystkim blogom, aby je zaimplementowały.
    Popieram również dodanie pola wyszukiwania ajax do strony 404, użytkownik, który trafił na stronę, może po prostu wyszukać i znaleźć post związany z tym, czego szuka.

  3. Cześć, po aktywowaniu tej funkcji komentarzy w ajax, użycie procesora mojego serwera wzrosło, więc musiałem ją zakończyć. Myślę, że jest to dla dużych serwerów hostingowych.

    • Sadly, any ajax solution will increase your CPU usage but thank you for sharing this for anyone who has concerns for their hosting CPU usage :)

      Admin

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.