Marketing

Widget rezerwacji na stronę WWW

Pozwól klientom rezerwować bezpośrednio z Twojej strony internetowej. Osadź widget w kilka minut bez wiedzy technicznej.

15 min konfiguracji
Bez wiedzy technicznej

Dlaczego warto mieć widget rezerwacji na swojej stronie?

Twoja strona internetowa to Twoja wizytówka online. Jeśli klient ją znalazł, jest już zainteresowany. Nie każ mu szukać numeru telefonu ani przekierowuj gdzie indziej - daj mu możliwość rezerwacji tutaj i teraz.

Rezerwacje 24/7

Klienci mogą rezerwować o każdej porze, nawet gdy śpisz.

Wyższa konwersja

Mniej kroków = więcej rezerwacji. Klient nie musi dzwonić.

Mobile-first

Widget działa idealnie na telefonach - tam gdzie są Twoi klienci.

Bezpieczeństwo

Szyfrowane połączenie. Dane klientów są bezpieczne.

Statystyka z branży

Salony z widgetem rezerwacji na stronie odnotowują średnio 40% więcej rezerwacji online w porównaniu do tych, które kierują klientów na zewnętrzne platformy. Każdy dodatkowy klik to utracony potencjalny klient.

Wybierz typ widgetu

DetailerSpot oferuje trzy rodzaje widgetów. Wybierz ten, który najlepiej pasuje do Twojej strony i potrzeb.

Przycisk rezerwacji

Łatwy

Prosty przycisk "Zarezerwuj" który otwiera okno rezerwacji.

Najlepszy dla: Strony z własnym designem

Przykładowy kod
<a href="https://detailerspot.pl/salon/twoj-salon/rezerwacja" class="btn-booking">Zarezerwuj online</a>

Widget inline

Średni

Pełny kalendarz rezerwacji osadzony bezpośrednio na stronie.

Najlepszy dla: Dedykowana podstrona rezerwacji

Przykładowy kod
<iframe src="https://detailerspot.pl/embed/twoj-salon" width="100%" height="600" frameborder="0"></iframe>

Popup widget

Średni

Pływający przycisk który otwiera kalendarz w oknie modalnym.

Najlepszy dla: Każda strona - niewidoczny ale dostępny

Przykładowy kod
<script src="https://detailerspot.pl/widget.js" data-salon="twoj-salon"></script>

Jak osadzić widget - krok po kroku

1

Skopiuj kod widgetu

W panelu salonu znajdź sekcję "Widget na stronę" i skopiuj gotowy kod.

Wskazówki:

  • Wybierz typ widgetu odpowiedni dla Twojej strony
  • Kod zawiera już Twój unikalny identyfikator salonu
2

Wklej na swojej stronie

Dodaj kod w miejscu gdzie ma się pojawić widget lub przycisk.

Wskazówki:

  • WordPress: użyj bloku "Własny HTML"
  • Wix/Squarespace: szukaj opcji "Embed code"
  • HTML: wklej bezpośrednio w kodzie strony
3

Dostosuj wygląd (opcjonalnie)

Zmień kolory i style aby pasowały do Twojej strony.

Wskazówki:

  • Ustaw kolor główny na kolor Twojej marki
  • Możesz ukryć logo DetailerSpot
  • Dostosuj tekst przycisków
4

Przetestuj działanie

Sprawdź czy rezerwacje działają poprawnie na różnych urządzeniach.

Wskazówki:

  • Przetestuj na telefonie i komputerze
  • Wykonaj testową rezerwację
  • Sprawdź czy otrzymujesz powiadomienia

Instrukcje dla popularnych platform

Szczegółowe instrukcje dla najpopularniejszych platform do tworzenia stron internetowych.

WordPress

  1. 1Edytuj stronę/wpis gdzie chcesz dodać widget
  2. 2Dodaj blok "Własny HTML" (Custom HTML)
  3. 3Wklej skopiowany kod widgetu
  4. 4Opublikuj zmiany

Pro tip: Możesz też użyć wtyczki "Insert Headers and Footers" dla widgetu popup na całej stronie.

