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 utworzyć katalog produktów w WordPress (krok po kroku)

Tworzenie katalogu produktów w WordPress pozwala na prezentację Twoich towarów lub usług bez potrzeby pełnego koszyka.

Wiele firm, z którymi współpracowaliśmy, preferuje to podejście do prezentowania swojej oferty, jednocześnie zarządzając zamówieniami telefonicznie lub osobiście.

Niemniej jednak, skonfigurowanie katalogu produktów nie zawsze jest proste. Jeśli nie zostanie wykonane prawidłowo, Twój katalog może wydawać się nieuporządkowany lub mylący, co może sfrustrować odwiedzających i ich zniechęcić.

Dobra wiadomość? Dzięki wtyczkom YITH WooCommerce możesz stworzyć płynny, przyjazny dla użytkownika katalog, który pięknie prezentuje Twoje produkty i sprawia, że klienci wracają.

W tym przewodniku przeprowadzimy Cię przez proces tworzenia katalogu produktów w WordPress krok po kroku.

Jak stworzyć katalog produktów w WordPress

Dlaczego warto dodać katalog produktów bez koszyka?

Niektóre firmy mają produkty, których nie mogą sprzedawać online, ponieważ mają nieokreśloną cenę. To uniemożliwia im korzystanie z wtyczki koszyka, ale nadal chcą stworzyć stronę internetową WordPress, aby zaprezentować te produkty i przyciągnąć potencjalnych klientów.

Zazwyczaj ludzie kojarzą platformy e-commerce z zakupami online. Można ich jednak nadal używać do wyświetlania produktów bez funkcji koszyka.

Z drugiej strony, możesz dodać katalog produktów z opcją zakupu jednym kliknięciem. Klienci mogą natychmiast kupić produkt i pominąć proces realizacji zakupu. Zapewnia to lepsze doświadczenia zakupowe i przyspiesza cały proces.

Mając to na uwadze, przeprowadzimy Cię przez kroki, jak łatwo stworzyć katalog produktów w WordPress.

Rozpoczęcie pracy z katalogiem produktów w WordPress

Najlepszym sposobem na stworzenie katalogu produktów w WordPress jest użycie WooCommerce. Jest to najlepsza wtyczka eCommerce dla WordPress i pomaga tworzyć wszelkiego rodzaju sklepy internetowe.

Ponadto obsługuje wiele wtyczek i rozszerzeń innych firm. Możesz ich użyć do dodania nowych funkcji, dostosowania sklepu i wprowadzenia nowej funkcjonalności do Twojego sklepu WooCommerce.

Jeśli nie masz skonfigurowanej witryny WordPress, zapoznaj się z naszym przewodnikiem jak założyć sklep internetowy, aby szybko skonfigurować WordPress z WooCommerce.

Po zainstalowaniu WooCommerce możesz przejść do tworzenia katalogu produktów w WordPress. Omówimy 2 metody, w tym dodawanie katalogu produktów bez koszyka i z jednoklikowym zakupem.

Zacznijmy!

Metoda 1: Utwórz katalog produktów bez koszyka

Domyślnie WooCommerce wyświetla przycisk dodania do koszyka lub kupna obok wszystkich Twoich produktów. Utrudnia to tworzenie katalogu produktów bez funkcji koszyka.

Na szczęście istnieje proste rozwiązanie, które naprawia ten problem.

Najpierw musisz zainstalować i aktywować wtyczkę YITH WooCommerce Catalog Mode. Przetestowaliśmy ją w wielu sklepach WooCommerce i możesz przeczytać naszą recenzję YITH WooCommerce Catalog Mode, aby uzyskać więcej szczegółów.

Jeśli potrzebujesz pomocy w instalacji wtyczki, zapoznaj się z naszym przewodnikiem krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić stronę YITH » Catalog Mode, aby skonfigurować ustawienia wtyczki.

Edytuj ustawienia trybu katalogu

Wtyczka pozwala na włączenie trybu katalogu dla wszystkich użytkowników lub tylko dla gości. Istnieją również opcje wyświetlania katalogów produktów użytkownikom z określonych lokalizacji.

Następnie możesz przewinąć w dół, aby zobaczyć więcej ustawień. Możesz kliknąć opcję „Wyłącz sklep”.

