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

How to Hide Prices in WooCommerce (Keep Product Pricing Private)

Domyślnie WooCommerce wyświetla ceny twoich produktów każdemu, kto przejdzie na stronę twojego sklepu. Chociaż sprawdza się to w przypadku większości sprzedawców internetowych, niektóre firmy potrzebują większej kontroli nad tym, kto widzi ich ceny.

Pomagając właścicielom sklepów internetowych, natknęliśmy się na kilka różnych przypadków, w których ukrywanie cen w WooCommerce jest niezbędne.

Na przykład dostawcy hurtowi muszą pokazywać specjalne ceny tylko zweryfikowanym klientom biznesowym. Z drugiej strony, firmy B2B mogą preferować wcześniejsze omówienie potrzeb klienta, aby upewnić się, że mogą zaoferować odpowiednie rozwiązanie za odpowiednią cenę.

Po przetestowaniu różnych rozwiązań znaleźliśmy 3 niezawodne metody ukrywania cen w WooCommerce. Metody te sprawdzą się w przypadku każdego rodzaju działalności, od dostawców hurtowych po luksusowe firmy.

How to Hide Prices in WooCommerce

Co należy wziąć pod uwagę przed ukryciem cen produktów

Widzieliśmy kilka różnych sytuacji, w których sprzedaż na WooCommerce bez cen ma sens.

Na przykład wielu dostawców hurtowych ukrywa ceny, aby uniemożliwić klientom detalicznym zobaczenie rabatów hurtowych. Dodatkowo, konfiguratorzy mebli często usuwają ceny, ponieważ każdy element ma unikatowe koszty oparte na materiałach i projekcie.

Wiemy również, że niektóre luksusowe marki wolą tworzyć ekskluzywne, tylko dla członków, doświadczenia zakupowe, pokazując ceny tylko poważnym nabywcom.

Niestety, WooCommerce nie posiada wbudowanej opcji ukrywania cen. Ale po przetestowaniu różnych rozwiązań znaleźliśmy 3 niezawodne metody, które działają dobrze.

Możesz skorzystać z poniższych szybkich odnośników, aby przejść do twojej preferowanej metody ukrywania cen w WooCommerce:

Czy jesteś gotowy? Zanurzmy się!

Metoda 1: Ukryj wszystkie/określone ceny produktów i przyciski koszyka za pomocą kodu

W tej metodzie pokażemy, jak ukryć ceny produktów i przyciski koszyka dla wszystkich produktów w twoim sklepie lub tylko dla określonych pozycji. Takie podejście jest pomocne, jeśli chcesz, aby klienci kontaktowali się z tobą bezpośrednio w sprawie cen lub logowali się na swoje konta, aby zobaczyć te ceny.

Testując różne opcje, odkryliśmy, że wiele wtyczek do ukrywania cen jest albo dość drogich, albo zbyt skomplikowanych w użyciu. Dlatego opracowaliśmy proste rozwiązanie kodowe, które pozwala szybko wykonać zadanie.

Wiemy, że “rozwiązanie kodu” może brzmieć onieśmielająco, ale nie martw się. Jest to podejście przyjazne dla początkujących.

Użyjemy WPCode, czyli wtyczki, która sprawia, że dodawanie kodu do twojej witryny jest tak proste, jak kopiowanie i wklejanie. Używaliśmy tej wtyczki na wielu witrynach i uznaliśmy ją za bezpieczną i niezawodną.

Darmowa wersja działa idealnie do ukrywania cen. Jeśli jednak potrzebujesz dodatkowych funkcji, takich jak generator kodu AI do tworzenia własnych rozwiązań, warto przyjrzeć się wersji Pro.

Przetestowaliśmy obie wersje w naszej recenzji WPCode.

Najpierw musisz zainstalować i włączyć darmową wtyczkę WPCode. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Następnie możesz skorzystać z jednego z poniższych poradników.

Opcja 1: Ukryj przyciski ceny i koszyka dla określonych produktów (zalogowani użytkownicy)

Najprostszym sposobem na ukrycie cen jest użycie gotowego fragmentu kodu WPCode. Ten kod ukryje ceny i przyciski koszyka z określonych produktów, gdy użytkownicy nie logują się.

Jeśli jesteś już zaznajomiony z WPCode, możesz po prostu znaleźć go w bibliotece fragmentów kodu WPCode.

W przeciwnym razie, jeśli używasz wtyczki po raz pierwszy, kliknij poniższy odnośnik:

Ukryj cenę i dodaj do koszyka dla niezalogowanych użytkowników dla określonych produktów

Następnie kliknij przycisk “Dodaj do witryny”, aby rozpocząć.

Adding the WPCode code snippet to the site

W tym momencie musisz utworzyć bezpłatne konto WPCode lub logować się, jeśli już je posiadasz.

Podczas rejestracji zostaniesz poproszony o połączenie Twojej witryny internetowej WordPress z biblioteką WPCode.

