Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak stworzyć katalog produktów w WordPress (krok po kroku)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz utworzyć katalog produktów w WordPress bez dodawania pełnego koszyka?

Czasami firmy chcą przyjmować zamówienia telefonicznie, jednocześnie wyświetlając katalog produktów na witrynie internetowej, a może chcesz, aby klienci mogli szybko kupić produkt jednym kliknięciem bez konieczności przechodzenia przez cały proces płatności.

W tym artykule pokażemy, jak łatwo stworzyć katalog produktów w WordPress.

How to create a product catalog in 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ę. Uniemożliwia im to korzystanie z wtyczki koszyka na zakupy, ale nadal chcą stworzyć witrynę internetową WordPress, aby zaprezentować te produkty i przyciągnąć potencjalnych klientów.

Zwykle ludzie kojarzą platformy e-handlu z zakupami online. Jednak nadal można ich używać do wyświetlania produktów bez korzystania z funkcji koszyka.

Z drugiej strony można dodać katalog produktów z opcją zakupu jednym kliknięciem. Klienci mogą natychmiast kupić produkt i ominąć proces płatności. Zapewnia to lepsze wrażenia z zakupów i przyspiesza cały proces.

Biorąc to pod uwagę, przyjrzyjmy się, jak łatwo stworzyć katalog produktów w WordPress.

Rozpoczęcie pracy z Twoim katalogiem produktów w WordPress

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

Ponadto obsługuje wiele wtyczek i rozszerzeń innych firm. Możesz ich użyć, aby utworzyć nowe funkcje, dostosować własny sklep i wprowadzić nowe funkcje do twojego sklepu WooCommerce.

Jeśli nie masz jeszcze skonfigurowanej witryny WordPress, zapoznaj się z naszym przewodnikiem na temat tworzenia sklepu internetowego, aby szybko skonfigurować WordPress z WooCommerce.

Po zainstalowaniu WooCommerce możesz przejść do tworzenia twojego katalogu produktów w WordPress. Omówimy 2 metody, w tym dodawanie katalogu produktów bez koszyka i z płatnością jednym kliknięciem.

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

Domyślnie WooCommerce wyświetla przycisk dodaj do koszyka lub kup obok wszystkich twoich produktów. Utrudnia to tworzenie katalogu produktów bez funkcji koszyka.

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

Najpierw należy zainstalować i włączyć wtyczkę YITH WooCommerce Catalog Mode. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść na stronę YITH ” Catalog Mode, aby skonfigurować ustawienia wtyczki.

Edit catalog mode settings

Wtyczka umożliwia włączanie trybu katalogu dla wszystkich użytkowników lub tylko dla użytkowników-gości. Dostępne są 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 przejść dalej i kliknąć opcję „Wyłącz sklep”.

Disable shop in catalog mode

Nie zapomnij zapisać zmian i zachować twoich ustawień.

Dodawanie produktów do twojego katalogu produktów WordPress

Następnie możesz zacząć dodawać produkty do twojej witryny. Wystarczy przejść na stronę Produkty ” Utwórz nowy, aby wpisz informacje o twoim produkcie.

Add new product

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

W sekcji danych „Produkt” znajdują się opcje cen. Możesz pozostawić je puste, jeśli nie chcesz wyświetlać cen produktów.

Leave the price settings blank

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

Możesz przejść na stronę twojego sklepu WooCommerce, aby zobaczyć domyślny katalog w działaniu. Twoja strona sklepu zazwyczaj znajduje się pod takim adresem URL:

http://example.com/shop/

Zastąp example.com twoim adresem URL, aby zobaczyć stronę swojego sklepu WooCommerce w trybie katalogu.

Product catalog preview

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 krótki kod w obszarze treści:

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

Możesz zmienić liczbę kolumn i limit elementów na stronę zgodnie z twoimi wymaganiami. Po dostosowaniu krótkiego kodu, zapisz lub opublikuj twoją stronę, aby ją podglądnąć.

Zauważysz, że na stronach produktów nie będą wyświetlane żadne przyciski Dodaj do koszyka ani Kup.

Products don't have add to cart button

Możesz kliknąć dowolny produkt, aby wyświetlić stronę szczegółów produktu. Wyświetli ona wszystkie obrazki z informacjami o produkcie, opis, galerię, bez przycisku dodania do koszyka lub zakupu.

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

Metoda 2: Utwórz katalog produktów z funkcją One-Click Checkout

Inną sytuacją, w której można wyświetlić kategorię produktu, jest opcja zakupu jednym kliknięciem. Pozwoli to twoim klientom na natychmiastowy zakup produktu poprzez kliknięcie przycisku kup teraz i nie będą musieli przechodzić przez standardowy proces płatności.