Wyłącz sklep w trybie katalogowym

Nie zapomnij zapisać zmian i zachować ustawień.

Dodawanie produktów do katalogu produktów WordPress

Następnie możesz zacząć dodawać produkty do swojej witryny. Po prostu odwiedź stronę Produkty » Dodaj nowy, aby wprowadzić informacje o produkcie.

Dodaj nowy produkt

Na ekranie produktów możesz podać tytuł produktu, opis, krótki opis, obraz produktu i galerię produktów.

W sekcji „Dane produktu” znajdziesz opcje cenowe. Możesz je pozostawić puste, jeśli nie chcesz wyświetlać cen produktów.

Pozostaw pola cenowe puste

Po zakończeniu opublikuj swój produkt. Powtórz proces, aby dodać tyle produktów, ile potrzeba do zbudowania katalogu.

Możesz odwiedzić swoją stronę sklepu WooCommerce, aby zobaczyć swój domyślny katalog w akcji. Twoja strona sklepu znajduje się zazwyczaj pod adresem URL podobnym do tego:

http://example.com/shop/

Zastąp example.com swoim własnym adresem URL, aby wyświetlić stronę sklepu WooCommerce w trybie katalogu.

Podgląd katalogu produktów

Jeśli nie chcesz korzystać ze strony sklepu, możesz również wyświetlać swoje produkty na dowolnej stronie WordPress i używać jej jako katalogu produktów.

Wszystko, co musisz zrobić, to utworzyć nową stronę WordPress lub edytować istniejącą i dodać następujący shortcode w obszarze treści:

[products columns="4" limit="8" paginate="true"]

Możesz swobodnie zmieniać liczbę kolumn i limit elementów na stronę zgodnie z własnymi wymaganiami. Po dostosowaniu skróconego kodu, zapisz lub opublikuj swoją stronę, aby ją wyświetlić.

Zauważysz, że strony produktów nie będą wyświetlać żadnych przycisków „Dodaj do koszyka” ani „Kup”.

Produkty nie mają przycisku dodaj do koszyka

Możesz kliknąć na każdy pojedynczy produkt, aby zobaczyć stronę szczegółów produktu. Wyświetli ona wszystkie informacje o produkcie, obrazy, opis, galerię, a także bez przycisku „Dodaj do koszyka” lub „Kup”.

Pamiętaj, że możesz użyć opisu produktu, aby umieścić swoje dane kontaktowe, aby klienci zainteresowani produktem mogli się z Tobą skontaktować w sprawie jego zakupu.

Metoda 2: Utwórz katalog produktów z jednoklikowym zakupem

Innym sposobem na pokazanie kategorii produktów jest opcja zakupu jednym kliknięciem. Pozwoli to Twoim klientom natychmiast kupić produkt, klikając przycisk „Kup teraz” bez przechodzenia przez standardowy proces realizacji zakupu.

Najpierw musisz zainstalować i aktywować wtyczkę YITH WooCommerce One-Click Checkout. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Przetestowaliśmy ją również obszernie, aby poznać wszystkie jej funkcje, i wierzymy, że jest to świetna opcja dla sklepów WordPress.

Po aktywacji możesz przejść do YITH » Jednoklikowy zakup z panelu WordPress i edytować ogólne ustawienia.

Ustawienia ogólne dla płatności jednym kliknięciem

Na przykład możesz włączyć opcję „Aktywuj na stronie sklepu”.

Następnie możesz przewinąć w dół, aby zobaczyć więcej ustawień. Wtyczka pozwala wykluczyć określone kategorie produktów.

Pozwala również wybrać, gdzie chcesz przekierować klientów po złożeniu zamówienia. Możesz przekierować ich na stronę produktu, stronę płatności, stronę podziękowania lub wybrać niestandardową stronę.

Bardziej ogólne ustawienia dla płatności jednym kliknięciem

Poza tym otrzymujesz różne opcje dostosowywania za pomocą przycisku jednym kliknięciem.

Dostępne są ustawienia dotyczące zmiany etykiety przycisku, tła, koloru tekstu, tła po najechaniu myszką i innych.

Zmień tekst i kolor przycisku „Kup teraz”

Po zakończeniu kliknij przycisk „Zapisz opcje”.

