Jak ukryć pole kodu kuponu WooCommerce?
Opublikowany: 2020-08-01Szukasz sposobu na ukrycie pola kodu kuponu WooCommerce, zwłaszcza na stronach koszyka i kasy? Dodatkowo, możesz chcieć całkowicie wyłączyć kod kuponu w swoim sklepie WooCommerce. W tym poście zilustruję, jak wyłączyć lub ukryć pole kuponu na różnych stronach w Twoim sklepie WooCommerce.
Strona koszyka z kuponami WooCommerce
To jest domyślna lokalizacja pola kuponu na stronie koszyka :
Strona z kuponami WooCommerce do kasy
To jest domyślna lokalizacja pola kuponu na stronie kasy :
Pola kuponów WooCommerce
Oferowanie kuponów lojalnym klientom to świetny sposób, w jaki właściciele sklepów WooCommerce zwracają się do społeczności. Dzięki tym kuponom mogą oferować nagrody lub rabaty jako zachętę do zakupu. To tylko sposób, w jaki właściciele sklepów WooCommerce mogą podziękować za zakup ich produktów.
Nie musisz jednak pokazywać ani szkolić swoich klientów, jak wyglądać
na rabaty lub kupony, ponieważ mogą porzucić Twój koszyk, aby polować na kupony dostępne w Twoim sklepie. W niektórych przypadkach inni klienci mogą czekać z zakupem, aż kupon będzie dostępny. Jeśli klienci w Twoim sklepie WooCommerce to zrobią, mogą wyszukać wtyczkę konkurenta lub znaleźć dowolny kod kuponu oferowany przez podmioty stowarzyszone, co wpłynęłoby na sprzedaż Twojego sklepu.
Dodatkowo może to skutkować ryzykiem zakupu w innym miejscu lub całkowitego opuszczenia sklepu, gdy znajdą tańszą opcję.
Co więcej, gdy użytkownicy polują na kupony, mogą nie sfinalizować zakupu, ponieważ mogą nie być usatysfakcjonowani, ponieważ czują, że przegapili zniżkę.
Nie jest to jednak doświadczenie klienta, którego możesz chcieć w swoim sklepie WooCommerce.
Aby temu zapobiec, możesz automatycznie stosować kupony dla klientów na konkretny produkt lub po prostu całkowicie ukryć kupony na stronach sklepu.
Biorąc to wszystko pod uwagę, przejdźmy przez niektóre kroki, które musisz podjąć, aby wyłączyć lub ukryć kupony z różnych części sklepu WooCommerce, aby zmaksymalizować konwersje i ogólnie uszczęśliwić wszystkich klientów.
a) Całkowite wyłączenie kodu kuponu w Twoim sklepie WooCommerce
Możesz całkowicie wyłączyć pole kodu kuponu rabatowego w koszyku i stronie kasy w swoim sklepie WooCommerce. Można to zrobić, wykonując następujące proste kroki:
Kroki, aby całkowicie wyłączyć kod kuponu
- Zaloguj się do swojej witryny WordPress i uzyskaj dostęp do pulpitu nawigacyjnego jako administrator.
- Z menu Pulpit nawigacyjny kliknij zakładkę WooCommerce > Ustawienia > Ogólne . Spowoduje to udostępnienie wielu opcji ustawień ogólnych, ale musisz poszukać pola wyboru „ Włącz korzystanie z kodów kuponów ”. Pamiętaj, aby zapisać zmianę, jak pokazano poniżej:
- Następnie należy kliknąć pole wyboru, aby całkowicie wyłączyć pole kuponu w koszyku lub kasie. Wynik na stronie koszyka jest pokazany poniżej:
b) Ukryj pole kodu kuponu na stronie koszyka WooCommerce
Właściciel sklepu WooCommerce może chcieć ukryć pole kodu kuponu tylko na stronie koszyka i wyświetlić je na stronie kasy . Aby to zrobić, zajmie Ci to tylko kilka minut i wystarczy wykonać te proste czynności:
Kroki, aby ukryć pole kodu kuponu na stronie koszyka WooCommerce
- Zaloguj się do swojej witryny WordPress i uzyskaj dostęp do pulpitu nawigacyjnego jako administrator.
- Z menu Dashboard kliknij menu Wygląd > Menu edytora motywów . Po otwarciu strony Theme Editor poszukaj pliku funkcji motywu, w którym dodamy funkcję, która ukryje pole kodu kuponu na stronie koszyka WooCommerce
- Dodaj następujący kod na końcu pliku php :
// ukryj pole kuponu na stronie koszyka funkcja disable_coupon_field_on_cart ( $ włączone ) { jeśli ( is_cart() ) { $włączona = fałsz; } zwróć $włączone; } add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' );
- Aby zobaczyć wynik tego kodu, musisz wejść na stronę koszyka , a zobaczysz to:
Jak działa kod
Ten kod całkowicie wyłącza pole kodu kuponu na stronie koszyka za pomocą function disable_coupon_field_on_cart( $enabled )
. Ta funkcja sprawdza, czy na tej stronie znajduje się pole kuponu. Jeśli tak, kod wyłącza pole kodu kuponu za pomocą tego filtra add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' );
.
c) Ukryj pole kodu kuponu na stronie kasy WooCommerce
Właściciel sklepu może zdecydować się na ukrycie pola kodu kuponu tylko na stronie kasy i wyświetlenie go na stronie koszyka . Domyślna strona kasy z polem kasy wygląda tak:
Aby to zrobić, zajmie Ci to tylko kilka minut i wystarczy wykonać te proste czynności:
Kroki, aby ukryć pole kodu kuponu na stronie koszyka WooCommerce
- Zaloguj się do swojej witryny WordPress i uzyskaj dostęp do pulpitu nawigacyjnego jako administrator.
- Z menu Dashboard kliknij menu Wygląd > Menu edytora motywów . Po otwarciu strony Theme Editor poszukaj pliku funkcji motywu, w którym dodamy funkcję, która ukryje pole kodu kuponu na stronie WooCommerce Checkout
- Dodaj następujący kod na końcu pliku php :
// ukryj pole kuponu na stronie kasy funkcja disable_coupon_field_on_checkout ( $ włączone ) { if ( is_checkout() ) { $włączona = fałsz; } zwróć $włączone; } add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_checkout' );
- Aby zobaczyć wynik tego kodu, musisz wejść na stronę kasy , a zobaczysz to:
Jak działa kod
Ten kod całkowicie wyłącza pole kodu kuponu na stronie kasy za pomocą function disable_coupon_field_on_checkout( $enabled )
. Ta funkcja sprawdza, czy na tej stronie znajduje się pole kuponu. Jeśli tak, kod wyłącza pole kodu kuponu za pomocą tego filtra add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_checkout' );
d) Ukryj pole kuponu dla jednego produktu
Jako właściciel sklepu WooCommerce musisz podejmować decyzje, które zwiększą sprzedaż. Możesz mieć wiele pól kuponów i możesz ograniczyć tę funkcję do niektórych produktów, aby uniknąć porzucania koszyka, gdy klienci chcą szukać innych produktów.
Na przykład możesz chcieć ukryć pole kodu, jeśli w koszyku znajduje się produkt o nazwie „Tshirt” o identyfikatorze produktu 133. Dzieje się tak, gdy nie chcesz, aby ludzie stosowali kupon, jeśli kupują ten produkt. WooCommerce nie ma wbudowanej funkcjonalności, aby to zrobić, ale mniej się martw, ponieważ mamy rozwiązanie tego problemu.
Aby to zrobić, wykonaj następujące proste kroki:
Kroki, aby ukryć pole kuponu dla dowolnego produktu
- Zaloguj się do swojej witryny WordPress i uzyskaj dostęp do pulpitu nawigacyjnego jako administrator.
- Z menu Dashboard kliknij menu Wygląd > Menu edytora motywów . Po otwarciu strony Theme Editor poszukaj pliku funkcji motywu, w którym dodamy funkcję, która ukryje pole kodu kuponu na produkcie ID 133. Tak to wygląda z obszarem pola kuponu:
- Dodaj następujący kod na końcu pliku php :
add_filter( 'woocommerce_coupons_enabled','ts_hide_coupon_field_on_cart' ); funkcja ts_hide_coupon_field_on_cart ( $ włączone ) { $id_produktu = 133; $koszyk = WC()->koszyk->get_cart(); foreach ( $cart as $id => $cart_item ) { if( $cart_item[ 'data' ]->get_id() == $product_id ) { zwróć fałsz; } } zwróć $włączone; }
Pamiętaj , aby dodać prawidłowy identyfikator produktu na podstawie produktów, które masz w swoim sklepie WooCommerce.
- Po dodaniu kodu odśwież stronę, a rezultatem będzie:
Jak działa kod
Ten kod całkowicie wyłącza pole kodu kuponu na stronie koszyka produktu o identyfikatorze 133 za pomocą function ts_hide_coupon_field_on_cart( $enabled )
. Ta funkcja sprawdza, czy na tej stronie znajduje się pole kuponu. Jeśli tak, kod wyłącza pole kodu kuponu za pomocą tego filtra add_filter( 'woocommerce_coupons_enabled','ts_hide_coupon_field_on_cart' );
e) Ukryj pole kuponu dla wielu produktów
W powyższym przykładzie usunęliśmy tylko pole kodu kuponu dla jednego produktu. Możesz zadać sobie pytanie „Jak mogę ukryć pole kuponu dla wielu identyfikatorów produktów na stronie koszyka?” Na ten problem również mamy rozwiązanie.
Aby to zrobić, wykonaj te proste czynności, a będziesz mógł ukryć pole kuponu w wielu produktach na stronie koszyka:
Kroki, aby ukryć pole kuponu dla wielu produktów
- Zaloguj się do swojej witryny WordPress i uzyskaj dostęp do pulpitu nawigacyjnego jako administrator.
- Z menu Dashboard kliknij menu Wygląd > Menu edytora motywów . Po otwarciu strony Theme Editor poszukaj pliku funkcji motywu, w którym dodamy funkcję, która ukryje pole kodu kuponu tylko w przypadku identyfikatorów produktów 133, 140 i 147. tak wyglądają:
- Dodaj następujący kod na końcu pliku php :
add_filter( 'woocommerce_coupons_enabled','ts_hide_coupon_field_on_cart' ); funkcja ts_hide_coupon_field_on_cart ( $ włączone ) { $product_ids = array(133, 147, 140); $koszyk = WC()->koszyk->get_cart(); foreach ( $cart as $id => $cart_item ) { if( in_array( $cart_item[ 'data' ]->get_id(), $product_ids ) ) { zwróć fałsz; } } zwróć $włączone; }
Pamiętaj , aby dodać prawidłowy identyfikator produktu na podstawie produktów, które masz w swoim sklepie WooCommerce.
- Po dodaniu kodu dodaj te pozycje do koszyka i sprawdź, czy masz taki wynik:
Jak działa kod
Ten kod działa jak ten w przykładzie (d) , ale zdefiniowaliśmy tablicę identyfikatorów produktów, w której przeszliśmy przez elementy koszyka i sprawdziliśmy, czy identyfikator elementu jest obecny w naszej tablicy. Gdy pojawią się w koszyku, pole kodu kuponu jest ukryte. Może być stosowany do dowolnego produktu znajdującego się w tablicy.
f) Ukryj pole kodu kuponu na podstawie kategorii produktów
Jako właściciel sklepu WooCommerce możesz chcieć ukryć pole kodu kuponu, jeśli w koszyku znajduje się produkt z określonej kategorii. W tym przykładzie ukryjemy produkty w kategorii „ Njengah Tech ”. Możesz użyć nazwy kategorii, w której chcesz ukryć pole kuponu w koszyku i kasie.
Aby to zrobić, po prostu wykonaj te proste kroki:
- Zaloguj się do swojej witryny WordPress i uzyskaj dostęp do pulpitu nawigacyjnego jako administrator.
- Z menu Dashboard kliknij menu Wygląd > Menu edytora motywów . Po otwarciu strony Theme Editor poszukaj pliku funkcji motywu, w którym dodamy funkcję, która ukryje pole kodu kuponu na produktach z kategorii „ Njengah Tech ”. Tak wygląda koszyk z produktami z tej kategorii:
- Dodaj następujący kod na końcu pliku php :
add_filter( 'woocommerce_coupons_enabled','ts_hide_coupon_field_on_cart' ); funkcja ts_hide_coupon_field_on_cart ( $ włączone ) { $product_categories = array('Njengah Tech'); $koszyk = WC()->koszyk->get_cart(); foreach ( $cart as $id => $cart_item ) { $_product = wc_get_product($cart_item[ 'data' ]->get_id() ); foreach( $product_categories jako $category ) { if( has_term( $category, 'product_cat', $cart_item[ 'data' ]->get_id() ) ) { zwróć fałsz; } } } zwróć $włączone; }
- Po dodaniu kodu dodaj te pozycje do koszyka i sprawdź, czy masz taki wynik:
Wniosek
W tym poście opisaliśmy, jak:
- Całkowicie wyłącz kod kuponu w swoim sklepie WooCommerce.
- Ukryj pole kodu kuponu na stronie koszyka WooCommerce.
- Ukryj pole kodu kuponu na stronie kasy WooCommerce.
- Ukryj pole kuponu dla jednego produktu.
- Ukryj pole kuponu dla wielu produktów.
- Ukryj pole kodu kuponu na podstawie kategorii produktów.
Mamy nadzieję, że możesz teraz ukryć lub usunąć pole kuponu ze swojej witryny WooCommerce!
Podobne artykuły
- Jak przekierować do koszyka po zalogowaniu w WooCommerce
- Jak ukryć sumę częściową koszyka w WooCommerce lub usunąć wiersz sumy częściowej?
- Jak pominąć koszyk i przekierować do strony kasy WooCommerce
- Zmień tekst przejścia do kasy w WooCommerce
- Jak zmienić ikonę PayPal na stronie kasy WooCommerce?
- Jak ustawić polecane produkty w WooCommerce?
- Jak dodać niestandardowe ikony płatności WooCommerce do kasy?
- Jak sprzedawać produkty cyfrowe za pomocą WooCommerce
- Jak sortować kategorie WooCommerce w celu lepszego doświadczenia użytkownika?
- Ukryj lub usuń pole ilości na stronie produktu WooCommerce