Jak zbudować własny niestandardowy formularz wyszukiwania w WordPressie (3 sposoby)

Chcesz łatwo utworzyć niestandardowy formularz wyszukiwania w WordPressie bez kodowania?

Niestandardowy formularz wyszukiwania umożliwia odwiedzającym łatwe wyszukiwanie i filtrowanie zawartości witryny za pomocą kilku kliknięć.

Gdy użytkownicy szybko znajdują to, czego szukają, są bardziej skłonni do dłuższego pozostawania w Twojej witrynie. Są również bardziej skłonni do podjęcia działań, aby kupić produkt, przeczytać Twojego bloga, zapisać się do newslettera i nie tylko.

W tym poście pokażemy, jak łatwo utworzyć niestandardowy formularz wyszukiwania w WordPress, aby poprawić wrażenia użytkownika i zwiększyć liczbę konwersji.

Wcześniej zobaczmy, czy naprawdę potrzebujesz utworzyć niestandardowy formularz wyszukiwania dla swojej witryny.

Dlaczego warto utworzyć niestandardowy formularz wyszukiwania?

Niestandardowy formularz wyszukiwania jest idealny dla witryn, które zawierają dużo treści, produktów, dokumentacji i często zadawanych pytań. Jest to obowiązkowa funkcja w sklepach eCommerce, katalogach firm online, witrynach szkół/uczelni i podobnych witrynach.

Opcja wyszukiwania pomoże użytkownikom znaleźć to, czego potrzebują, bez poświęcania minut, a nawet godzin na szukanie tego.

Oto dlaczego powinieneś utworzyć niestandardowy formularz wyszukiwania dla swojej witryny WordPress:

• Pomaga użytkownikom poruszać się po Twoich treściach
• Oszczędza czas, znajdując rzeczy szybciej
• Zwiększa konwersje i sprzedaż
• Optymalizuje witrynę pod kątem użytkowników mobilnych
• Zmniejsza współczynnik odrzuceń

Teraz pokażemy Ci, jak utworzyć niestandardowy formularz wyszukiwania w WordPress za pomocą wtyczki do tworzenia formularzy.

Jak utworzyć niestandardowy formularz wyszukiwania w WordPress

Pierwszą metodą, z której możesz skorzystać, jest domyślna opcja wyszukiwania oferowana przez WordPress.org. Możesz włączyć podstawowe wyszukiwanie WordPress, które umożliwia wyszukiwanie stron i postów w Twojej witrynie.

Ta metoda jest jednak nieco skomplikowana. Obejmuje kodowanie i edycję plików, takich jak functions.php, które są bardzo wrażliwe. Jeden zły krok i możesz zepsuć swoją witrynę.

Aby wyświetlić formularz wyszukiwania w swojej witrynie, musisz użyć funkcji „ get_search_form() ”. Pomoże Ci to w pliku searchform.php w motywie WordPress. Jeśli nie można go znaleźć, zostanie użyta domyślna opcja wyszukiwania rdzenia WordPress.

Aby jednak dostosować pole wyszukiwania WordPress, musisz dodać do pliku więcej kodu.

Jeśli nie znasz się na kodowaniu, najlepiej użyć niezawodnej wtyczki wyszukiwania WordPress, aby umożliwić wyszukiwanie w witrynie. I to jest dokładnie to, co zamierzamy zrobić w tym samouczku.

Na rynku znajdziesz kilka wtyczek, które pozwalają dostosować formularz wyszukiwania WordPress.

Upewnij się, że wybrałeś wtyczkę WordPress, która nie tylko pozwoli Ci stworzyć niestandardowe wyszukiwanie, ale także dodać filtry i pokazać odpowiednie wyniki odwiedzającym.

Zalecamy korzystanie z SearchWP, wtyczki wyszukiwania nr 1 dla WordPress, która pozwala przeszukiwać WSZYSTKO w Twojej witrynie. Możesz również użyć Formidable Forms, aby utworzyć niestandardowy formularz wyszukiwania. Poniżej pokażemy, jak utworzyć niestandardowy formularz wyszukiwania za pomocą tych dwóch wtyczek.

Utwórz niestandardowy formularz wyszukiwania za pomocą SearchWP

SearchWP to bez wątpienia najlepsza niestandardowa wtyczka wyszukiwania dla WordPress. Jest łatwy w użyciu, wyświetla dokładne wyniki i zapewnia kontrolę nad formularzem wyszukiwania.

SearchWP jest naprawdę niesamowity i ma niesamowite funkcje premium, dlatego jest to wtyczka premium. Możesz zapisać się na plan już od 99 USD rocznie. I chociaż nie będziesz zawiedziony, istnieje 14-dniowa gwarancja zwrotu pieniędzy.

To pozwoli ci włączyć wyszukiwanie wszystkiego. Przeszukuj szczegóły produktu, zawartość pól niestandardowych, dane wyjściowe skróconego kodu, niestandardową zawartość tabeli bazy danych, wyszukiwanie w wielu witrynach w wielu witrynach i nie tylko.

Otrzymasz dostęp do funkcji, w tym:

• Indeksowanie dokumentów PDF i Office
• Automatyczna integracja z Native WP Search, bez kodowania!
• Wiele wyszukiwarek
• Pochodzenie słowa kluczowego
• Zaawansowana obsługa pól niestandardowych
• Integracja z WooCommerce
• Wyklucz lub przypisz wyniki
• Wyszukaj statystyki i statystyki
• Łatwa personalizacja algorytmu

Wtyczka integruje się również z bbPress, WP Job Manager, Easy Digital Downloads i innymi. Ponadto uzyskasz dostęp do zaangażowanego wsparcia i szczegółowej dokumentacji.

A wszystko, o czym wspomnieliśmy, dotyczy tylko planu podstawowego, więc wtyczka jest całkowicie warta swojej ceny, bo zaledwie 8,25 USD miesięcznie. Otrzymasz znacznie więcej funkcji w planach z wyższej półki.

Po zarejestrowaniu konta możesz rozpocząć korzystanie z poniższego samouczka.

Krok 1: Aktywacja wyszukiwaniaWP

Wewnątrz konta SearchWP możesz uzyskać dostęp do klucza licencyjnego, szczegółów konta i plików do pobrania. Musisz pobrać plik wtyczki. Będziesz także chciał skopiować klucz licencyjny, ponieważ będziesz go potrzebować za chwilę.

Następnie przejdź do panelu administratora wp i przejdź do Wtyczki »Dodaj nowy »Prześlij wtyczkę.

Wybierz plik wtyczki pobrany na komputer i kliknij przycisk Zainstaluj teraz .

Po zainstalowaniu i aktywacji musisz odwiedzić stronę Ustawienia » SearchWP , a następnie kliknąć opcję menu „Licencja”.

Pobierz klucz licencyjny z konta SearchWP i wklej go tutaj w polu Licencja.

Kliknij przycisk Aktywuj i jesteś gotowy do skonfigurowania wyszukiwarki.

Krok 2: Dostosowywanie wyszukiwarki

Na karcie SearchWP w panelu administracyjnym wp wybierz opcję menu „Silniki”. Po wejściu do środka kliknij przycisk „Dodaj nowy”, aby utworzyć nową wyszukiwarkę.

Spowoduje to utworzenie nowej wyszukiwarki o nazwie „dodatkowa”. Aby zmienić nazwę, musisz kliknąć przycisk „Źródła i ustawienia”.

Teraz zobaczysz opcję wyszukiwania postów, stron, plików multimedialnych, komentarzy i użytkowników. Zalecane ustawienia są już tutaj dodane, więc możesz je pozostawić bez zmian.

Aby później zidentyfikować wyszukiwarkę, nazwijmy ją „Niestandardowa” w polu „Etykieta silnika”.

Widać tutaj, że wybrano opcję „Pierwszy słów kluczowych”. Spowoduje to zignorowanie końcówek słów podczas wyszukiwania przez użytkowników, dzięki czemu zostaną wyświetlone najtrafniejsze wyniki wyszukiwania.

Gdy będziesz gotowy, kliknij przycisk „Gotowe”, aby zapisać zmiany.