Teraz możesz odwiedzić swoją witrynę, aby zobaczyć przycisk zakupu jednym kliknięciem lub kup teraz.

Podgląd katalogu produktów kup teraz

Najczęściej zadawane pytania: Tworzenie katalogu produktów w WordPress

Oto kilka pytań, które często zadają nasi czytelnicy dotyczące tworzenia katalogu produktów w WordPress:

Czy mogę stworzyć katalog produktów bez używania WooCommerce?

Tak, możesz stworzyć katalog produktów bez WooCommerce, ale WooCommerce znacznie to ułatwia.

Jeśli nie chcesz używać WooCommerce, możesz skorzystać z wtyczek specyficznych dla katalogów, takich jak Ultimate Product Catalog, a nawet kreatora stron wizualnych, takiego jak SeedProd, aby tworzyć statyczne układy katalogów.

Jednak WooCommerce daje Ci większą elastyczność. Możesz włączyć tryb katalogu za pomocą wtyczki, która ukrywa funkcje koszyka i realizacji zakupu. W ten sposób uzyskujesz wszystkie korzyści z zarządzania produktami WooCommerce, nie zmuszając użytkowników do dokonywania zakupów.

Czy mogę dodać formularz kontaktowy do każdego produktu w katalogu?

Tak, możesz dodać formularz kontaktowy lub zapytania do każdego produktu w swoim katalogu. Jest to szczególnie przydatne, jeśli nie korzystasz z bezpośredniego systemu płatności.

Zalecamy użycie WPForms do stworzenia niestandardowego formularza i osadzenia go na każdej stronie produktu.

Wiele wtyczek katalogowych oferuje również wbudowane wsparcie dla przycisków zapytań. Kiedy odwiedzający kliknie „Poproś o wycenę” lub „Skontaktuj się z nami”, otwiera się formularz powiązany z tym konkretnym produktem, co ułatwia odpowiedź spersonalizowanymi szczegółami.

Czy tworzenie katalogu produktów wpłynie na szybkość mojej witryny?

Niekoniecznie – ale zależy to od liczby dodawanych produktów i optymalizacji Twojej witryny. Aby zapewnić szybkie działanie, postępuj zgodnie z poniższymi wskazówkami:

  • Użyj lekkiego motywu zoptymalizowanego pod kątem WooCommerce lub list produktów
  • Skompresuj obrazy produktów przed ich przesłaniem
  • Użyj wtyczki do buforowania, takiej jak WP Rocket
  • Rozważ użycie sieci dostarczania treści (CDN), aby szybciej serwować obrazy

Dobrze zbudowany katalog produktów nie powinien spowalniać Twojej witryny, zwłaszcza jeśli nie korzystasz z pełnych funkcji realizacji zakupu w e-commerce.

Dodatkowe zasoby do optymalizacji Twojego katalogu produktów

Chcesz, aby Twój katalog produktów jeszcze bardziej się wyróżniał? Te pomocne przewodniki pomogą Ci dopracować i ulepszyć Twój katalog, zapewniając jeszcze lepsze wrażenia użytkownika:

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo stworzyć katalog produktów w WordPress. Możesz również zapoznać się z naszą listą najlepszych motywów WooCommerce WordPress, których możesz użyć do swojej strony z katalogiem produktów, oraz z naszym przewodnikiem na temat SEO WooCommerce w prosty sposób.

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

