Kalendarz rezerwacji nie wyświetla się w moim sklepie [Naprawiono]
ℹ️ Note: Ten artykuł został automatycznie przetłumaczony za pomocą AI i może zawierać nieścisłości. Jeśli coś wygląda źle, skontaktuj się z naszym zespołem wsparcia.
Kalendarz rezerwacji zazwyczaj zaczyna działać zaraz po konfiguracji — ale czasami drobne ustawienie konfiguracji, motyw lub ustawienie dostępności mogą uniemożliwić jego wyświetlenie się w witrynie sklepu.
Dobra wiadomość jest taka, że te problemy zazwyczaj można szybko naprawić 🚀
Ten przewodnik omawia najczęstsze przyczyny, dla których kalendarz rezerwacji (lub jego przycisk Book Now (Zarezerwuj teraz)) może się nie pojawiać, oraz jak rozwiązać każdą z nich krok po kroku.
W większości przypadków problem jest związany z jednym z poniższych:
- App Embed (Osadzenie aplikacji) jest wyłączone
- Usługa nie została zapisana, została wyłączona lub zarchiwizowana
- Sprawdzasz niewłaściwą stronę produktu lub wariant
- Warianty produktu zostały zmienione po utworzeniu usługi
- Przeglądasz szkic (nieopublikowany) motywu
- Konflikty niestandardowego motywu lub kreatora stron
- Ustawienia dostępności ukrywają wszystkie daty
- Terminy są w pełni zarezerwowane lub osiągnięto limity rezerwacji
- Pamięć podręczna przeglądarki lub witryny sklepu
Przejdźmy przez nie jeden po drugim 👇
✅ Krok 1: Sprawdź, czy App Embed jest włączony
Aby kalendarz rezerwacji pojawił się w witrynie sklepu, App Embed (Osadzenie aplikacji) musi być włączony w motywie Shopify. To najczęstsza przyczyna.
Najszybszym sposobem sprawdzenia jest samo aplikacja:
Otwórz aplikację Hoppy Appointments → na stronie dashboard/homepage (pulpit/strona główna) znajdź kartę App Status (Status aplikacji).
- Active (Aktywny) → App Embed jest włączony ✅
- Inactive (Nieaktywny) → Kliknij Activate (Aktywuj) — zostaniesz przeniesiony bezpośrednio do edytora motywu
Aby włączyć go ręcznie, przejdź do:
Shopify Admin → Online Store → Themes → Customize → App Embeds
Następnie:
- Znajdź Appointment Bookings
- Przełącz je na ON (Włączone)
- Kliknij Save (Zapisz)
Wskazówka:
Jeśli był już włączony, spróbuj przełączyć go na OFF (Wyłączone) → kliknij Save (Zapisz) → z powrotem na ON (Włączone) → Save (Zapisz), a następnie odśwież witrynę sklepu.
Po tym kroku przycisk Book Now (Zarezerwuj teraz) powinien pojawić się na stronie produktu połączonej z usługą.
✅ Krok 2: Upewnij się, że usługa jest zapisana i aktywna
Nawet przy włączonym App Embed usługa pojawia się w sklepie tylko wtedy, gdy jest saved (zapisana) i active (aktywna).
Otwórz aplikację → dashboard/homepage (pulpit/strona główna) i sprawdź oznaczenie obok swojej usługi:
- Inactive (Nieaktywna) → Otwórz menu More (Więcej) → Turn on (Włącz)
- Archived (Zarchiwizowana) → Otwórz menu More (Więcej) → Unarchive (Przywróć z archiwum), a następnie upewnij się, że jest włączona
Następnie otwórz usługę i kliknij Save (Zapisz) — nawet jeśli niczego nie zmieniałeś/aś.
Zapisanie ponownie synchronizuje usługę z witryną sklepu, co naprawia większość przypadków „wcześniej działało”.
Po zapisaniu u góry strony pojawi się baner:
- Make sure Appointment Booking App Embed is active (Upewnij się, że osadzenie aplikacji Appointment Booking jest aktywne) → Kliknij Enable App Embed (Włącz osadzenie aplikacji) (zobacz Krok 1)
- Confirm Appointment Booking is published successfully (Potwierdź, że Appointment Booking został opublikowany pomyślnie) → Kliknij Open Store (Otwórz sklep), aby sprawdzić efekt
ℹ️ Jeśli przycisk Book Now (Zarezerwuj teraz) otwiera pusty popup, usługa jest zazwyczaj wyłączona lub zarchiwizowana — ten krok to również naprawia.
✅ Krok 3: Upewnij się, że jesteś na właściwej stronie produktu i wariancie
Przycisk Book Now (Zarezerwuj teraz) pojawia się tylko na stronie produktu połączonej z usługą — nie na innych produktach.
Otwórz usługę → zakładka General (Ogólne) → karta Booking (Rezerwacja) i potwierdź, który produkt jest wybrany.
Przykład:
Jeśli Twoja usługa jest połączona z produktem Guitar Lesson, ale przeglądasz stronę produktu Drum Lesson, przycisk tam się nie pojawi.
Jeśli produkt ma wiele wariantów, spróbuj także przełączać się między wariantami w witrynie sklepu.
⚠️ Ważne:
Jeśli edytowałeś/aś, usunąłeś/aś lub ponownie utworzyłeś/aś warianty produktu w Shopify po skonfigurowaniu usługi, połączenie może stać się nieaktualne.
Rozwiązanie jest proste:
→ Otwórz usługę
→ Kliknij Change (Zmień)
→ Wybierz prawidłowe warianty po modyfikacji wariantów produktu
→ Kliknij Save (Zapisz)
To ponownie synchronizuje najnowsze informacje o produkcie i wariantach z witryną sklepu.
✅ Krok 4: Sprawdź na żywym, opublikowanym motywie
App Embed (Osadzenie aplikacji) jest sprawdzany — a kalendarz wyświetlany — tylko na Twoim żywym, opublikowanym motywie.
Oznacza to, że:
- Włączenie App Embed podczas edycji szkicowego lub nieopublikowanego motywu nie spowoduje wyświetlenia kalendarza w aktywnym sklepie
- Jeśli niedawno przełączyłeś/aś się na nowy motyw, App Embed pozostaje wyłączony w nowym motywie, dopóki ponownie go nie włączysz (zobacz Krok 1)
Zawsze testuj na aktywnej witrynie sklepu:
→ Otwórz swój sklep w zwykłej karcie przeglądarki, a nie tylko w podglądzie edytora motywów.
✅ Krok 5: Wymuś odświeżenie i spróbuj w trybie incognito
Czasami Shopify lub Twoja przeglądarka tymczasowo zapisuje zasoby witryny sklepu w pamięci podręcznej.
Wymuszone odświeżenie zazwyczaj rozwiązuje ten problem natychmiast.
Windows
Ctrl + Shift + R
Mac
Cmd + Shift + R
Spróbuj także:
- Otworzyć swój sklep w oknie Incognito / Private (prywatnym/incognito)
- Przetestować w innej przeglądarce lub na telefonie
To pozwala potwierdzić, czy problem dotyczy tylko zawartości z pamięci podręcznej.
✅ Krok 6: Używasz niestandardowego motywu lub kreatora stron?
Większość motywów Shopify działa z Hoppy Appointments od razu po instalacji — aplikacja automatycznie zastępuje przycisk Add to Cart (Dodaj do koszyka) przyciskiem Book Now (Zarezerwuj teraz) na stronach produktów możliwych do rezerwacji.
Jednak silnie zmodyfikowane motywy lub motywy zbudowane za pomocą kreatorów stron mogą używać niestandardowych formularzy produktów, których aplikacja nie zawsze jest w stanie wykryć.
W takim przypadku umieść kalendarz ręcznie:
Otwórz Shopify Theme Editor → Navigate to the desired page → Add Block → Apps → Appointment Calendar (Edytor motywów Shopify → Przejdź do żądanej strony → Dodaj blok → Aplikacje → Kalendarz rezerwacji)
Następnie:
- Wklej swój Service ID (Identyfikator usługi)
→ Znajdziesz go u góry strony edycji usługi lub przez My services → More → Copy Service ID (Moje usługi → Więcej → Kopiuj identyfikator usługi)
- Wybierz Embedding Mode (Tryb osadzania):
- Modal (Modalny) → Wyświetla kartę rezerwacji, która otwiera kalendarz w wyskakującym oknie
- Direct (Bezpośredni) → Osadza pełny kalendarz bezpośrednio na stronie
- Zapisz motyw
Blok pokaże Ci również, gdy coś jest nie tak:
- App Embed Not Enabled (Osadzenie aplikacji nie jest włączone) → Wróć do Kroku 1 — App Embed jest wymagane nawet przy ręcznym umieszczeniu
- Appointment service configuration not found (Nie znaleziono konfiguracji usługi rezerwacji) → Ponownie sprawdź wklejony Service ID (Identyfikator usługi)
💡 Alternatywnie: włącz Floating Action Button (Pływający przycisk akcji) wewnątrz usługi (General tab → Enable floating button (Zakładka Ogólne → Włącz pływający przycisk)), aby pokazać pływający przycisk Book Now (Zarezerwuj teraz) na wszystkich stronach sklepu. Pamiętaj, aby następnie kliknąć Save (Zapisz) usługę.
✅ Krok 7: Kalendarz się otwiera, ale nie ma dat/godzin? Sprawdź dostępność
Jeśli popup się otwiera, ale klienci nie mogą wybrać żadnych dat, przyczyną zazwyczaj są ustawienia dostępności.
Otwórz usługę → zakładka Availability (Dostępność) i sprawdź następujące elementy:
- Working days (Dni robocze) są przełączone na ON (Włączone) z prawidłowymi godzinami rozpoczęcia i zakończenia
- Date-range availability (Dostępność zakresu dat) → Jeśli ustawiłeś/aś konkretne daty, które są już przeszłe, żadne daty się nie pojawią. Dodaj nowy, aktualny zakres dat
- Minimum scheduling notice (Minimalny czas powiadomienia o rezerwacji) → Duża wartość (np. 48 godzin) usuwa dzisiaj i jutro z kalendarza. Domyślnie jest to 1 godzina
- Look ahead (Zaplanuj z wyprzedzeniem) → Określa, jak daleko w przód klienci mogą rezerwować. Krótka wartość (np. 2–3 dni) sprawia, że kalendarz wygląda na prawie pusty
- Break times (Przerwy) → Upewnij się, że nie obejmują całego czasu pracy
- Blocked dates (Zablokowane daty) → Usuń daty, które nie powinny być zablokowane
Przykład:
Jeśli Look ahead (Zaplanuj z wyprzedzeniem) ustawiono na 2 dni, a Minimum scheduling notice (Minimalny czas powiadomienia o rezerwacji) na 48 godzin, klienci mogą w ogóle nie zobaczyć żadnych dat do rezerwacji.
Po dostosowaniu kliknij Save (Zapisz) i odśwież witrynę sklepu — daty powinny stać się dostępne do wyboru.
✅ Krok 8: Sprawdź ustawienia strefy czasowej
Nieprawidłowa strefa czasowa może przesunąć Twoje terminy — lub sprawić wrażenie, że nic nie jest dostępne o oczekiwanych godzinach.
Otwórz usługę → zakładka Availability (Dostępność) → karta Timezone & hour format (Strefa czasowa i format godziny):
- Upewnij się, że Timezone (Strefa czasowa) jest prawidłowa
- Lock timezone (Zablokuj strefę czasową) → Gdy włączone, wszyscy klienci widzą godziny w Twojej strefie czasowej, bez względu na to, gdzie są
- Show timezone selector (Pokaż selektor strefy czasowej) → Pozwala klientom przełączyć się na własną strefę czasową
💡 Jeśli klienci w innych krajach zgłaszają „brakujące” godziny, prawdopodobnie widzą Twój harmonogram przeliczony na swoją lokalną strefę czasową.
✅ Krok 9: Sprawdź, czy terminy są w pełni zarezerwowane lub osiągnięto limity
Czasami kalendarz działa poprawnie — terminy są po prostu zajęte.
Sprawdź następujące ustawienia:
- Maximum bookings per time slot (Maksymalna liczba rezerwacji na jeden przedział czasowy) → Domyślnie to 1, więc przedział znika, gdy tylko ktoś go zarezerwuje. Zwiększ tę wartość w przypadku zajęć grupowych lub sesji
- Maximum bookings per day (Maksymalna liczba rezerwacji dziennie) → Po osiągnięciu limitu cały dzień staje się niedostępny
- Existing bookings (Istniejące rezerwacje) → Otwórz stronę Bookings (Rezerwacje), aby zobaczyć, które terminy są już zajęte
Używasz trybu Availability per teammate (Dostępność według członka zespołu)?
Jeśli do usługi nie przypisano żadnych członków zespołu, żadne terminy nie zostaną wygenerowane:
→ Availability tab (Zakładka Dostępność) → Assign teammates to this service (Przypisz członków zespołu do tej usługi), lub przełącz z powrotem na Availability per service (Dostępność według usługi)
💡 Chcesz, aby w pełni zarezerwowane dni pozostały widoczne?
Włącz Waitlist (Listę oczekujących) w zakładce Payment (Płatność), a następnie włącz Show waitlist when a slot is fully booked (Pokaż listę oczekujących, gdy przedział jest w pełni zarezerwowany) — klienci zobaczą opcję Join waitlist (Dołącz do listy oczekujących) zamiast pustego kalendarza.
⚠️ Warto wiedzieć
- Podgląd na stronie konfiguracji usługi jest przybliżony — zawsze kieruj się kalendarzem na żywej stronie produktu
- Blok aplikacji Appointment Calendar (Kalendarz rezerwacji) również wymaga App Embed z Kroku 1
- Każdy produkt lub wariant może być połączony tylko z jedną aktywną usługą w tym samym czasie
Wciąż się nie wyświetla?
Jeśli wypróbowałeś/aś wszystkie powyższe kroki, a kalendarz rezerwacji nadal nie jest widoczny:
- Ponownie zapisz usługę
- Potwierdź, że App Status (Status aplikacji) pokazuje Active (Aktywny)
- Przetestuj na żywej stronie produktu (nie w podglądzie motywu)
- Przetestuj w oknie incognito
Jeśli problem nadal występuje, skontaktuj się z nami bezpośrednio z poziomu aplikacji Hoppy Appointments.
Abyśmy mogli rozwiązać problem szybciej, podaj:
- Adres URL Twojego sklepu
- Adres URL strony produktu, na której kalendarz powinien się pojawić
- Twój Service ID (My services → More → Copy Service ID)
- Nazwę Twojego motywu
- Zrzut ekranu karty App Status (Status aplikacji)
Chętnie pomożemy 🙌
Aktualizowane na: 10/09/2026
Dziękuję!