Jeśli prowadzisz gabinet, salon, warsztat albo pracujesz na wizyty, prawdopodobnie znasz ten układ: strona na WordPressie z numerem telefonu i formularzem kontaktowym, a cała reszta dzieje się w telefonie, na Messengerze i w papierowym kalendarzu. Klient pisze wieczorem, Ty odpowiadasz następnego dnia rano, część ludzi nie czeka i idzie do kogoś, kto miał rezerwacje online.

Ten artykuł pokazuje, jak zamienić stronę na WordPressie w miejsce, które samo przyjmuje zapisy: klient wybiera usługę, dzień i wolną godzinę, dostaje potwierdzenie mailem, a Ty widzisz wizytę w panelu i w telefonie. Bez wtyczki do wszystkiego i bez przepisywania strony.

Czego naprawdę potrzebuje formularz rezerwacji

Zanim wybierzesz narzędzie, warto wiedzieć, co odróżnia formularz rezerwacji od zwykłego formularza kontaktowego. Contact Form 7 czy WPForms wyślą Ci wiadomość - i to wszystko. Formularz rezerwacji musi dodatkowo:

  • znać Twoje godziny pracy - osobno dla każdego dnia tygodnia, razem z przerwami i urlopami;
  • liczyć czas trwania usługi - strzyżenie na 30 minut i koloryzacja na 2 godziny nie mogą generować tych samych slotów;
  • blokować zajęte terminy - dwie osoby nie mogą zapisać się na tę samą godzinę, nawet jeśli klikną w tej samej sekundzie;
  • potwierdzać rezerwację automatycznie - mailem, od razu, bez Twojego udziału;
  • przypominać o wizycie - to najtańszy sposób na zmniejszenie liczby nieodbytych wizyt.

Brak choćby jednego z tych punktów oznacza, że nadal pilnujesz grafiku ręcznie - tylko z dodatkowym krokiem.

Trzy sposoby osadzenia na WordPressie

Na WordPressie masz trzy realne drogi. Różnią się nie tyle efektem, co tym, ile trzeba dotknąć kodu.

1. Wtyczka

Najprostsza droga, jeśli strona stoi na WordPressie. Instalujesz wtyczkę, podajesz klucz API z panelu i wstawiasz formularz tam, gdzie ma się pojawić. W MeetBooku wtyczka daje trzy sposoby wstawienia tej samej rzeczy:

  • blok Gutenberga - dodajesz blok w edytorze i widzisz formularz od razu w podglądzie strony;
  • widget Elementora - jeśli budujesz strony w Elementorze, formularz przeciągasz jak każdy inny element;
  • shortcode [meetbook] - działa wszędzie, także w motywach i builderach, które nie znają bloków.

Zaletą tej drogi jest to, że nie kopiujesz żadnego kodu i nie musisz pamiętać o wymiarach. Formularz renderuje się w edytorze w Twoich kolorach i z Twoimi usługami, więc widzisz efekt przed publikacją.

2. Kod do wklejenia

Jeśli nie chcesz kolejnej wtyczki albo strona nie stoi na WordPressie, zostaje kod HTML. Panel generuje gotowy fragment - kopiujesz go i wklejasz w blok „HTML własny” (Gutenberg) albo w szablon motywu:

<iframe
  src="https://meetbook.io/embed/TWOJ-ID-FORMULARZA"
  width="432"
  height="453"
  frameborder="0"
  style="width:432px; height:453px; max-width:100%; border:none; border-radius:12px; display:block;"
  title="Formularz rezerwacji">
</iframe>

Dwie rzeczy warto wiedzieć o tym wariancie. Po pierwsze, max-width:100% jest tu nieprzypadkowo - bez tego formularz szerszy niż kolumna rozepchnąłby układ na telefonie. Po drugie, w panelu możesz włączyć przezroczyste tło i wyłączyć cień, jeśli formularz ma wyglądać jak część strony, a nie jak wklejona karta.

Czasem najlepszym rozwiązaniem jest zwykły link albo przycisk „Zarezerwuj termin” prowadzący do formularza. To sensowne w trzech sytuacjach: gdy strona jest bardzo prosta, gdy rezerwacje zbierasz głównie z Instagrama lub Google Maps, albo gdy dopiero testujesz, czy klienci w ogóle zaczną się zapisywać sami.