Teraz z powrotem na stronie wyszukiwarki możesz zobaczyć sekcję o nazwie „Zgodność odpowiednich atrybutów” pod każdym podtytułem. Dzięki temu możesz nadać priorytet różnym atrybutom postu lub uwzględnić tylko określone kategorie lub tagi na stronie wyników wyszukiwania.

Wszystko, co musisz zrobić, to użyć suwaków, aby dostosować „Trafność atrybutu”.

Wpłynie to na to, jak wyszukiwarki będą oceniać i oceniać zawartość Twojej witryny. Na przykład, jeśli chcesz, aby Google zwracało większą uwagę na tytuł posta niż na treść, możesz nadać tytułowi większe znaczenie tutaj.

Następnie SearchWP zapewnia kontrolę nad tym, czy określone treści są uwzględniane lub wykluczane z wyników wyszukiwania. W tym celu możesz tworzyć reguły.

Może to pozwolić klientom szybko znaleźć produkty w tej samej kategorii, którą przeglądają. Lub zezwól odwiedzającym na wyszukiwanie treści na ten sam temat, o którym właśnie czytali.

Aby ustawić reguły, w każdej sekcji znajduje się przycisk „Edytuj reguły”.

Po kliknięciu zobaczysz wyskakujące okienko z ustawieniami kategorii, tagów, formatu, daty publikacji i identyfikatora posta.

Możesz tworzyć reguły, jak chcesz, aby kontrolować zachowanie Twojej wyszukiwarki.

A gdy skończysz, kliknij przycisk „Zapisz wyszukiwarki” u góry strony, aby utworzyć własną wyszukiwarkę.

Teraz pomyślnie skonfigurowałeś swoją wyszukiwarkę WordPress. Jest gotowy do dodania do Twojej witryny.

Krok 3: Dodawanie formularza wyszukiwania za pomocą Shortcode

Zwykle dodanie wyszukiwarki do witryny wymaga dużo kodowania, ale SearchWP ograniczył to do minimum. Wystarczy wkleić krótki kod, aby osadzić swoją wyszukiwarkę, a to jest tak proste, że jest to łatwe, nawet jeśli jesteś początkującym.

Po prostu odwiedź rozszerzenie SearchWP Shortcodes, a następnie kliknij przycisk „Pobierz rozszerzenie”.

Następnie musisz zainstalować i aktywować rozszerzenie w swojej witrynie WordPress w taki sam sposób, w jaki zainstalowałeś powyższą wtyczkę.

Po aktywacji będziesz mógł dodać prosty krótki kod do swoich postów, stron i widżetów.

Wszystko, co musisz zrobić, to edytować post w Edytorze bloków i dodać nowy blok o nazwie „Niestandardowy kod HTML”.

Wewnątrz bloku możesz skopiować i wkleić ten krótki kod:

 [searchwp_search_form engine="custom" var="searchvar" button_text="Custom Search"] <div class="search-results-wrapper"> [searchwp_search_results engine="custom" var="searchvar" posts_per_page=4] <h2>[searchwp_search_result_link direct="true"]</h2> [searchwp_search_result_excerpt] [/searchwp_search_results] </div> <div class="no-search-results-found"> [searchwp_search_results_none] No results found, please search again. [/searchwp_search_results_none] </div> <div class="search-results-pagination"> [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="custom"] [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="custom"] </div>

Nazwaliśmy nasz silnik „niestandardowy”, jeśli wybrałeś inną nazwę, musisz zmienić engine=“custom” na własną nazwę silnika w czterech miejscach wewnątrz tego fragmentu kodu.

W tym kodzie tekst przycisku będzie miał postać „Wyszukiwanie niestandardowe”. Jeśli chcesz zmienić tekst przycisku wyszukiwania na bardziej kreatywny, możesz dokonać edycji w pierwszym wierszu button_text=“Custom Search” .

Ten kod doda niestandardową wyszukiwarkę do Twojego posta WordPress. Utworzy również sekcję do wyświetlania wyników wyszukiwania, w razie potrzeby pokaże komunikat o braku wyników i doda paginację, jeśli wyniki znajdą się na wielu stronach.

Możesz wyświetlić podgląd wpisu, a zobaczysz wyszukiwarkę. Zobaczysz pole wyszukiwania wraz z przyciskiem wezwania do działania w swoim poście.

