🎨 Appointment Bookings — Opcje dostosowywania
ℹ️ 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.
Hoppy Appointments daje Ci kontrolę nad niemal każdym elementem doświadczenia rezerwacyjnego — od kolorów i czcionek, przez języki, e-maile, pytania, aż po zachowanie po dokonaniu rezerwacji. Niektóre ustawienia mają zastosowanie w całym sklepie, a inne są konfigurowane oddzielnie dla każdej usługi.
Ten przewodnik mapuje wszystkie obszary dostosowywania i wyjaśnia, gdzie się znajdują. Szczegółowe instrukcje konfiguracji znajdziesz w dedykowanych artykułach pomocy dołączonych do każdej sekcji.
🌍 Obszary dostosowywania globalnego
Te ustawienia są zarządzane z poziomu Settings (Ustawień) i domyślnie mają zastosowanie w całym sklepie.
Projektowanie i stylizacja
Przejdź do Settings → Default Design, aby ustawić domyślny wygląd widżetu rezerwacyjnego.
Możesz dostosować:
- Czcionki i kolory
- Tła, karty i style tekstu
- Kolory zaznaczonej daty i przedziałów czasowych
- Style przycisków potwierdzenia, powrotu i kontynuacji
- Style stron sukcesu, zmiany terminu i anulowania
- Niestandardowy CSS
Te ustawienia domyślne są używane przez każdą usługę, chyba że dana usługa je nadpisze.
Szczegóły znajdziesz w artykułach Appointment Bookings — Design & Styling Options oraz How to set Custom CSS for Appointment Bookings App.
Tłumaczenia
Przejdź do Settings → Translations, aby zarządzać językiem i tekstem.
Możesz dostosować:
- Domyślny język
- Obsługa wielu języków
- Tekst kalendarza, etykiety formularzy, teksty przycisków, komunikaty o statusie
- Etykiety bloków e-mail
- Tytuły, opisy i etykiety dla poszczególnych usług
Szczegóły znajdziesz w artykule Appointment Bookings — Translation.
Powiadomienia e-mail
Przejdź do Settings → Email Settings, aby kontrolować wygląd e-maili oraz moment ich wysyłania.
Możesz dostosować:
- Nazwa nadawcy, adres odpowiedzi i logo
- Szablony e-maili do potwierdzeń, przypomnień, aktualizacji i anulowań
- Zmienne dynamiczne i gotowe bloki treści
- Zdarzenia uruchamiające e-maile do klientów i administratorów
Szczegóły znajdziesz w artykule How to Configure Email Notifications for Appointment Bookings.
Analityka i śledzenie
Przejdź do Settings → Analytics & Tracking, aby połączyć zewnętrzne narzędzia śledzenia.
Możesz skonfigurować:
- Google Analytics 4
- Meta Pixel i Conversions API
- Google Tag Manager
Szczegóły znajdziesz w artykułach Configure Google Analytics 4 Tracking for Appointment Bookings oraz Configure Meta Pixel for Appointment Bookings.
Preferencje ogólne
Przejdź do Settings → General, aby skonfigurować domyślne ustawienia kalendarza i zachowania rezerwacji.
Możesz dostosować:
- Pierwszy dzień tygodnia
- Czy pokazywać godziny zakończenia
- Globalne limity rezerwacji na dzień lub na przedział czasowy
- Zablokowane daty i przerwy
- Zachowanie przy zwrotach i anulowaniach zamówień
⚙️ Obszary dostosowywania dla poszczególnych usług
Te ustawienia są zarządzane wewnątrz każdej usługi i pozwalają dopasować indywidualne doświadczenie rezerwacyjne.
Zakładka General
- Booking page title and description — to, co klienci widzą na górze widżetu
- Meeting location — wybór między rozmowami wideo, telefonem, spotkaniem osobistym lub niestandardowymi lokalizacjami
- Custom contact questions — dodatkowe pola w formularzu rezerwacji, takie jak telefon, adres, listy rozwijane, przesyłanie plików lub oceny
- Floating Action Button — dodaj stały przycisk Book Now w całym sklepie
Szczegóły znajdziesz w artykułach How to Configure Meeting Locations for Appointment Bookings, How to setup Floating Action Button like Calendly for Appointment Bookings oraz How to Set Up Appointment Booking Services.
Zakładka Design
Użyj zakładki Design, aby nadpisać globalny projekt dla tej usługi.
- Włącz opcję Do not Follow Default Theme Settings, aby odblokować ustawienia projektu dla konkretnej usługi
- Dostosuj kolory, czcionki i obrazy
- Prześlij Custom logo dla tej usługi
- Dodaj Custom CSS, który zastosuje się tylko do tej usługi
Szczegóły znajdziesz w artykułach Appointment Bookings — Design & Styling Options oraz How to set Custom CSS for Appointment Bookings App.
Zakładka Availability
- Ustaw godziny dostępności tygodniowe lub dla konkretnych dat
- Skonfiguruj limity rezerwacji na dzień lub na przedział czasowy
- Przypisz członków zespołu i ustaw ich dostępność
Szczegóły znajdziesz w artykułach How to Set Up Appointment Booking Services oraz Working with Team in Appointment Bookings.
Zakładka Payment
- Wybierz między Pay to Book a Book without pay
- Włącz ręczną akceptację rezerwacji
- Skonfiguruj zachowanie listy oczekujących
- Skonfiguruj płatności częściowe lub zaliczki
Szczegóły znajdziesz w artykułach Appointment Bookings — All Payment Options Explained oraz How to Configure Waitlist for Appointment Bookings.
Zakładka Advanced
- Włącz Advanced Configuration, aby korzystać z tłumaczeń dla poszczególnych usług
- Dodaj Booking Terms z obowiązkowym polem wyboru
- Ustaw Redirect after booking dla bezpłatnych rezerwacji
- Skonfiguruj Booking options, takie jak niestandardowe komunikaty potwierdzenia oraz okna powiadomień o zmianie lub anulowaniu terminu
- Włącz Trigger Event, aby otworzyć modal rezerwacyjny po kliknięciu banera utworzonego za pomocą Hoppy Banner.
Szczegóły znajdziesz w artykułach Appointment Bookings — Advanced Options oraz How Customers Reschedule or Cancel Appointments.
🔄 Pierwszeństwo ustawień globalnych i dla poszczególnych usług
Niektóre ustawienia można skonfigurować w obu miejscach. Poniżej znajduje się opis ich wzajemnych relacji.
Projekt i niestandardowy CSS
Domyślnie każda usługa korzysta z globalnego projektu z sekcji Settings → Design.
Aby użyć niestandardowego projektu dla jednej usługi:
- Otwórz zakładkę Design usługi
- Włącz opcję Do not Follow Default Theme Settings
- Dostosuj kolory, czcionki, logo i CSS
Ta usługa zignoruje wtedy globalny projekt i użyje własnych ustawień.
Tłumaczenia
Domyślnie usługi używają globalnych tłumaczeń kalendarza z sekcji Settings → Translations → Calendar Translations.
Aby użyć tłumaczeń dla konkretnej usługi:
- Otwórz zakładkę Advanced usługi
- Włącz opcję Advanced Configuration
- Skonfiguruj tłumaczenia w sekcji Settings → Translations → Service Translations
Szablony e-maili
Szablony e-maili są globalne. Możesz jednak wstrzyknąć treść specyficzną dla usługi za pomocą bloków dynamicznych:
- [Custom service text] — pobiera niestandardową wiadomość potwierdzenia rezerwacji z usługi
- [Ticket QR Code] — wyświetla się, gdy w usłudze włączone są bilety z kodem QR
Limity rezerwacji
Globalne limity rezerwacji w sekcji Settings → General mogą nadpisać limity na poziomie usługi. W takiej sytuacji interfejs wyświetla ostrzeżenie.
✅ Sugerowana kolejność dostosowywania
Jeśli konfigurujesz Hoppy Appointments po raz pierwszy, postępuj zgodnie z poniższą kolejnością:
- Ustaw globalne ustawienia projektu w sekcji Settings → Design
- Skonfiguruj tłumaczenia w sekcji Settings → Translations, jeśli obsługujesz wiele języków
- Skonfiguruj powiadomienia e-mail w sekcji Settings → Email Settings
- Skonfiguruj analitykę w sekcji Settings → Analytics & Tracking, jeśli jest to potrzebne
- Utwórz swoje usługi i nadpisuj projekt tylko tam, gdzie jest to konieczne
- Dodaj dostosowania dla poszczególnych usług, takie jak pytania kontaktowe, lokalizacje spotkań, FAB i warunki rezerwacji
- Przetestuj widżet w witrynie sklepu i dopracuj stylizację lub tłumaczenia
⚠️ Ważne informacje
- Zacznij od ustawień globalnych. Oszczędzają czas i zapewniają spójność doświadczenia rezerwacyjnego.
- Nadpisuj ustawienia dla poszczególnych usług tylko wtedy, gdy jest to konieczne. Większość sprzedawców potrzebuje projektu dla konkretnej usługi tylko w przypadku specjalnych kampanii lub usług markowych.
- Custom logo jest dostępne tylko dla poszczególnych usług. Nie ma globalnego ustawienia logo.
- Szablony e-maili są globalne. Użyj bloku custom service text, aby wstrzyknąć treść specyficzną dla usługi.
- Floating Action Button i meeting location są dostępne dla poszczególnych usług. Skonfiguruj je osobno dla każdej usługi.
- Limity rezerwacji mogą być nadpisane globalnie. Sprawdź sekcję Settings → General, jeśli limity na poziomie usługi nie działają zgodnie z oczekiwaniami.
📚 Powiązane artykuły
- Appointment Bookings — Design & Styling Options
- How to set Custom CSS for Appointment Bookings App
- Appointment Bookings — Translation
- How to Configure Email Notifications for Appointment Bookings
- How to Configure Meeting Locations for Appointment Bookings
- How to setup Floating Action Button like Calendly for Appointment Bookings
- Appointment Bookings — Advanced Options
- How Customers Reschedule or Cancel Appointments
- Appointment Bookings — All Payment Options Explained
- How to Configure Waitlist for Appointment Bookings
- Working with Team in Appointment Bookings
- How to Set Up Appointment Booking Services
- Configure Google Analytics 4 Tracking for Appointment Bookings
- Configure Meta Pixel for Appointment Bookings
Aktualizowane na: 10/09/2026
Dziękuję!