Krok po kroku: wtyczka MeetBook

  1. Załóż konto i skonfiguruj usługi. Podaj adres swojej strony - MeetBook przeanalizuje jej treść i zaproponuje kategorie, usługi oraz kolory formularza dopasowane do witryny. Nazwy, ceny i czasy trwania popraw w edytorze; to zajmuje kilka minut, a nie wieczór.
  2. Ustaw godziny pracy. Osobno dla każdego dnia tygodnia. Zaznacz też urlopy i dni wolne - w zablokowanym czasie klienci po prostu nie zobaczą wolnych terminów.
  3. Pobierz wtyczkę - plik .zip znajdziesz w panelu, w ustawieniach.
  4. Zainstaluj ją w WordPressie: Wtyczki → Dodaj nową → Wyślij wtyczkę na serwer, wybierz plik i aktywuj.
  5. Wklej klucz API z panelu MeetBooka w ustawieniach wtyczki.
  6. Wstaw formularz na stronę - blokiem, widgetem Elementora albo shortcode'em [meetbook].
  7. Przetestuj rezerwację na sobie. Zapisz się na własną usługę i sprawdź, czy mail z potwierdzeniem dotarł i czy termin zniknął z listy wolnych godzin. Ten jeden test wyłapuje większość błędów w konfiguracji.

Wizyty zobaczysz potem w panelu w przeglądarce albo w aplikacji na telefonie - razem z powiadomieniem o każdej nowej rezerwacji.

Typowe błędy

Kilka rzeczy powtarza się na tyle często, że warto je wymienić osobno.

Formularz schowany w podstronie „Kontakt”. Jeśli rezerwacja jest głównym celem strony, formularz albo przycisk do niego powinien być widoczny na stronie głównej, bez przewijania. Podstrona „Rezerwacje” w menu to minimum, nie komplet.

Za dużo pól. Każde dodatkowe pole to mniej ukończonych rezerwacji. Imię, nazwisko i mail wystarczą, żeby przyjąć wizytę i wysłać potwierdzenie. Numer telefonu dodaj, jeśli faktycznie dzwonisz do klientów; pole „skąd o nas wiesz” zostaw na później.

Brak testu na telefonie. Większość rezerwacji powstaje na telefonie, często wieczorem. Otwórz swoją stronę na telefonie i przejdź całą ścieżkę: wybór usługi, dzień, godzina, dane, potwierdzenie.

Brak przypomnień o wizycie. Formularz przyjmie zapis, ale o wizycie trzeba klientowi przypomnieć - inaczej część terminów po prostu przepadnie. Zebrałem to osobno w tekście o ograniczaniu nieodbytych wizyt.

Osadzenie z na sztywno ustaloną wysokością w pikselach bez max-width. Na desktopie wygląda dobrze, na telefonie wystaje za krawędź ekranu.

Czy osadzony formularz zaszkodzi SEO strony?

To sensowne pytanie i odpowiedź zależy od tego, jak formularz jest wstawiony.

Formularz w iframe nie dodaje treści do Twojej strony, ale też jej nie zabiera - dla wyszukiwarki liczy się to, co jest w HTML-u strony, czyli Twoje teksty, nagłówki i opisy usług. Dlatego pod formularzem warto mieć realny opis: co robisz, dla kogo, w jakich godzinach i gdzie. Sama karta z kalendarzem nie zrankuje na nic.

Druga rzecz jest ważniejsza i rzadko się o niej mówi: adresy samych formularzy MeetBooka (/embed/...) są celowo wyłączone z indeksowania. To nie przypadek ani oszczędność - chodzi o to, żeby na frazy w rodzaju „rezerwacja wizyty nazwa miasta” rankowała Twoja strona, a nie nasz widget. Dostawca formularza nie powinien konkurować z własnymi klientami o te same zapytania.

W praktyce na widoczność Twojej strony najmocniej wpłynie nie sam formularz, a to, co jest wokół niego: konkretne nazwy usług z cenami, opis w naturalnym języku i spójny profil w Google Maps.

Podsumowanie

Na WordPressie masz trzy drogi i wszystkie są do zrobienia w jedno popołudnie: wtyczka (najprostsza), kod do wklejenia (najbardziej elastyczna) i zwykły link (najszybsza na start). Kolejność, która oszczędza najwięcej czasu, jest zawsze taka sama: najpierw ustaw usługi i godziny pracy, potem osadź formularz, a na końcu przetestuj rezerwację na własnym telefonie.

Sama konfiguracja usług wygląda inaczej w zależności od tego, co robisz - opisałem ją osobno dla salonu fryzjerskiego, gabinetu kosmetycznego i warsztatu samochodowego. Jeśli nie masz jeszcze pewności, czy w ogóle potrzebujesz osobnego narzędzia, zacznij od porównania kalendarza, arkusza i systemu rezerwacji.

Jeśli chcesz zobaczyć, jak to wygląda na Twoich danych, MeetBook wygeneruje formularz na podstawie adresu Twojej strony - z Twoimi usługami i w kolorach witryny. Konfiguracja nie wymaga wtyczki ani dotykania kodu, a rezerwacje trafiają od razu na telefon.