ℹ️ 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.

Chcesz, aby klienci mogli zarezerwować z dowolnego miejsca w sklepie - nie tylko stronę produktu? Krążący przycisk działania działa jak widget Calendly: mały przycisk "Rezerwuj teraz" pozostaje ustawiony w rogu każdej strony, gotowy do otwarcia swojej rezerwacji modal jednym kliknięciem.

Hoppy Appointments pozwala dodać ten przycisk na usługę, dostosować jego tekst i kolory i wybrać, gdzie pojawia się na ekranie.

Ten przewodnik prowadzi cię przez ustawianie go.

⚠️ Zanim zaczniesz

Przed ustawieniem płynącego przycisku działania upewnij się, że masz:

• W Hoppy Appointments aplikacja zainstalowana na Twoim Shopify przechowywać
• Co najmniej jedna usługa aktywna już utworzona
• W Hoppy Appointments aplikacja osadzona włączone w temacie

💡 Przycisk zmiennoprzecinkowy pojawia się tylko na stronach, na których jest aktywna aplikacja. Jeśli nie włączyłeś jeszcze embed, przejdź do Shopify Admin → Sklep internetowy → Tematy → Dostosuj → Oprawy aplikacji i włączyć Hoppy Appointments osadzone.

🛠️ Krok 1 - Otwarcie ogólnej karty usługi

Krążący przycisk działania jest skonfigurowany na usługę, wewnątrz Ogólne tab - nie zakładka Design.

1. Otwórz Hoppy Appointments aplikacja
2. Idź do Usługi
3. Kliknij usługę chcesz dodać przycisk do
4. Kliknij Ogólne tab
5. Przewiń w dół do Wpływający przycisk działania karta

🛠️ Krok 2 - Włącz pływający przycisk działania

Wewnątrz Wpływający przycisk działania karta:

1. Włącz Włącz zmienny przycisk przełącz

Po włączeniu pola konfiguracyjnego pojawia się poniżej przełączania.

🛠️ Krok 3 - Konfiguracja przycisku

Ustaw przycisk, aby dopasować styl sklepu i przepływ rezerwacji.

Tekst przycisku

Wprowadź etykietę, którą klienci zobaczą na przycisku. Domyślny tekst to Zarezerwuj teraz, ale można użyć wszystkiego, co pasuje do marki - na przykład:

• Zarezerwuj telefon
• Harmonogram powoływania
• Zarezerwuj miejsce

Pozycja

Wybierz miejsce pojawienia się przycisku na ekranie:

• Dolny prawy - pojawia się w prawym dolnym rogu
• Lewa dolna - pojawia się w lewym dolnym rogu
• Dolne centrum - wydaje się skupiony na dole

Kolor tła

Wybierz kolor tła przycisku. Domyślnie jest czarny.

Kolor tekstu

Wybierz kolor etykiety przycisku. Domyślnie jest biały.

💡 Wybierz kolory z silnym kontrastem, więc przycisk jest łatwy do odczytania na tle sklepu.

💾 Krok 4 - Zapisz i podgląd

1. Kliknij Zapisz na górze strony serwisowej
2. Czekaj na wiadomość potwierdzającą
3. Odwiedź swój sklep i sprawdź różne strony - dom, produkt, kolekcja, koszyk, itp.

Przycisk powinien pozostać w wybranym rogu i otworzyć modal rezerwacji po kliknięciu.

⚠️ Ważne uwagi

• Ustawienie usługi - każda usługa ma swój własny przycisk zmienny. Konfiguracja oddzielnie dla każdej usługi, na której chcesz ją wyświetlić.
• Pojawia się na wszystkich stronach - po włączeniu, przycisk pokazuje na każdej stronie, gdzie Hoppy Appointments aplikacja osadzona jest aktywna. Nie ma żadnych zasad widoczności.
• Wiele usług = wiele przycisków - jeśli włączysz zmienny przycisk dla kilku usług, każdy z nich odda swój własny przycisk. Dla czystszego doświadczenia, umożliwić tylko na usługi chcesz promować najbardziej.
• Otwiera modal rezerwacji - kliknięcie przycisku otwiera bezpośredni przepływ rezerwacji dla tej usługi, bez opuszczania bieżącej strony.
• Tłumaczenia wymagają zaawansowanej konfiguracji - jeśli chcesz zmienić tekst przycisku na język, włącz Użyj zaawansowanej konfiguracji w sprawie usługi i ustawić tłumaczenie pod Ustawienia → Tłumaczenia → Tłumaczenia serwisowe. Zobacz Przewodnik Tłumaczeń szczegóły.

🐞 Rozwiązywanie problemów

Przycisk nie pokazuje się w moim sklepie

1. Upewnij się. Włącz zmienny przycisk jest włączony dla usługi
2. Upewnij się, że kliknąłeś Zapisz
3. Potwierdź Hoppy Appointments aplikacja osadzona jest włączona w Twoim temacie
4. Wyczyść bufora przeglądarki lub test w oknie incognito
5. Sprawdź, czy usługa jest aktywna i właściwie podłączona do produktu

Tekst przycisku jest źle lub nie przetłumaczone

• Jeśli Użyj zaawansowanej konfiguracji jest wyłączony, przycisk używa tekstu z Tekst przycisku Pole bezpośrednio.
• Jeśli Użyj zaawansowanej konfiguracji jest włączony, tekst przycisku jest pobierany z Ustawienia → Tłumaczenia → Tłumaczenia serwisowe → Pływające etykiety przycisków.

Kolor przycisku nie wygląda dobrze.

Użyj kolorowych pickers w karcie FAB do podstawowego stylizacji. Dla bardziej zaawansowanych zmian wizualnych, można wycelować w .futureblink-fab klasa z Custom CSS. Szczegóły znajdują się w przewodniku CSS Custom.

🎉 Wynik końcowy

Po skonfigurowaniu:

✅ Na każdej stronie sklepu pojawia się zmienny przycisk "Rezerwuj teraz"
✅ Klienci mogą rozpocząć rezerwację z dowolnego miejsca bez nawigacji do strony produktu
✅ Przycisk otwiera usługę rezerwacji modal natychmiast
✅ Tekst, pozycja i kolory pasują do marki

📚 Artykuły pokrewne

• Rezerwacja ofert - Opcje projektowania i stylizacji
• Jak ustawić Własny CSS dla aplikacji rezerwujących nominacje
• Nominacje Rezerwacje - Tłumaczenie
• Jak skonfigurować usługę rezerwacji

Aktualizowane na: 10/09/2026