Logging in to deploy a WPCode code snippet

Po zalogowaniu się wybierzesz witrynę internetową, do której chcesz dodać fragment kodu.

Następnie kliknij przycisk “Wdróż”.

Selecting a website to deploy the WPCode code snippet into

System przeniesie cię z powrotem do twojego obszaru administracyjnego WordPress, aby zakończyć konfigurację.

Tutaj wystarczy kliknąć “Potwierdź i zainstaluj fragment kodu”.

Confirming to add the WPCode code snippet

Spowoduje to przejście do edytora fragmentów kodu, w którym wprowadzisz dwie proste zmiany, aby dostosować kod do własnych potrzeb.

Najpierw należy zmienić identyfikatory produktów. Poszukaj tej linii kodu:

1
$not_purchasable_products = array( 23, 22 );

Zastąp te numery twoimi identyfikatorami produktów.

Jeśli nie jesteś pewien, czym one są, możesz przeczytać nasz artykuł o tym , jak znaleźć identyfikatory produktów w WooCommerce.

Na przykład, jeśli chcesz ukryć ceny produktów 63, 64 i 65, napisz:

1
$not_purchasable_products = array( 63, 64, 65 );

Następnie można dostosować wiadomość wyświetlaną zamiast ceny.

Oto kod, który należy znaleźć:

1
2
3
4
5
function wws_hide_price_not_logged_in( $price_html, $product ) {
    if ( is_non_purchasable_products_for_visitors( $product ) ) {
        $price_html = '<div><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login with wholesale account to see prices', 'wws' ) . '</a></div>';
    }
    return $price_html;

Możesz zmienić ten tekst: “Zaloguj się za pomocą konta hurtowego, aby zobaczyć ceny” na dowolny inny, na przykład “Zaloguj się, aby zobaczyć ceny” lub “Skontaktuj się z nami, aby uzyskać ceny”.

Oto przykład:

1
2
3
4
5
function wws_hide_price_not_logged_in( $price_html, $product ) {
    if ( is_non_purchasable_products_for_visitors( $product ) ) {
        $price_html = '<div><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' . __( 'Login to see prices', 'wws' ) . '</a></div>';
    }
    return $price_html;

Gdy użytkownicy klikną ten odnośnik, zostaną przeniesieni na stronę logowania WooCommerce, aby się zalogować.

Na koniec przełącz przełącznik z “Nieaktywny” na “Aktywny”. Następnie kliknij “Aktualizuj”.

Adding premade code snippet to hide WooCommerce prices with WPCode

Teraz wystarczy przejść na twoje strony produktów, aby zobaczyć zmiany.

Zauważysz, że ceny i przyciski koszyka są ukryte i zastąpione twoją własną wiadomością.

Asking users to log in to see WooCommerce prices

To takie proste!

Opcja 2: Ukryj przyciski ceny i koszyka dla wszystkich użytkowników

Jeśli chcesz ukryć ceny i przyciski koszyka dla każdego, kto przejdzie na twój sklep WooCommerce, musisz dodać inny fragment kodu. Ta metoda działa niezależnie od tego, czy użytkownicy logują się, czy nie.

Zacznij od przejścia do Code Snippets ” + Add Snippet w twoim kokpicie WordPress. Kliknij “Add Your Custom Code (New Snippet)”, a następnie przycisk “+ Add Custom Snippet”.

Add Custom Snippet button in WPCode

Następnie zobaczysz kilka rodzajów kodu do wyboru.

Tutaj wystarczy wybrać “Fragment kodu PHP”.

Choosing PHP snippet in WPCode

Następnie musisz nadać swojemu fragmentowi kodu tytuł. Może to być coś prostego, jak “Ukryj wszystkie ceny WooCommerce”.

Następnie w sekcji “Podgląd kodu” skopiuj poniższy kod i wklej go tam:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
/**
 * Hide Price & Add to Cart for All Users for All Products
 */
 
/**
 * Function to check if products should be non-purchasable.
 * This will always return true to apply to all products.
 */
function is_non_purchasable_products( $product ) {
    // Always return true to make all products non-purchasable for all users
    return true;
}
 
/**
 * Set product as not purchasable
 */
function wws_set_not_purchasable( $is_purchasable, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Set product as not purchasable
        $is_purchasable = false;
    }
    return $is_purchasable;
}
 
/**
 * Replace price with 'Contact us for pricing' message linking to the contact page
 */
function wws_hide_price( $price_html, $product ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Get the URL for the contact page by slug
        $contact_page = get_page_by_path( 'contact' );
        if ( $contact_page ) {
            $contact_url = get_permalink( $contact_page );
        } else {
            // Default to '/contact' if the page is not found
            $contact_url = site_url( '/contact' );
        }
 
        // Set the price HTML to the contact message
        $price_html = '<div><a href="' . esc_url( $contact_url ) . '">' . __( 'Contact us for pricing', 'wws' ) . '</a></div>';
    }
    return $price_html;
}
 