Następnie opublikuj lub zaktualizuj i uruchom niestandardowy formularz wyszukiwania. Jeśli potrzebujesz pomocy, postępuj zgodnie z naszym prostym przewodnikiem, jak dodać krótki kod w WordPress.

Możesz przetestować swój formularz niestandardowy, wprowadzając kilka wyszukiwanych haseł, aby zobaczyć wyniki zwracane przez narzędzie.

Dzięki temu nauczyłeś się, jak dodawać paski wyszukiwania do swojej witryny WordPress. SearchWP to zaawansowana wtyczka wyszukiwania, w której warto poznać więcej jej funkcji. W dalszej części pokażemy, jak ulepszyć funkcję wyszukiwania w Twojej witrynie.

Krok 4: Konfiguracja ustawień zaawansowanych

Istnieją 2 zaawansowane opcje, które chcielibyśmy omówić, aby ulepszyć Twój niestandardowy formularz wyszukiwania WordPress.

• Dodawanie wyszukiwania na żywo Ajax : To automatycznie dodaje rozwijane wyniki wyszukiwania, gdy użytkownik pisze. Pomaga użytkownikowi szybciej znaleźć zapytanie. SearchWP oferuje w tym celu darmową wtyczkę Live Ajax Lite Search w repozytorium WordPress.
• Korzystanie z ustawień zaawansowanych dla SearchWP : W zakładce Ustawienia » SearchWP w menu WordPress znajduje się karta Zaawansowane. Na tej stronie możesz włączyć ustawienia, które ułatwią Twoim użytkownikom znalezienie tego, czego szukają.

Daje to pełną kontrolę nad działaniem Twojej wyszukiwarki. Następnie pokażemy, jak dostosować wygląd swojej wyszukiwarki.

Krok 5: Stylizacja formularza wyszukiwania i strony wyników

Jeśli nie podoba Ci się sposób wyświetlania nowego paska wyszukiwania, możesz to zmienić.

Musisz wiedzieć, że motyw witryny kontroluje wygląd strony głównej, nagłówka, paska bocznego, postów, formularza wyszukiwania i wyników wyszukiwania. Formaty i style motywu WordPress są przechowywane w arkuszu stylów CSS.

Wystarczy dodać własny niestandardowy kod CSS, aby zmienić wygląd paska wyszukiwania i strony wyników.

Jeśli nie robiłeś tego wcześniej, zalecamy wykonanie kopii zapasowej swojej witryny. Ważne jest, aby móc przywrócić witrynę na wypadek, gdyby coś nie poszło zgodnie z planem. Następnie możesz użyć witryny testowej (klon swojej witryny), aby najpierw to wypróbować.

Poniżej znajduje się niestandardowy fragment kodu CSS, który będzie działał z większością motywów WordPress. Pierwsza sekcja zmienia styl domyślnego formularza wyszukiwania, a druga sekcja dostosowuje wyniki wyszukiwania.

