> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🔘 Jak skonfigurować Pływający przycisk akcji jak Calendly do rezerwacji mianowań

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