/**
 * Hide the 'Add to Cart' button
 */
function wws_hide_addcart( $add_to_cart, $product, $args ) {
    if ( is_non_purchasable_products( $product ) ) {
        // Remove the 'Add to Cart' button
        $add_to_cart = '';
    }
    return $add_to_cart;
}
 
// Add filters to apply the above functions
add_filter( 'woocommerce_is_purchasable', 'wws_set_not_purchasable', 10, 2 );
add_filter( 'woocommerce_get_price_html', 'wws_hide_price', 10, 2 );
add_filter( 'woocommerce_loop_add_to_cart_link', 'wws_hide_addcart', 10, 3 );

Ten kod usuwa wszystkie ceny i przyciski koszyka z twojego sklepu i zastępuje je odnośnikiem “Skontaktuj się z nami w sprawie ceny”, który przenosi odwiedzających na twoją stronę kontaktową.

Po wklejeniu kodu przełącz przełącznik z “Nieaktywny” na “Aktywny” i kliknij “Zapisz fragment kodu”.

Creating a custom code to hide WooCommerce prices for all users in WPCode

I to wszystko!

Możesz teraz przejść na twój sklep i zobaczyć, że wszystkie ceny i przyciski koszyka zostały zastąpione odnośnikiem do twojej strony kontaktowej.

Asking users to contact store owner to see WooCommerce prices

Aby uzyskać dodatkowe szczegóły, zapoznaj się z naszym przewodnikiem dla początkujących, jak łatwo dodać własny kod w WordPress.

Metoda 2: Ukryj ceny produktów przed klientami spoza hurtowni

Ta metoda jest idealna dla firm, które chcą ukryć ceny przed zwykłymi odwiedzającymi, jednocześnie pokazując specjalne ceny hurtowe zatwierdzonym klientom.

Podejście to sprawdza się szczególnie dobrze w przypadku producentów, dystrybutorów i firm B2B, które chcą zachować wyłączność cenową dla swoich odbiorców hurtowych.

Jest to również świetne rozwiązanie, jeśli nie jesteś fanem wcześniejszego rozwiązania kodowego, ponieważ będziemy używać wtyczek z przyjaznego dla użytkownika pakietu Wholesale Suite.

Zanim zagłębimy się w temat, zalecamy przeczytanie naszej szczegółowej recenzji Wholesale Suite, aby zrozumieć wszystkie funkcje oferowane przez ten pakiet wtyczek.

Krok 1: Zainstaluj niezbędne wtyczki Wholesale Suite

Aby ta metoda działała skutecznie, należy zainstalować bezpłatną wtyczkę Wholesale Suite. Obsługuje ona podstawowe funkcje sklepu hurtowego, w tym konfigurowanie struktur cen hurtowych dla twoich produktów.

Konieczne będzie również uzyskanie rozszerzenia premium Wholesale Suite, w szczególności Wholesale Prices i Wholesale Lead Capture.

Pierwsze rozszerzenie jest niezbędne do ukrywania cen przed własnymi klientami i pokazywania ich odbiorcom hurtowym. Nie da się tego obejść, ponieważ jest to rdzeń wtyczki, który umożliwia ukrywanie cen.

Drugi tworzy profesjonalny system rejestracji, w którym potencjalni klienci hurtowi mogą ubiegać się o konto. Jeśli wolisz, możesz również użyć WPForms do tworzenia twoich formularzy rejestracyjnych.

Po zainstalowaniu tych wtyczek WordPress, przejdź do Wholesale ” License w twoim kokpicie.

Adding a license to the Wholesale Suite plugin

Tutaj wpisz klucze licencyjne i adres e-mail powiązane z twoimi zakupionymi wtyczkami premium. Dane te znajdziesz w e-mailu z potwierdzeniem zakupu wtyczki.

Jeśli zakupiłeś wiele wtyczek Wholesale Suite, możesz użyć kart u góry, aby uzyskać dostęp do ustawień klucza licencyjnego dla każdej z nich.

Po wpiszeniu informacji o licencji dla każdego narzędzia, kliknij przycisk “Zapisz zmiany”. Po zakończeniu możesz przejść do następnego kroku.

Saving the Wholesale Suite license key

Krok 2: Założenie testowego konta klienta hurtowego

Wholesale Suite tworzy specjalną rolę użytkownika “Klient hurtowy”, która pozwala zarządzać cenami dla wszystkich twoich klientów hurtowych w jednym miejscu. Gdy ci klienci logują się, automatycznie widzą swoje specjalne ceny hurtowe.

Aby upewnić się, że twoje ukrywanie cen działa poprawnie, będziesz potrzebował testowego konta klienta hurtowego. Pomoże ci to sprawdzić, jak twój sklep WooCommerce wygląda zarówno z perspektywy klienta hurtowego, jak i zwykłego odwiedzającego.

Utworzenie konta hurtowego jest proste. Najpierw przejdź do Użytkownicy ” Utwórz nowe w twoim kokpicie WordPress.