35 CommentsLeave a Reply

  1. To wygląda na świetne rozwiązanie dla bloga mojej żony o projektowaniu wnętrz, gdzie chce sprzedawać meble na zamówienie. Nie możemy podać stałej ceny za wszystko, ale nadal chcemy pokazać, co potrafimy. Świetny i prosty przewodnik!

    • Wtyczki z tego artykułu są płatne rocznie, chyba że zmienią swój plan cenowy.

      Admin

  2. Czy mogę połączyć produkty do płatności gdzie indziej? Chcę umieścić wszystkie moje kursy na tej stronie i mieć płatności obsługiwane przez Thinkific. Jak mogę to zrobić?

    • Chyba że wystąpi błąd, nie powinieneś napotkać tego problemu.

      Admin

  3. Czy jest sposób na stworzenie dwóch katalogów dla tej samej strony? Mam na myśli, że chcę mieć katalog długopisów i katalog książek.

  4. Bardzo dziękuję za ten post! Martwiłem się o wyświetlanie mojego katalogu produktów bez koszyka, ale ułatwiłeś mi to! Dziękuję za wskazówki!

  5. witam, czy istnieje jakaś wtyczka w WordPress, która dodaje inną sekcję dla sprzedawców, gdzie mogą dodać opis i zdjęcie produktu, a następnie pojawi się ona na mojej stronie e-commerce po naszej akceptacji? proszę o odpowiedź, będę bardzo wdzięczny.

  6. Dziękuję, czy możesz polecić coś, co można wykorzystać do dodania przycisku na stronie produktu, który po kliknięciu przekieruje użytkownika na inny adres URL/stronę internetową.

  7. Świetny artykuł, dziękuję. Po wyłączeniu opcji „Dodaj do koszyka”, czy pozwoli mi to zastąpić „Dodaj do koszyka” przyciskiem „Kup teraz”, który przekieruje użytkownika bezpośrednio na stronę produktu, gdzie użytkownik może „dodać do koszyka” i dokończyć zamówienie?

  8. Witam. Dziękuję za świetnego bloga. Bardzo pomocny. Zastanawiałem się. Czy istnieje skrót do wyświetlania kategorii zamiast produktów? Dziękuję.

    • It would depend on how specifically you wanted them displayed, if you check WooCommerce’s shortcodes there are multiple display options you can take a look at :)

      Admin

  9. Czy można zbudować stronę internetową dla e-commerce, dropshippingu i produktów afiliacyjnych na jednej platformie

  10. W mojej firmie mamy jeden katalog, który NIE wymaga cen. Następnie w innej sekcji potrzebujemy cen. Czy są jakieś proste sugestie, jak to rozwiązać?

    Czy potrzebowałbym wystąpień WooCommerce lub czegoś podobnego?

    • Powinieneś skontaktować się z pomocą techniczną wtyczki, ale prawdopodobnie będzie ona obsługiwana przez wersję pro wtyczki.

      Admin

  11. Jeśli mój klient zmieni zdanie za kilka miesięcy, czy mogę włączyć wszystkie opcje zakupu, takie jak ikona koszyka itp. i nadal używać WooCommerce, czy będę musiał od początku ustawić wszystkie produkty?

    • Wyłączyłbyś tryb katalogu, a zacząłby działać jako normalny sklep WooCommerce

      Admin

  12. Cześć. To świetnie, dziękuję. Czy jest sposób na dodanie czegoś do krótkiego kodu, aby wyświetlać tylko produkty z określonej kategorii na konkretnych stronach mojej witryny?

    • You would want to reach out to the plugin’s support and they would let you know what customizations are available :)

      Admin

    • Cześć Nicola, nie wiem, czy już to odkryłaś, ale właśnie dowiedziałam się, że można to zrobić w ten sposób:

      [products columns="4" limit="8" paginate="true" category="TWÓJA KATEGORIA"]

      Mam nadzieję, że to pomoże

  13. Chciałbym zaprezentować sztukę z różnych źródeł (z linkami partnerskimi) w moim nadchodzącym poście o pozyskiwaniu sztuki online. Czy ten wtyczka by się do tego nadała?
    Dziękuję za pomoc!

    • Zależałoby to od tego, jak chcesz wyświetlić treść, ale ta metoda powinna działać dla tego, co wydaje się, że chcesz osiągnąć.

      Admin

  14. Mam problem z przesyłaniem zdjęć produktów w trybie katalogu, czy ktoś może mi powiedzieć, co może być problemem? Ponieważ jestem znacznie poniżej limitu 99 produktów.

    • You would want to first reach out to the plugin’s support for assistance with it :)

      Admin

  15. Właściwie chcę zastąpić przycisk dodania do koszyka lub kupna przyciskiem WhatsApp, będę wdzięczny za pomoc, dzięki.

    • Warto skontaktować się z pomocą techniczną wtyczki, aby dowiedzieć się, czy istnieje wbudowana opcja lub zalecana metoda konfiguracji.

      Admin

  16. It is a super helpful article , I was trying to show product without cart & it just solved my problem in 2 minutes. Great thanks to the author :-)

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ę.