WP Desk Care - zadbaj o swój biznes online!

Sprawdzona opieka techniczna dla Twojego sklepu

Pole godzina na stronie produktowej WooCommerce

W tym artykule wyjaśnię Ci przede wszystkim w prosty sposób, jak dodać pole godzina (inaczej zwane Time Picker) na Twojej stronie produktowej WooCommerce za pomocą wtyczki Flexible Product Fields. Dlatego przeczytaj ten artykuł uważnie i dowiedz się, jak to zrobić w kilku krokach. 

Spis treści

  1. Pobierz wtyczkę Flexible Product Fields
  2. Dodaj pole godzina do strony produktu
  3. Dostosuj pole Godzina do Twoich potrzeb
  4. Zapisz i opublikuj

Typ pola Time Picker może mieć wiele zastosowań na Twojej stronie produktowej WooCommerce. Najbardziej użytecznym będzie na pewno ustalenie dokładnego czasu odbioru lub dostawy produktu lub usługi, jak na przykład dostawa żywności. W związku z tym, wyobraźmy sobie, że prowadzisz firmę cateringową i chcesz, aby Twoi klienci mieli możliwość wyboru dokładnego czasu dostawy swoich posiłków. To nie Twój przypadek? To może załóżmy, że pracujesz w centrum odnowy biologicznej i chcesz zapewnić swoim klientom możliwość umówienia się na wizytę wybierając dokładną godzinę? Albo może prowadzisz kwiaciarnię i chcesz ułatwić swoim klientom korzystanie z tej opcji? Podsumowując, dodanie pola godzina bezsprzecznie może pomóc klientom wizualnie zobaczyć terminy dostępne do rezerwacji jakiejkolwiek usługi. Przydatne, prawda? Dzięki polu time picker jest to możliwe i niezwykle łatwe do implementacji.

Pobierz wtyczkę Flexible Product Fields

* Pole godzina jest dostępne w darmowej wersji wtyczki, podczas gdy niektóre dodatkowe funkcje, takie jak cena lub logika warunkowa, są dostępne w jej płatnej wersji.

Pierwszym krokiem będzie pobranie i aktywacja wtyczki.

Flexible Product Fields dla WooCommerce

Pozwól klientom personalizować produkty przed dodaniem do koszyka. Dodaj nowe pola produktów WooCommerce. Stwórz kreator personalizacji produktów, aby sprzedawać nadruki, grawerunki, opakowania na prezent, wizytówki, pieczątki i inne.

Pobierz lub Przejdź do WordPress.org
Ponad 10 000 aktywnych instalacji
Ostatnia aktualizacja: 25.03.2024
Działa z WooCommerce 8.3 - 8.7.x

Wtyczka Flexible Product Fields będzie widoczna w zakładce Produkty:

Wtyczka Flexible Product Fields (Pola Produktów)
Wtyczka Flexible Product Fields (Pola Produktów)

Kolejnym krokiem będzie kliknięcie w zaznaczoną na zielono zakładkę i gotowe! Teraz możesz zacząć dostosowywać stronę produktu WooCommerce.

Dodaj pole godzina do strony produktu

W tym miejscu zobaczysz wszystkie typy pól dostępne we wtyczce Flexible Product Fields. Aby dodać selektor czasu, kliknij na pole Godzina, które znajduje się w sekcji Pola Otwarte:

Typy pól - pole godzina
Flexible Product Fields – typy dostępnych pól (wersja PRO)

Dostosuj pole Godzina do Twoich potrzeb

Oto przykład tego, jak możesz zmodyfikować pole time picker na swojej stronie produktu WooCommerce:

Pole Time Picker
Pole Czas – ustawienia ogólne

W tym miejscu powinieneś podać wszystkie podstawowe informacje dotyczące danego pola.

*Jeśli masz wątpliwości, czego dotyczy każde z pól widocznych na zrzucie ekranu, sprawdź naszą Dokumentację, gdzie znajdziesz wszystkie informacje na ten temat.

Teraz sprawdźmy zakładkę Zaawansowane. Dla przykładu, w mojej konfiguracji, użyłam zegara 12-godzinnego:

"<yoastmark

To tutaj wybierasz, czy pole Time Picker ma być w formacie 24- czy 12-godzinnym. Dodatkowo możesz wybrać dowolny przedział minutowy (od 1 do 60), w którym chcesz wyświetlać swoje pole. W wyniku tych działań, możesz łatwo dostosować format czasu do tego, którego używają Twoi klienci.

Co więcej, możesz też przejść do zakładki Cena, jeśli chcesz ustalić cenę dla swojego pola time picker. Możesz wybrać cenę stałą lub procentową.

"<yoastmark

Dodatkowo możesz również skonfigurować Logikę warunkową dla tego typu pola, która zostanie ustawiona zgodnie z parametrami innego typu pola, którego użyjesz podczas modyfikowania strony produktu WooCommerce:

"<yoastmark

*Zapoznaj się z dokumentacją, aby dowiedzieć się więcej o tym, jak działa logika warunkowa.

Zapisz i opublikuj

Zapisz i opublikuj
Zapisz i opublikuj

W rezultacie, otrzymasz taki oto wynik. Twoje pole time picker jest gotowe!

Pole Czas - rezultat
Pole Czas – rezultat

Czy ten artykuł był przydatny? Podsumowując, jeśli masz jakieś wątpliwości, zostaw nam komentarz, a my chętnie udzielimy Ci dalszych wskazówek ☺️

Zobacz inne artykuły

Dołącz do ponad 10 000 czytelników

Poradniki WooCommerce i nowości –
wprost na Twój e-mail.