Możesz skopiować i wkleić następujący kod, aby nadać styl funkcji wyszukiwania w witrynie:

 .searchform { font-family:arial; font-size:16px; background:#ace5e3; color:#ffffff; border:1px solid #61c3c0; padding:10px; height:90px; width:600px; } .search-results { font-family:arial; font-size:16px; background:#ace5e3; color:#000000; border:1px solid #61c3c0; padding:10px; width:600px; }

Chcesz dowiedzieć się więcej na ten temat? WPBeginner ma najlepszy przewodnik: Jak łatwo dodać niestandardowy CSS do swojej witryny WordPress.

To wszystko! Utworzyłeś w pełni konfigurowalny formularz wyszukiwania za pomocą SearchWP.

Następnie pokażemy Ci jeszcze jeden sposób tworzenia niestandardowego formularza wyszukiwania WordPress.

Utwórz niestandardowy formularz wyszukiwania za pomocą Formidable Forms

Formidable Forms to jedyna wtyczka do tworzenia formularzy WordPress, która ma w pełni zintegrowaną funkcję widoków. Dzięki temu możesz nie tylko zbierać dane z formularzy, ale także wyświetlać je w interfejsie witryny.

Dzięki widokom możesz łatwo utworzyć stronę internetową, aby pięknie wyświetlać dane przesłane przez użytkowników bezpośrednio z pulpitu WordPress. Możesz użyć tego do wyświetlania katalogów biznesowych, katalogów członków, wykazów i nie tylko.

Możesz także połączyć swoje widoki z formularzem wyszukiwania i umożliwić odwiedzającym Twoją witrynę wyszukiwanie określonych treści.

To powiedziawszy, zacznijmy samouczek.

Krok 1: Zainstaluj i aktywuj wtyczkę Formidable Forms

Najpierw musisz założyć konto Formidable Forms. Upewnij się, że masz plan, który obejmuje funkcję Widoki.

Po zarejestrowaniu przejdź do pulpitu administracyjnego WordPress i otwórz kartę Wtyczki »Dodaj nową . Wyszukaj wtyczkę Formidable Forms i kliknij tam przycisk Zainstaluj .

Jeśli potrzebujesz więcej pomocy w tym zakresie, możesz zapoznać się z naszym przewodnikiem, jak zainstalować wtyczkę WordPress.

Po zainstalowaniu i aktywacji wtyczki zobaczysz stronę powitalną. Kliknij przycisk Połącz konto , aby połączyć się z kontem i uzyskać dostęp do wszystkich funkcji premium.

Jeśli nie jesteś jeszcze zalogowany na swoje konto Formidable Forms, musisz zalogować się ponownie.

Następnie musisz zainstalować dodatek Formidable Forms Pro i Visual Views w swojej witrynie.

Możesz je zainstalować bezpośrednio z zakładki Formidable na pulpicie WordPress lub pobrać plik wtyczki ze swojego konta.

Teraz jesteś gotowy do utworzenia niestandardowego formularza wyszukiwania w WordPress za pomocą Formidable Forms.

Krok 2: Dodaj dane do formularza wyszukiwania

Zanim utworzysz formularz wyszukiwania, musisz zebrać dane dotyczące wyników wyszukiwania.

Aby utworzyć nowy formularz, przejdź do Formidable » Forms i kliknij przycisk + Dodaj nowy .

Zobaczysz wyskakujące okienko, w którym możesz wybrać szablon formularza. Idziemy z pustym szablonem formularza do tego samouczka.

Następnie musisz dodać nazwę i opis swojego formularza.

Po zakończeniu nazywania formularza kliknij przycisk Utwórz , aby uruchomić narzędzie do tworzenia formularzy typu „przeciągnij i upuść”.

W kreatorze formularzy możesz zobaczyć pola formularza po lewej stronie i podgląd formularza po prawej stronie.

Aby wstawić dowolne pola formularza, możesz je po prostu przeciągnąć i upuścić z menu pól do podglądu formularza.

Tutaj dodajemy te pola: Imię, Nazwisko, E-mail i Kraj. Możesz dodać dowolne z pól zgodnie z własnymi wymaganiami.

Aby dostosować dowolne pole, wystarczy je kliknąć i zobaczyć ustawienia formularza. Istnieje wiele opcji, takich jak etykieta, wymagana opcja, niestandardowy CSS i inne.

Możesz nawet użyć opcji logiki warunkowej, aby pokazać lub ukryć pola formularza zgodnie z danymi wprowadzonymi przez użytkownika.

Po zakończeniu dodawania pól kliknij przycisk Aktualizuj w prawym górnym rogu kreatora formularzy.

Teraz wszystko, co musisz zrobić, to opublikować ten formularz w swojej witrynie, aby zebrać dane od użytkowników lub członków witryny.

Możesz też zaimportować plik danych z komputera. W tym celu otwórz zakładkę Wpisy w górnej części kreatora i kliknij przycisk Importuj .

Następnie zobaczysz okno, w którym możesz przesłać dowolny plik CSV lub XML, aby zaimportować dane do formularza. Możesz mapować pola na dane w pliku, aby zaimportować rekordy.

Po zebraniu danych musisz utworzyć niestandardowy formularz wyszukiwania w WordPressie, aby umożliwić użytkownikom wyszukiwanie w Twojej witrynie.

Krok 3: Zbuduj swój niestandardowy formularz wyszukiwania

Aby utworzyć formularz wyszukiwania, wykonaj te same instrukcje w kroku 2.

Przejdź do Formidable » Formularze » Dodaj nowy i wybierz pusty szablon. Następnie nadaj swojemu niestandardowemu formularzowi wyszukiwania nazwę i opis.

W tym formularzu dodamy 3 pola formularza, aby umożliwić użytkownikom wyszukiwanie danych w Twojej witrynie. Pola to Imię, Nazwisko i Kraj.

Możesz użyć pola formularza tekstowego dla nazwisk i pola rozwijanego wyszukiwania dla wyszukiwania kraju.

W ustawieniach pola Imię musisz dodać wartość domyślną, aby później połączyć formularz wyszukiwania z widokiem wyników.

W tym celu dodaj ten krótki kod w opcji Wartość domyślna w ustawieniach pola:

[pobierz parametr=fname]

Tutaj „fname” to tekst, którego używamy w polu imienia, aby połączyć się z widokiem.

W ustawieniach pola Nazwisko dodamy ten sam krótki kod:

[pobierz parametr=lnazwa]

Tutaj „lname” to tekst, którego używamy w polu nazwiska, aby połączyć się z widokiem.

W ustawieniach pola Kraj musimy dodać nazwy krajów w opcji rozwijanej. Upewnij się, że pierwsza opcja jest pusta.

Jeśli przewiniesz w dół, zobaczysz opcję dodania tekstu zastępczego. Podobnie jak w przypadku pozostałych dwóch pól formularza, musisz tutaj dodać wartość domyślną. Wstaw krótki kod:

[pobierz parametr=kraj]

Tutaj „kraj” to tekst, którego używamy w polu kraju, aby połączyć się z widokiem.

Po zakończeniu dodawania typów danych wejściowych możesz zmienić układ pól formularza.

Aby wyświetlić je w jednej poziomej linii, przejdź do opcji Klasy układu CSS dla każdego pola i wybierz opcję 1/4.

Jeśli chcesz dostosować przycisk, przejdź do zakładki Ustawienia » Stylizacja i przyciski i przejdź do ustawień przycisku.

Tutaj możesz zmienić tekst przycisku przesyłania na Szukaj i wybrać wyrównanie przycisku na Wbudowane . Dzięki temu przycisk wyszukiwania pojawi się w tym samym wierszu, co pola formularza.

Teraz, gdy nauczyłeś się tworzyć niestandardowy formularz wyszukiwania w WordPress, wstawmy ten formularz i wyniki na stronie internetowej.

Krok 4: Utwórz widok wyników wyszukiwania

Musisz utworzyć widok, aby wyświetlić wyniki wyszukiwania i formularz wyszukiwania na tej samej stronie.

Aby utworzyć nowy widok, otwórz stronę Formidable » Widoki i kliknij przycisk + Dodaj nowy .

Następnie możesz zobaczyć wyskakujące okienko, które pozwala wybrać między typami widoku Siatka, Tabela, Kalendarz i Klasyczny.

W tym samouczku wybierzemy widok siatki dla wyników formularza wyszukiwania.

Następnie możesz zobaczyć opcje wyboru formularza dla wpisów i dodać nazwę widoku wyników. Upewnij się, że wybrałeś formularz zbierania danych utworzony w kroku 2.

Po zakończeniu kliknij przycisk Utwórz widok .

W konstruktorze widoków możesz zobaczyć opcje stylizacji po lewej stronie i konstruktor układu widoków po prawej stronie. Kliknij link Rozpocznij dodawanie treści , aby dodać swoje wpisy.

Kliknij ikonę „ + ”, aby rozpocząć dodawanie swojej oferty do widoków. Otworzy się edytor treści aukcji.

W edytorze zawartości strony aukcji możesz dodać pola formularza z opcji Dostosowywanie po prawej stronie strony. Wystarczy kliknąć pola formularza, aby wstawić je do widoku wyników.

Następnie możesz stylizować klawisze pól, aby wyświetlać pola formularza w żądanym układzie.

Po zakończeniu kliknij przycisk Aktualizuj widok . Teraz możesz zobaczyć wszystkie wpisy na stronie widoków.

Musisz dodać formularz wyszukiwania na tej stronie. W tym celu kliknij opcję Dodaj przed zawartością

Spowoduje to otwarcie edytora treści, w którym możesz wstawić niestandardowy formularz wyszukiwania utworzony w kroku 3.

Wszystko, co musisz zrobić, to kliknąć przycisk Formidable i wybrać formularz wyszukiwania, aby wstawić krótki kod formularza.

Kliknij przycisk Aktualizuj widok do niestandardowego formularza wyszukiwania do widoku.

W następnym kroku pokażemy, jak opublikować widok wyników w witrynie WordPress.

Krok 5: Publikowanie widoku wyników wyszukiwania

Aby dodać widok wyników wyszukiwania w swojej witrynie, musisz utworzyć nową stronę i wyszukać blok Formidable Views.

Po dodaniu widoku możesz opublikować stronę w swojej witrynie. Twoja strona będzie wyglądać mniej więcej tak.

Czekać! Jeszcze nie skończyłeś. Musisz połączyć niestandardowy formularz wyszukiwania i widok wyników, aby umożliwić użytkownikom wyszukiwanie treści w Twojej witrynie.

Krok 6: Połącz niestandardowy formularz wyszukiwania z widokiem

Aby połączyć formularz wyszukiwania, przejdź do Formidable » Formularze i otwórz opcję Ustawienia formularza wyszukiwania.

Tutaj możesz przejść do opcji Po przesłaniu i wybrać opcję Przekieruj na adres URL. Następnie musisz dodać link do strony widoków utworzonej w kroku 5.

W tym celu skopiuj adres URL strony i dodaj tę część: „?fname[21]&lname=[19]&country=[22]”.

Możesz wstawić tekst pola i klucze, aby adres URL przekierowania wyglądał tak:

http://nazwa-witryny/katalog-użytkownika/?fname[21]&lname=[19]&country=[22]

Pamiętaj, aby włączyć opcję Nie przechowuj wpisów przesłanych z tego formularza dla tego formularza.

Teraz musisz dodać filtry do widoków wyników, aby użytkownicy mogli przeszukiwać aukcję według dodanych pól formularza.

W tym celu otwórz utworzony wcześniej widok i kliknij opcję filtrów u góry strony.

Następnie musisz dodać filtry dla imienia, nazwiska i kraju i wprowadzić krótki kod jako domyślną wartość dla każdego pola.

Ostatnią rzeczą, którą musisz zrobić, to wstawić skrócony kod formularza wyszukiwania w opcji Komunikat o braku wpisów w menu po lewej stronie. Umożliwi to użytkownikom wyszukiwanie większej ilości treści po każdym wyszukiwaniu.

Nie zapomnij zaktualizować widoku po zakończeniu ustawień.

Przetestuj swój niestandardowy formularz wyszukiwania

Aby sprawdzić, czy formularz wyszukiwania działa poprawnie, załaduj ponownie stronę wyszukiwania i użyj filtrów, aby wyszukać aukcje.

Dzięki temu znasz 3 sposoby dodania formularza wyszukiwania do swojej witryny. Chociaż domyślna opcja wyszukiwania WordPress jest bezpłatna, nie zalecamy jej, jeśli nie wiesz, co robisz z kodem. Wtyczka SearchWP jest zdecydowanie naszą ulubioną metodą. Jest łatwy w użyciu i dodaje do Twojej witryny bardziej zaawansowaną funkcję wyszukiwania.

Mamy nadzieję, że ten artykuł pomógł Ci łatwo stworzyć niestandardowy formularz wyszukiwania w WordPress za pomocą wtyczki Formidable Forms.

Aby wykonać kolejne kroki, zapoznaj się z tymi zasobami:

• Jak dodać niestandardowy formularz rezerwacji do swojej witryny WordPress?
• Porównanie najlepszych kreatorów formularzy (bezpłatne i płatne)
• Jak utworzyć formularz rejestracyjny z płatnościami PayPal w WordPress

Te posty pomogą Ci dodać więcej funkcji do Twojej witryny WordPress za pomocą najlepszych kreatorów formularzy WordPress.