Adding a new user in WordPress

Teraz wypełnij podstawowe informacje, takie jak adres e-mail i nazwa użytkownika, a następnie wybierz “Klient hurtowy” z rozwijanego menu “Rola”.

Na koniec kliknij “Utwórz nowego użytkownika”, aby utworzyć konto.

Changing a customer's wholesale user role

Możesz także chcieć uniemożliwić klientom hurtowym dokonywanie zakupów po cenach regularnych, gdy nie spełniają warunków hurtowych. Domyślnie wtyczka wyświetla ostrzeżenie, ale klienci nadal mogą kupować po cenach detalicznych.

Aby to zmienić, przejdź do Wholesale ” Roles i znajdź rolę “Wholesale Customer”. Kliknij przycisk “Edytuj” pod rolą, aby dostosować ją do własnych potrzeb.

Editing the wholesale customer role

Następnie zaznacz pole “Zapobiegaj zakupowi, jeśli warunek sprzedaży hurtowej nie jest spełniony”.

Następnie kliknij “Edytuj rolę hurtownika”, aby zapisać twoje zmiany.

Editing the wholesale user role

Krok 3: Ukryj ceny i przyciski koszyka

Następnie należy ukryć ceny i przyciski strony koszyka przed zwykłymi użytkownikami sklepu internetowego.

Aby to zrobić, możesz przejść do Wholesale “ Settings. Upewnij się, że jesteś w sekcji “Ceny hurtowe” i przejdź do karty “Cena”.

The Price settings for Wholesale Suite

Następnie przewiń w dół do ustawienia “Ukryj cenę i przycisk Dodaj do koszyka” i zaznacz pole tuż obok niego.

Poniżej można dodać własny tekst, który zastąpi przyciski ceny i koszyka. Jeśli pozostawisz to pole puste, zamiast niego pojawi się domyślny komunikat “Zaloguj się, aby zobaczyć ceny”.

Hiding the price and cart buttons in Wholesale Suite

Teraz przewiń w dół i upewnij się, że ustawienie “Pokaż cenę hurtową użytkownikom niehurtowym” jest wyłączone.

Na koniec kliknij przycisk “Zapisz zmiany”.

Saving changes to the Wholesale Suite's pricing settings

Krok 4: Dodawanie i ukrywanie cen hurtowych do produktów WooCommerce

Teraz możesz rozpocząć dodawanie cen hurtowych do poszczególnych produktów. Możesz przejść dalej i otworzyć nowy lub istniejący produkt do edycji.

Jeśli dodajesz produkt po raz pierwszy, możesz zapoznać się z naszym prostym przewodnikiem po WooCommerce, aby uzyskać więcej informacji.

W pewnym momencie, podczas tworzenia nowego produktu lub edycji istniejącego, należy przejść do sekcji “Dane produktu”.

Tutaj ustaw swoją “Cenę regularną”. To jest to, co widzą stali klienci. Następnie znajdź sekcję “Ceny hurtowe” i wybierz twój rodzaj rabatu z rozwijanego menu. Możesz zaoferować rabat procentowy lub poprawkę ceny.

The WooCommerce pricing settings

W przypadku rabatów procentowych wystarczy wybrać rodzaj rabatu “Procentowy” i wpisz twoją kwotę rabatu.

Wholesale Suite automatycznie obliczy cenę końcową.

Setting a wholesale percentage discount

Jeśli jako rodzaj rabatu wybrano opcję “Naprawiono”, można po prostu wpisz dokładną cenę hurtową, którą chcesz naliczyć.

Chcesz uruchomić ograniczone czasowo oferty hurtowe? Jest to świetne rozwiązanie do prowadzenia sezonowych promocji i przekształcania większej liczby odwiedzających WooCommerce w klientów.

W tym celu należy kliknąć odnośnik “Harmonogram”.

Scheduling a WooCommerce wholesale discount

Następnie możesz wpisz datę rozpoczęcia i datę zakończenia twojej promocji cen hurtowych.

W ten sposób nie będziesz musiał ręcznie włączać i wyłączać rabatu. Zasadniczo działa to podobnie do planowania kodów kuponów WooCommerce.

Scheduling a WooCommerce wholesale discount

Oczywiście to ustawienie jest opcjonalne. Jeśli nie chcesz z niego korzystać teraz, warto o nim pamiętać w przyszłości.

Następnie ustaw swoje minimalne wymagania dotyczące zamówienia w sekcji “Minimalna ilość zamówienia hurtowego”.

Określa, ile produktów musi kupić klient hurtowy, aby uzyskać dostęp do specjalnych cen.

Setting a minimum order amount for wholesale orders

Następnie przewiń w dół do sekcji “Krok ilości zamówienia hurtowego”.

Wpisz “1” w odpowiednie pole.

How to add wholesale pricing in WooCommerce

Spowoduje to, że minimalna ilość zamówienia ustawiona powyżej zostanie zastosowana do każdej pozycji.