Najpierw należy zainstalować i włączyć wtyczkę YITH WooCommerce One-Click Checkout. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu można przejść do YITH ” One-Click Checkout z kokpitu WordPress i edytować ustawienia ogólne.

General settings for one click checkout

Można na przykład włączyć opcję „Włączanie 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ę z podziękowaniem lub wybrać własny konfigurator.

More general settings for one click checkout

Oprócz tego, dostępne są różne opcje konfiguratora za pomocą jednego kliknięcia.

Dostępne są ustawienia umożliwiające zmianę etykiety przycisku, tła, koloru tekstu, tła po najechaniu kursorem i nie tylko.

Change buy it now button text and color

Po zakończeniu kliknij przycisk „Zapisz opcje”.

Użytkownik może teraz przejść na twoją witrynę internetową, aby zobaczyć przycisk One-Click lub Kup teraz.

Buy it now product catalog preview

Dodatkowe zasób dla katalogu produktów

Oto kilka bardziej pomocnych przewodników, które przeniosą twoje katalogi produktów na wyższy poziom.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo stworzyć katalog produktów w WordPress. Zachęcamy również do zapoznania się z naszą listą najlepszych motywów WooCommerce, które możesz wykorzystać na swojej witrynie internetowej z katalogiem produktów oraz z naszym przewodnikiem na temat łatwego SEO WooCommerce.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

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

Reader Interactions

36 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ralph says

    This looks like a great solution for my wife interior design blog where she wants to sell custom made furniture. We can’t really show fixed price for everything but still want to show, what we can do. Great and simple guide!

    • WPBeginner Support says

      The plugins from this article charge on a yearly basis unless they change their pricing plan.

      Administrator

  3. Lorraine says

    Can I link the products for payment elsewhere? I want to put all my courses on this page and have payment handled by Thinkific. How do I do that?

  4. Ezeequiel says

    Is there a way to create two catalogues for the same site? I mean I want to have a catalogue of pens and a catalogue of books.

  5. Lalit says

    Thank you so much for this post! I was worried about displaying my product catalog without a cart but you made it easy for me! Thank you for guiding!

  6. hitesh says

    hello there, is there any plugin in WordPress which adds another section for retailers where they can add their product description and photo and it will list in my e-commerce site after our approval? please answer, I will be very grateful to you.

  7. Denise Ellis says

    Thank you, any recommendation what can be used to add a button on product page that when clicked redirects the user to another url/website.

  8. Denise Ellis says

    Great article thank you. Once add to cart is disabled, will this allow me to then replace the add to cart with a „buy now” call-to-action button that directs the user to a shop direct product page where the user can „add the cart” and complete their order?

  9. David says

    Hello. Thanks for the great blog. Very useful. I was wondering. Is there a shortcode for showing categories rather than products? Thanks.

    • WPBeginner Support says

      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 :)

      Administrator

  10. mike says

    At my company, we have one catalog that needs NO pricing. Then on another section, we need pricing. Any simple suggestions on how to resolve this?

    Would I need to occurrences of WooCommerce or something?

    • WPBeginner Support says

      You would want to reach out to the plugin’s support but that would likely be handled by the pro version of the plugin

      Administrator

  11. Peter says

    If my customer changes his mind in a few months, can i enable all the buying options such as cart icon etc. and continue use WooCommerce or I will have to set all the product from the beginning?

    • WPBeginner Support says

      You would disable the catalog mode and it would start working as a normal WooCommerce store

      Administrator

  12. Nicola says

    Hi. This is great thank you. Is there a way of adding something to the short code so I just show products listed in a particular category on particular pages on my website?

    • WPBeginner Support says

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

      Administrator

    • David says

      Hi Nicola, I don’t know if you already found this out but I just found out you can do it this way:

      [products columns=”4″ limit=”8″ paginate=”true” category=”YOUR CATEGORY”]

      Hope that helps

  13. Suzy Knapp says

    I’m wanting to to showcase art from different sources (with affiliate links) on my upcoming post about sourcing art online. Would this plugin work for that?
    Thanks for your help!

    • WPBeginner Support says

      It would depend on how you want to display the content but this method should work for what it sounds like you’re wanting

      Administrator

  14. Sonali says

    I am facing an issue with uploading product images in the catalogue mode, can someone tell me what the problem might be? Because I am way below the 99 product limit

    • WPBeginner Support says

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

      Administrator

  15. Farhan Muntaqo says

    Actually I want to replace the add to cart or buy button with WhatsApp button, any help I would apppreciate, Thanks.

    • WPBeginner Support says

      You would want to reach out to the plugin’s support for if there is a built-in option for that or recommended method for setting that up.

      Administrator

  16. Styleloft Apparels says

    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 naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.