Wix

  1. 1Wejdź w edytor strony
  2. 2Kliknij + (Dodaj) → Embed → Embed a Widget
  3. 3Wybierz "Embed code" i wklej kod
  4. 4Dostosuj rozmiar i pozycję

Pro tip: W Wix najlepiej sprawdza się widget inline lub przycisk z linkiem.

Squarespace

  1. 1Edytuj stronę
  2. 2Dodaj blok Code
  3. 3Wklej kod widgetu
  4. 4Zapisz zmiany

Pro tip: Squarespace może wymagać planu Business dla niestandardowego kodu.

Własna strona HTML

  1. 1Otwórz plik HTML w edytorze
  2. 2Znajdź miejsce gdzie chcesz widget (np. <body>)
  3. 3Wklej kod widgetu
  4. 4Zapisz i wgraj na serwer

Pro tip: Dla widgetu popup wklej kod tuż przed </body>.

Personalizacja widgetu

Dostosuj wygląd do swojej marki

Widget rezerwacji powinien wyglądać jak naturalna część Twojej strony. W panelu salonu możesz dostosować niemal każdy element.

Dostępne opcje personalizacji:

  • Kolor główny (przyciski, akcenty)
  • Kolor tła i tekstu
  • Zaokrąglenie elementów
  • Tekst przycisków
  • Widoczność logo DetailerSpot

Przykładowe style:

Niebieski (domyślny)
Czarny (premium)
Czerwony (sportowy)
Zielony (eco)

Gdzie znaleźć ustawienia?

Zaloguj się do panelu salonu → Ustawienia → Widget rezerwacji. Znajdziesz tam wszystkie opcje personalizacji oraz gotowy kod do skopiowania.

Najlepsze praktyki

✓ Rób tak:

  • Umieść widget na widocznym miejscu (above the fold)
  • Dodaj przycisk "Rezerwuj" w menu nawigacji
  • Testuj widget na telefonie - tam jest większość użytkowników
  • Używaj kontrastowych kolorów dla przycisków
  • Dodaj widget przy każdej usłudze/cenniku

✗ Unikaj tego:

  • Ukrywania przycisku rezerwacji na dole strony
  • Używania tego samego koloru co tło strony
  • Umieszczania wielu widgetów na jednej stronie
  • Ignorowania responsywności na mobile
  • Zapominania o aktualizacji po zmianie danych salonu

Często zadawane pytania

Najczęściej zadawane pytania

Czy widget rezerwacji jest darmowy?
Tak, widget rezerwacji jest darmowy dla wszystkich salonów zarejestrowanych w DetailerSpot. Możesz go osadzić na dowolnej liczbie stron bez dodatkowych opłat.
Jak zmienić wygląd widgetu aby pasował do mojej strony?
W panelu salonu w sekcji "Widget" możesz dostosować kolor główny, kolor tekstu, zaokrąglenie przycisków i wiele innych. Zmiany są widoczne natychmiast.
Czy widget działa na urządzeniach mobilnych?
Tak, wszystkie typy widgetów są w pełni responsywne i działają doskonale na smartfonach i tabletach. Ponad 70% rezerwacji pochodzi z urządzeń mobilnych.
Czy mogę osadzić widget na kilku stronach jednocześnie?
Tak, możesz osadzić widget na swojej głównej stronie, w Google Moja Firma, na Facebooku i wszędzie gdzie możesz dodać kod HTML. Wszystkie rezerwacje trafiają do jednego kalendarza.
Co się stanie jeśli zmienię adres strony DetailerSpot?
Jeśli zmienisz slug (adres) swojego salonu w DetailerSpot, musisz zaktualizować kod widgetu na wszystkich stronach gdzie jest osadzony. Stary kod przestanie działać.
Czy potrzebuję wiedzy technicznej żeby osadzić widget?
Nie, proces jest bardzo prosty - kopiujesz kod i wklejasz go na swojej stronie. Dla WordPress, Wix i innych popularnych platform mamy szczegółowe instrukcje krok po kroku.

Powiązane artykuły

Osadź widget na swojej stronie już teraz

Zaloguj się do panelu salonu i skopiuj gotowy kod widgetu. Cała konfiguracja zajmie Ci mniej niż 15 minut.