W ten sposób ludzie nie mogą próbować nadużywać przywilejów hurtowych. Więcej informacji na temat tego ustawienia można znaleźć w dokumentacji pakietu Wholesale Suite dotyczącej minimalnych wymagań dotyczących zamówień.

Wreszcie, możesz sprawić, że twój produkt będzie widoczny tylko dla klientów hurtowych, korzystając z ustawienia “Ogranicz do ról hurtowych” u góry strony. W tym polu należy wpisać i wybrać “Klient hurtowy”.

Na tym etapie możesz kontynuować finalizowanie ustawień twojego produktu. Możesz na przykład dodać galerię obrazków produktów, osadzać filmy produktowe lub wstawić tagi produktów.

Kiedy będziesz gotowy, po prostu kliknij “Aktualizuj” lub “Opublikuj”, aby zapisać twoje zmiany. Następnie możesz powtórzyć te same kroki dla wszystkich twoich produktów hurtowych.

Restricting a product to just wholesale customers with Wholesale Suite

Krok 5: Skonfiguruj twój hurtowy formularz rejestracyjny

Rozszerzenie Wholesale Suite automatycznie tworzy strony rejestracji i logowania dla twoich klientów hurtowych. Zanim jednak zaczniesz przyjmować zgłoszenia, dostosujmy formularz rejestracyjny do twoich potrzeb.

Przejdź do Wholesale ” Settings, a następnie kliknij kartę “Wholesale Lead Capture” i otwórz menu “Registration Form”.

Configuring the Wholesale Suite registration form settings

Tutaj możesz przewinąć w dół, aby znaleźć tabelę pokazującą wszystkie dostępne pola formularza.

Podczas gdy podstawowe pola, takie jak imię, nazwisko, e-mail i nazwa użytkownika są domyślnie włączone, niektóre z nich mogą wymagać włączenia. Aby włączyć pole, kliknij ikonkę ołówka “Edytuj” w kolumnie “Działanie”.

Configuring the Wholesale Suite registration form fields

Wszystko, co musisz teraz zrobić, to zaznaczyć pole “Włączone”, aby było widoczne i oznaczyć pole jako “Wymagane”, jeśli chcesz, aby było obowiązkowe.

Pamiętaj, aby po zakończeniu kliknąć “Zapisz pole własne”.

Saving changes to Wholesale Suite registration fields

Teraz przejdź do karty “Ogólne”, aby znaleźć nową stronę logowania się i rejestracji w Wholesale.

Kliknij przycisk “Zobacz stronę”, aby je podglądnąć.

Viewing the Wholesale Registration and Log In pages

Po ich otwarciu możesz dodać odnośniki do tych stron do twojego menu nawigacyjnego. W ten sposób użytkownicy będą mogli łatwo je znaleźć podczas przeglądania Twojego sklepu internetowego.

Możesz dowiedzieć się, jak to zrobić w naszym przewodniku na temat dodawania menu nawigacyjnego w WordPress.

An example of Wholesale Suite registration page

Jedną z ważnych decyzji jest sposób obsługi nowych aplikacji.

W sekcji “Automatyczne zatwierdzanie nowych potencjalnych klientów” wybierz pomiędzy “Wymagane ręczne zatwierdzenie” lub “Automatyczne zatwierdzenie”.

Zdecydowanie zalecamy ręczne zatwierdzanie, aby zabezpieczyć twoje ceny hurtowe i zweryfikować legalne firmy.

Choosing whether to manually or automatically approve wholesale signups with Wholesale Suite

Gdy będziesz zadowolony z ustawień formularza rejestracyjnego, możesz przewinąć z powrotem w górę.

Na koniec kliknij przycisk “Zapisz zmiany”.

Saving changes to Wholesale Registration Form settings

Pro Tip: Nie jesteś fanem formularza rejestracyjnego Wholesale Suite? Zamiast tego użyj WPForms! Możesz przeczytać nasz przewodnik na temat tworzenia własnego formularza rejestracyjnego, aby uzyskać instrukcje krok po kroku.

Krok 6: Utwórz formularz zamówienia hurtowego

Ostatnim krokiem jest utworzenie formularza zamówienia hurtowego, który usprawnia proces zamawiania dla twoich klientów hurtowych. Formularz ten umożliwia im łatwe składanie zamówień hurtowych bez konieczności nawigowania po wielu stronach produktów, oszczędzając czas zarówno twój, jak i twoich klientów.

Podczas konfigurowania formularzy zamówień hurtowych stwierdziliśmy, że firmy uzyskują najlepsze wyniki, uwzględniając podstawowe pola, takie jak jednostki SKU produktów i preferowane daty dostawy.

W ten sposób klienci hurtowi mogą szybko składać zamówienia hurtowe, podając jednocześnie wszystkie informacje potrzebne do sprawnego przetwarzania ich zapytań.

