Bookito Widget - jak dodać rezerwacje do swojej strony Chcesz rezerwacje bezpośrednio na swojej stronie? Masz stronę internetową salonu i chcesz, żeby klientki mogły rezerwować bez wychodzenia z niej? Bookito Widget to rozwiązanie. Kopiujesz kod, wklejasz na stronę - gotowe. Przycisk "Zarezerwuj" pojawia się na Twojej stronie. --- Co to jest widget? Widget to mały element (przycisk lub ramka) który wstawiasz na swoją stronę...
Bookito Widget - jak dodać rezerwacje do swojej strony
Chcesz rezerwacje bezpośrednio na swojej stronie?
Masz stronę internetową salonu i chcesz, żeby klientki mogły rezerwować bez wychodzenia z niej?
Bookito Widget to rozwiązanie.
Kopiujesz kod, wklejasz na stronę - gotowe. Przycisk "Zarezerwuj" pojawia się na Twojej stronie.
Co to jest widget?
Widget to mały element (przycisk lub ramka) który wstawiasz na swoją stronę. Gdy klientka kliknie - otwiera się formularz rezerwacji Bookito.
Wygląda to tak:
Opcja 1: Przycisk
[🗓️ Zarezerwuj wizytę]
Klientka klika → otwiera się popup z rezerwacją.
Opcja 2: Ramka (iframe) Cały kalendarz rezerwacji widoczny bezpośrednio na stronie.
Opcja 3: Link Przekierowuje na osobną stronę rezerwacji Bookito.
Jak dodać widget? (Krok po kroku)
Krok 1: Zaloguj się do Bookito
Wejdź w panel administracyjny swojego salonu.
Krok 2: Znajdź ustawienia widgetu
Menu → Ustawienia → Widget / Integracje
Krok 3: Wybierz typ widgetu
| Typ | Najlepszy dla | Wygląd |
|---|---|---|
| Przycisk popup | Każdej strony | Dyskretny, pojawia się po kliknięciu |
| Iframe (ramka) | Podstrony "Rezerwuj" | Widoczny od razu |
| Link | Social media, email | Przekierowanie |
Krok 4: Dostosuj wygląd (opcjonalnie)
- Kolor przycisku (dopasuj do strony)
- Tekst przycisku ("Zarezerwuj", "Umów wizytę")
- Pozycja (prawy dolny róg, środek strony)
Krok 5: Skopiuj kod
Bookito generuje gotowy kod HTML:
Przykład kodu przycisku:
<script src="https://widget.bookito.pl/button.js"
data-salon="twoj-salon-id"
data-color="#e91e63"
data-text="Zarezerwuj wizytę">
</script>
Krok 6: Wklej na stronę
Gdzie wkleić zależy od Twojej platformy:
Instrukcje dla popularnych platform
WordPress
Metoda 1: Shortcode/Block
- Edytuj stronę
- Dodaj blok "HTML" lub "Custom HTML"
- Wklej kod widgetu
- Zapisz
Metoda 2: Nagłówek/Stopka
- Wygląd → Dostosuj → Dodatkowy CSS/HTML
- Lub użyj wtyczki "Insert Headers and Footers"
- Wklej kod
- Zapisz
Wix
- Edytor strony → Dodaj element → Embed → HTML
- Wklej kod widgetu
- Dostosuj rozmiar ramki
- Opublikuj
Squarespace
- Edytuj stronę
- Dodaj blok "Code"
- Wklej kod widgetu
- Zapisz
Shopify
- Online Store → Themes → Edit code
- Znajdź
theme.liquid - Wklej kod przed
</body> - Zapisz
Własna strona (HTML)
Wklej kod przed tagiem </body>:
<!DOCTYPE html> <html> <head> <title>Mój Salon</title> </head> <body> <!-- Twoja zawartość -->
<!-- Widget Bookito -->
<script src="https://widget.bookito.pl/button.js"
data-salon="twoj-salon-id">
</script>
</body>
</html>
Personalizacja widgetu
Kolory
Dopasuj przycisk do kolorystyki strony:
data-color="#e91e63" <!-- Różowy -->
data-color="#9c27b0" <!-- Fioletowy -->
data-color="#2196f3" <!-- Niebieski -->
data-color="#4caf50" <!-- Zielony -->
data-color="#000000" <!-- Czarny -->
Tekst przycisku
data-text="Zarezerwuj wizytę"
data-text="Umów się"
data-text="Rezerwacja online"
data-text="Sprawdź terminy"
Pozycja (przycisk pływający)
data-position="bottom-right" <!-- Prawy dolny (domyślnie) -->
data-position="bottom-left" <!-- Lewy dolny -->
data-position="inline" <!-- W miejscu wstawienia -->
Język
data-lang="pl" <!-- Polski (domyślnie) -->
data-lang="en" <!-- Angielski -->
Przykłady użycia
Na stronie głównej (przycisk pływający)
Przycisk widoczny zawsze w prawym dolnym rogu - klientka może zarezerwować z każdej podstrony.
<script src="https://widget.bookito.pl/button.js"
data-salon="beauty-kasia"
data-position="bottom-right"
data-color="#e91e63">
</script>
Na podstronie "Rezerwacje" (ramka)
Cały formularz rezerwacji widoczny na dedykowanej podstronie.
<h1>Zarezerwuj wizytę</h1>
<iframe
src="https://bookito.pl/rezerwuj/beauty-kasia"
width="100%"
height="600px"
frameborder="0">
</iframe>
W tekście (link)
W opisie usługi lub w stopce:
<p>
Chcesz umówić wizytę?
<a href="https://bookito.pl/rezerwuj/beauty-kasia">
Zarezerwuj online →
</a>
</p>
Na Instagramie (link w bio)
Po prostu wklej link do rezerwacji:
https://bookito.pl/rezerwuj/beauty-kasia
FAQ: Widget Bookito
Czy widget spowalnia stronę?
Nie znacząco. Skrypt waży ~20KB i ładuje się asynchronicznie.
Czy działa na telefonach?
Tak. Widget jest w pełni responsywny - wygląda dobrze na każdym urządzeniu.
Czy mogę mieć widget bez strony internetowej?
Tak. Możesz używać tylko linku do rezerwacji (np. w bio na Instagramie) bez osadzania na stronie.
Czy klientka musi opuszczać moją stronę?
Przycisk popup: Nie - rezerwacja otwiera się w okienku na Twojej stronie. Iframe: Nie - rezerwacja bezpośrednio na stronie. Link: Tak - przekierowuje do Bookito.
Czy mogę ukryć logo Bookito?
W planach Growth i Pro możesz dostosować branding widgetu.
Czy widget śledzi konwersje?
Tak. W statystykach Bookito widzisz ile rezerwacji przyszło z widgetu vs z bezpośredniego linku.
Nie masz strony internetowej?
Nie musisz mieć.
Bookito tworzy dla Ciebie prostą stronę rezerwacji:
https://bookito.pl/rezerwuj/nazwa-twojego-salonu
Wklejasz ten link wszędzie:
- Instagram bio
- Facebook - przycisk "Zarezerwuj"
- Google Moja Firma
- Wizytówki (QR kod)
- SMS do klientek
Podsumowanie
| Mam stronę? | Co zrobić? |
|---|---|
| Tak | Dodaj widget (przycisk lub iframe) |
| Nie | Używaj linku Bookito |
| Planuję zrobić | Zacznij od linku, dodaj widget później |
Czas wdrożenia widgetu: 5-15 minut.
Potrzebujesz pomocy?
Napisz do nas na pomoc@bookito.pl - pomożemy wstawić widget na Twoją stronę.
[Załóż konto i wygeneruj widget →]
Bookito Widget - rezerwacje online na Twojej stronie w 5 minut.
Powiązane:
