# Jak dodać rezerwacje online do strony internetowej salonu - URL: https://bookito.pl/blog/bookito-widget-rezerwacje-na-stronie - Opublikowano: 2026-03-09 - Zaktualizowano: 2026-10-07 - Dla: Salony beauty - Kategoria: O Bookito - Tagi: rezerwacje na stronie, widget rezerwacji, iframe, link do rezerwacji, instagram bio > Rezerwację online dodasz do strony salonu jedną ramką iframe albo zwykłym linkiem, bez programisty. Instrukcja w 4 krokach z gotowym kodem do wklejenia. AIda i nowe usługi AI są w wersji beta. Proponowane pule i stawki użycia nie są aktywnym cennikiem; przyszła opłata wymaga jawnej ceny i limitu oraz wcześniejszej akceptacji. Zwykła praca w panelu nie zużywa puli AI. Rezerwację online do strony internetowej salonu dodasz na dwa sposoby: wklejasz ramkę iframe z formularzem Bookito albo umieszczasz zwykły link do strony rezerwacji. Ramka wymaga jednego fragmentu kodu i działa w edytorach, które pozwalają wkleić HTML, jak WordPress, Wix czy Squarespace. Link działa wszędzie, także w bio na Instagramie, w wizytówce Google i w SMS-ach. ## Najważniejsze informacje - Każdy salon ma stronę rezerwacji pod adresem bookito.pl/twoj-salon i tę samą rezerwację w wersji do osadzenia pod adresem bookito.pl/twoj-salon/embed. - Klientka nie zakłada konta: podaje telefon i potwierdza rezerwację kodem z e-maila. - Ramka pokazuje logo i kolory salonu, które ustawiasz w panelu raz, dla wszystkich miejsc. - Gdy nie masz strony internetowej, wystarczy link do rezerwacji wklejony w bio, na wizytówce Google i w wiadomościach. ## Czym jest widget rezerwacji i jak może wyglądać na stronie? Widget rezerwacji to rezerwacja Bookito pokazana na Twojej stronie, tak że klientka nie musi jej opuszczać. W Bookito masz dwie drogi. Pierwsza to ramka (iframe): cały kreator rezerwacji jest widoczny na podstronie "Rezerwacja". Druga to link lub przycisk prowadzący do strony rezerwacji bookito.pl/twoj-salon. Ramka jest najlepsza na osobnej podstronie, bo kreator potrzebuje miejsca. Link jest najlepszy w mediach społecznościowych i w wiadomościach. Wiele salonów używa obu naraz. ## Jak dodać rezerwację online do strony salonu w 4 krokach? Cztery kroki wystarczą. Ile potrwają, zależy od platformy, na której stoi Twoja strona. 1. **Sprawdź adres rezerwacji.** Wejdź na bookito.pl/twoj-salon i upewnij się, że widzisz swoje usługi, godziny i zdjęcie. 2. **Ustaw wygląd.** Logo i kolory salonu ustawiasz w panelu. Ramka i strona rezerwacji pokazują ten sam wygląd. 3. **Skopiuj kod ramki.** Podmień "twoj-salon" na adres swojego salonu: `` 4. **Wklej na stronę i przetestuj.** Zrób próbną rezerwację z telefonu, żeby zobaczyć, co widzi klientka. Jeśli ramka się nie ładuje, sprawdź, czy kod jest wklejony w całości i czy edytor strony nie blokuje obcych ramek. ## Gdzie wkleić kod w WordPressie, Wixie i Squarespace? Kod wklejasz w element, który pozwala na własny kod HTML. Nazwa elementu zależy od platformy: | Platforma | Gdzie wkleić | Uwaga | |---|---|---| | WordPress | Blok "Własny HTML" na wybranej podstronie | Zapisz stronę i obejrzyj ją po wylogowaniu | | Wix | Element "Osadź" lub "Embed", opcja kodu HTML | Rozciągnij ramkę na pełną szerokość sekcji | | Squarespace | Blok "Code" na podstronie | Odznacz opcję wyświetlania kodu jako tekstu | | Własna strona HTML | W miejscu na treści, w sekcji strony, nie w nagłówku | Daj ramce co najmniej 900 pikseli wysokości | Gdy platforma nie pozwala na własny kod, użyj przycisku z linkiem do bookito.pl/twoj-salon. Zadziała wszędzie. ## Jak dodać przycisk rezerwacji w bio na Instagramie? W bio wklejasz link do swojej strony rezerwacji, czyli bookito.pl/twoj-salon. Instagram nie pozwala na osadzanie ramek, więc link jest jedyną drogą. Ten sam adres wstawisz do wizytówki Google (jako link do rezerwacji w profilu firmy), do SMS-ów, na wizytówki z kodem QR i w stopkę e-maili. Przycisk "Zarezerwuj" prosto w wynikach Google nie jest dziś dostępny w Bookito, więc użyj zwykłego linku. Klientka, która pisze do Ciebie na Instagramie, najchętniej dostanie w odpowiedzi ten sam link, a o tym, jak szybko odpowiadać na takie wiadomości, jest artykuł o [czasie odpowiedzi klientkom](/blog/dm-response-time-klientki). ## Czy klientka musi zakładać konto i czy rezerwacja spowalnia stronę? Klientka nie zakłada konta: podaje telefon i potwierdza rezerwację kodem z e-maila. Ramka ładuje się z opcją "loading=lazy", więc przeglądarka pobiera ją dopiero, gdy klientka przewinie do niej stronę. Jak szybko Twoja strona działa z ramką, sprawdzisz w narzędziu PageSpeed Insights Google, bo wynik zależy od hostingu i szablonu. Wszystkie ustawienia rezerwacji (usługi, godziny, zadatek) zmieniasz w jednym miejscu, w panelu Bookito, a zmiana widoczna jest w ramce i pod linkiem. Pierwsze kroki konfiguracji opisuje [przewodnik po Bookito](/blog/jak-uzywac-bookito-przewodnik). ## Jak sprawdzić, czy rezerwacja na stronie działa poprawnie? Przetestuj ją trzy razy: z telefonu, z komputera i z okna prywatnego przeglądarki. Sprawdź, czy ramka mieści się w szerokości ekranu, czy da się przewinąć kreator do końca i czy po potwierdzeniu rezerwacji wizyta pojawia się w Twoim kalendarzu. Zrób też próbę z zadatkiem, jeśli przy tej usłudze go wymagasz. Jeśli ramka jest za niska, zwiększ wartość min-height w kodzie. Jeśli strona ma własne wąskie kolumny, wstaw ramkę na osobną podstronę i podlinkuj ją z menu. Link do tej podstrony możesz też wkleić w bio na Instagramie, tak samo jak adres bookito.pl/twoj-salon. Co jeszcze musi mieć strona, żeby czat AI wskazał Twój salon, opisuje tekst [jak sprawić, żeby ChatGPT polecał mój salon](/blog/jak-sprawic-zeby-chatgpt-polecal-moj-salon). Całą stronę salonu bez programisty opisuje tekst [strona internetowa salonu kosmetycznego bez programisty](/blog/strona-internetowa-salonu-kosmetycznego-bez-programisty). ## Najczęściej zadawane pytania ### Jak dodać rezerwację online do strony internetowej salonu bez programisty? Wklej ramkę iframe z adresem bookito.pl/twoj-salon/embed w element HTML na podstronie albo dodaj przycisk z linkiem do bookito.pl/twoj-salon. Obie metody nie wymagają pisania kodu poza jednym fragmentem do skopiowania. Na koniec zrób próbną rezerwację z telefonu. ### Czy mogę wstawić kalendarz rezerwacji na stronę WordPress? Tak. Na wybranej podstronie dodaj blok "Własny HTML" i wklej kod ramki z adresem Twojego salonu. Zapisz stronę i sprawdź ją po wylogowaniu z WordPressa. ### Czy klientka musi zakładać konto, żeby się zapisać? Nie. Klientka wybiera usługę i termin, podaje telefon i potwierdza rezerwację kodem wysłanym na e-mail. Jeśli wizyta wymaga zadatku, płaci kartą, BLIK-iem lub Przelewami24. ### Jak dodać przycisk rezerwacji w bio na Instagramie? W polu linku w profilu wklej adres bookito.pl/twoj-salon. Instagram nie pozwala na osadzanie ramek, więc wystarczy zwykły link. Ten sam adres możesz dodać do wizytówki Google i do wiadomości do klientek. ### Czy widget rezerwacji spowalnia stronę salonu? Ramka ładuje się z opcją "loading=lazy", więc nie blokuje wczytania reszty strony. Rzeczywisty wynik zależy od Twojego hostingu i szablonu, dlatego sprawdź go w PageSpeed Insights. Nie podajemy tu liczb, bo nie mierzyliśmy ich dla każdej platformy. Chcesz zobaczyć rezerwację pod swoim adresem? [Załóż konto w Bookito](/zaloz-konto), ustaw usługi i skopiuj link. Pomysły na strukturę rezerwacji znajdziesz też w artykułach o [rezerwacjach online w salonie kosmetycznym](/blog/rezerwacje-online-salon-kosmetyczny) i [kalendarzu online do grafiku](/blog/kalendarz-online-salon-grafik).