Aby uzyskać szczegółowe instrukcje dotyczące tworzenia zoptymalizowanego formularza zamówienia hurtowego, zapoznaj się z naszym kompleksowym przewodnikiem na temat tworzenia formularza zamówienia hurtowego w WordPress.

I to wszystko! Przyjrzyjmy się, jak to działa w praktyce. Oto jak nasz sklep wygląda dla zwykłych odwiedzających:

An example of prices being hidden with the Wholesale Suite plugin

Próbowaliśmy również logować się jako klienci hurtowi, aby sprawdzić, czy tym razem cena jest widoczna.

Sprawdź wynik poniżej.

An example of prices being visible when a wholesale customer views the product pages, enabled with Wholesale Suite

Możesz również przeczytać nasz przewodnik na temat przełączania się między kontami użytkowników w WordPress, jeśli potrzebujesz pomocy przy logowaniu i wylogowywaniu się z twojego konta.

Metoda 3: Stwórz profesjonalny katalog online bez cen

Ta metoda przekształca twój sklep WooCommerce w profesjonalny katalog produktów. Jest to idealne rozwiązanie dla firm, które wolą prowadzić dyskusje na temat cen za pośrednictwem poczty e-mail, formularza kontaktowego lub offline.

Wtyczka YITH WooCommerce Catalog Mode oferuje prosty sposób na stworzenie katalogu bez cen. Przetestowaliśmy i udostępniliśmy sposób korzystania z tej wtyczki już wcześniej w naszym poradniku na temat dodawania katalogu produktów w WooCommerce.

W przeciwieństwie do metody hurtowej, to podejście pozwala całkowicie usuwać ceny, zastępując je własnymi przyciskami kontaktowymi. Możesz ukryć ceny dla całego twojego sklepu, określonych kategorii produktów lub poszczególnych pozycji.

Ta elastyczność sprawia, że jest to idealne rozwiązanie dla producentów konfiguratorów, luksusowych sprzedawców detalicznych lub dostawców usług, którzy muszą podawać ceny w oparciu o wymagania klienta.

W tym przewodniku skupimy się na podstawowych ustawieniach włączania trybu katalogu i ukrywania cen za pomocą wtyczki YITH. Na podstawie naszych testów stwierdziliśmy, że te podstawowe funkcje są wystarczające, aby większość sklepów zaczęła korzystać z ukrytych cen.

To powiedziawszy, należy pamiętać, że tylko zarysowujemy powierzchnię tego, co może zrobić ta wtyczka. Zbadaliśmy wiele bardziej zaawansowanych funkcji w naszej szczegółowej recenzji YITH WooCommerce Catalog Mode.

Ponadto należy zakupić wersję premium wtyczki. Darmowa wersja działa dobrze, ale funkcja ukrywania cen jest dostępna tylko w wersji płatnej.

Krok 1: Instalacja i włączanie trybu YITH WooCommerce Catalog Mode

Po zakupie wtyczki przejdź do witryny internetowej YITH i zaloguj się na swoje konto YITH. Następnie przejdź do karty “Licencje i pliki do pobrania”.

Downloading premium YITH plugin

Następnie kliknij przycisk “Pobierz wtyczkę”, aby pobrać plik wtyczki z twojego konta YITH. Upewnij się, że Twoja karta przeglądarki jest otwarta, ponieważ za chwilę będziesz potrzebować klucza licencyjnego.

Teraz wystarczy zainstalować wtyczkę na twojej witrynie WordPress.

Gdy pojawi się kreator konfiguracji, będziesz musiał wpisz swój adres e-mail YITH i klucz licencyjny.

Activating YITH license

Po wpiszeniu twoich danych, kliknij “Włącz licencję”, aby zakończyć proces konfiguracji.

Gdy to zrobisz, kliknij “Przejdź do kokpitu wtyczki”, aby rozpocząć konfigurowanie własnych ustawień trybu katalogu.

Going to the YITH plugin dashboard

Przejdźmy teraz do następnego kroku.

Krok 2: Konfiguracja podstawowych ustawień trybu katalogowego

Tryb katalogu przekształca twój sklep z witryny zakupowej w prezentację produktów. Jest to idealne rozwiązanie dla firm, które chcą wyświetlać produkty bez opcji natychmiastowego zakupu.

Aby rozpocząć, przejdź do YITH ” Catalog Mode i przejdź do karty “Ustawienia”. To tutaj skonfigurujesz opcje uruchamiania WooCommerce bez cen.

Po pierwsze, można wybrać, czy tryb katalogu ma być włączony dla wszystkich użytkowników, czy tylko dla użytkowników-gości.

Enabling the catalog mode with YITH plugin

Można również włączyć tryb katalogu dla użytkowników z rolą Administratora, aby przetestować jego działanie.

Podczas przewijania w dół możesz włączać funkcję “Wyłącz sklep”, jeśli chcesz usuwać stronę koszyka, stronę kasy i wszystkie przyciski dodawania do koszyka z twojego sklepu.

Disabling the WooCommerce shop functions with the YITH plugin

Jeśli wyłączysz funkcję sklepu, otrzymasz dodatkowe opcje ustawienia określonych zakresów czasowych lub dni.

Jest to szczególnie przydatne, jeśli chcesz ukryć ceny tylko w dni lub okresy świąteczne, kiedy twój sklep internetowy nie przyjmuje zamówień.

Disabling the shop function for certain dates with the YITH plugin

Aby uzyskać bardziej ukierunkowaną kontrolę, możesz po prostu pominąć menu “Wyłącz sklep” i skupić się na ustawieniach w sekcji “Ustawienia dodawania do koszyka w trybie katalogu”.

Tutaj możesz użyć rozwijanych menu, aby wybrać dokładnie, gdzie ukryć lub pokazać przyciski dodawania do koszyka. Możesz na przykład ukryć lub wyświetlić je dla pozycji na twojej liście wykluczeń, która jest funkcją umożliwiającą grupowanie określonych produktów, kategorii lub tagów.

Ułatwia to ukrywanie przycisków tylko dla wybranych elementów zamiast całego twojego sklepu. Więcej o tworzeniu list wykluczeń powiemy w późniejszej sekcji.

Disabling the shop functions for products in exclusion list in the YITH plugin

Przechodząc w dół, możesz ukryć przycisk “Dodaj do koszyka” w odmianach produktów. Dzięki temu twój tryb katalogu będzie spójny dla wszystkich rodzajów produktów, w tym tych z wieloma opcjami, takimi jak rozmiar lub kolor.

Możesz również zdecydować, co pojawi się zamiast przycisków “Dodaj do koszyka” na stronach WooCommerce.

Zalecamy wybranie “Nic” dla tych opcji, aby zachować czystą przestrzeń. Własne przyciski dodamy później w innej sekcji.

Hiding the cart buttons in product pages with YITH plugin

W dalszej części znajdziesz “Ustawienia cen w trybie katalogu”.

Możesz wybrać pomiędzy ukrywaniem cen wszystkich produktów lub tylko tych, które znajdują się na twojej liście wykluczeń.

Po ukryciu cen można je zastąpić własnymi przyciskami. Wtyczka zawiera kilka wstępnie zaprojektowanych stylów przycisków, takich jak “Sample Button 1”, który dostosujemy w następnym kroku.

Pamiętaj, aby kliknąć “Zapisz opcje” po dokonaniu twojego wyboru.

Hiding prices in product pages with YITH plugin

Krok 3: Utwórz nowy przycisk zastępujący przycisk koszyka

Teraz nadszedł czas, aby dostosować przycisk, który zastąpi twoje przyciski koszyka i ceny. Przejdź do karty “Przyciski i etykiety”, aby rozpocząć.

Wybierz jeden z wstępnie zaprojektowanych przycisków dostarczonych przez YITH, a następnie kliknij ikonkę ołówka “Edytuj”, aby dostosować go do własnych potrzeb.

Editing a button in YITH WooCommerce Catalog Mode

Po pierwsze, nadaj twojemu przyciskowi prostą nazwę, abyś mógł go później łatwo znaleźć.

Na karcie “Treść” możesz zmienić tekst przycisku na taki, który odpowiada twoim potrzebom. Popularne opcje to “Poproś o wycenę”, “Skontaktuj się z nami w sprawie wyceny” lub “Uzyskaj własną cenę”.

Replacing the button text in YITH WooCommerce Catalog Mode

Dodanie ikonki może sprawić, że twój przycisk będzie bardziej angażujący. Aby to zrobić, możesz wybrać opcję “Wybierz z domyślnych ikonek” w sekcji Ikonki.

Możesz przeglądać dostępne opcje, aby znaleźć taką, która pasuje do twojego przekazu.

Choosing a button icon in YITH WooCommerce Catalog Mode

Możesz również dostosować swoją ikonkę, dostosowując jej rozmiar, wyrównanie i kolory.

Po prostu obserwuj, jak twoje zmiany pojawiają się w podglądzie na żywo po prawej stronie strony.

Customizing the button icon in YITH WooCommerce Catalog Mode

Teraz przejdź do karty “Styl”, aby dostosować wygląd twojego przycisku.

W tym miejscu możesz zmodyfikować kolory tła, szerokość, obramowania, dopełnienie i marginesy, aby dopasować je do wyglądu twojej witryny internetowej.

Customizing the button style in YITH WooCommerce Catalog Mode plugin

Na koniec, w karcie “Opcje” ustaw odnośnik dla twojego przycisku. Zalecamy skorzystanie z opcji “Własny adres URL”, aby skierować odwiedzających na twoją stronę kontaktową lub logowania.

Możesz również dodać animację najechania kursorem, aby twój przycisk był bardziej interaktywny i przyciągał wzrok.

Po zakończeniu kliknij przycisk “Aktualizuj”.

Adding a custom URL to the call-to-action button in YITH WooCommerce Catalog Mode

To takie proste!

Krok 4: Utwórz formularz zapytania o produkt (opcjonalnie)

Dodanie formularza zapytania bezpośrednio na twojej stronie produktu może ułatwić klientom zadawanie pytań o ceny. W ten sposób nie będą musieli opuszczać strony produktu, aby się z Tobą skontaktować.

Aby to skonfigurować, przejdź do karty “Formularz zapytania”. Wybierz opcję “Widoczny we wszystkich produktach” w sekcji “Ustaw formularz zapytania jako”. Dzięki temu formularz pojawi się na każdej stronie produktu.

W przypadku opcji “Formularz do pokazania” można użyć formularza “Domyślny”, który jest dostarczany z wtyczką.

Jeśli korzystasz już z WPForms lub innej wtyczki formularzy, możesz zamiast tego wybrać twoje istniejące formularze.

Making the inquiry form visible on product page in YITH WooCommerce Catalog Mode plugin

Podczas korzystania z formularza “Domyślnego” można dostosować, które pola są wyświetlane.

Zalecamy zachowanie prostoty z niezbędnymi polami, takimi jak imię, e-mail i wiadomość. Z naszego doświadczenia wynika, że krótsze formularze zazwyczaj otrzymują więcej zgłoszeń.

Enabling form fields in YITH WooCommerce Catalog Mode plugin

Masz dwie możliwości wyboru miejsca wyświetlania formularza: w karcie WooCommerce pod obrazkiem produktu lub w obszarze krótkiego opisu.

Jeśli wybierzesz opcję karty, możesz dostosować jej tytuł do własnych potrzeb, na przykład “Zapytanie o cenę” lub “Zapytanie o produkt”.

Choosing where to display the inquiry form in YITH WooCommerce Catalog Mode

Nie zapomnij włączyć ustawienia “Uwzględnij permalink produktu”.

Dodaje to adres URL produktu do e-maili z zapytaniami, co znacznie ułatwia śledzenie, o które produkty pytają klienci.

Potrzebujesz pomocy w podjęciu decyzji, czy wybrać kartę WooCommerce czy krótki opis produktu?

Oto jak wygląda pierwsza opcja:

Example of an inquiry form in a WooCommerce tab

Tymczasem, jeśli wybierzesz opcję opisu produktu, formularz zapytania pojawi się tuż pod właśnie utworzonym przyciskiem.

Na przykład:

An example of an inquiry form made with YITH WooCommerce Catalog Mode

Bonus: Jak utworzyć listę wykluczeń (ukryj ceny dla określonych produktów WooCommerce)

Przyjrzyjmy się teraz ukrywaniu cen określonych produktów zamiast całego twojego sklepu. Zakładamy, że skonfigurowałeś już swój tryb katalogu do pracy z listą wykluczeń w kroku 2.

Aby rozpocząć, przejdź do karty “Lista wykluczeń” i kliknij “+ Dodaj listę wykluczeń”. Otworzy się nowe okno, w którym możesz wybrać rodzaje przedmiotów, dla których chcesz ukryć ceny.

Creating an exclusion list in YITH WooCommerce Catalog Mode

Lista rozwijana “Rodzaj produktu” oferuje trzy opcje: pojedyncze produkty, całe kategorie produktów lub tagi produktów. Ta elastyczność pozwala ukryć ceny w sposób, który ma sens dla twojej małej firmy.

Następnie zacznij wpisywać nazwy produktów, kategorie lub tagi w polu “Wybierz produkty”. Wtyczka zasugeruje dopasowania w trakcie wpisywania. Możesz także wybrać, czy chcesz wyświetlić formularz zapytania dla tych konkretnych produktów.

Adding items to the YITH WooCommerce Catalog Mode exclusion list

Zostaną powiadomione ustawienia “Użyj własnych opcji dla “Dodaj do koszyka”” i “Użyj własnych opcji dla ceny”. Zalecamy pozostawienie ich niezaznaczonych, jeśli chcesz zachować ustawienia utworzone w kroku 2.

Gdy skończysz, po prostu kliknij “Dodaj listę wykluczeń”, aby zapisać twoje zmiany. I to już wszystko!

Oto przykład tego, jak może wyglądać twoja strona produktu po włączeniu wtyczki:

What the custom contact button made with YITH WooCommerce Catalog Mode plugin

Dowiedz się więcej o poradach i sztuczkach WooCommerce

Teraz, gdy dowiedziałeś się już, jak sprzedawać produkty na WooCommerce bez cen, możesz chcieć poznać więcej sposobów na optymalizację twojego sklepu internetowego. Sprawdź te przewodniki dla początkujących, aby uzyskać więcej porad i wskazówek:

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak ukryć ceny w WooCommerce. Możesz również zapoznać się z naszą listą najlepszych motywów WordPress dla witryn internetowych WooCommerce i naszym przewodnikiem na temat dodatkowej sprzedaży produktów w 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.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

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.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.