Motywy i wygląd modułu

Po co	Sprawić, by silnik rezerwacyjny był częścią strony, a nie obcym blokiem: gość nie powinien zauważać „przejścia” na cudzą stronę.
Dla kogo	Właścicielom i administratorom hotelu, którzy prowadzą stronę; programista nie jest potrzebny.
Co uzyskasz	Wybrany motyw z sześciu gotowych, kolory i czcionka dopasowane do strony, Twoje logo w module i w widgecie, widget wpisany w szerokość strony.
Ograniczenia	Moduł nie ma trybu ciemnego. Nowych motywów i opcji wyglądu nie obiecujemy z góry — w artykule jest to, co PMS oferuje dziś.

Silnik rezerwacyjny (Booking Engine) żyje na Twojej stronie — i powinien wyglądać jak część tej strony, a nie jak obcy widget. Wygląd składasz w PMS z gotowych elementów: motyw, kolory, czcionka, logo.

Zmiany zajmują minuty i nie wymagają ani programisty, ani zmian w kodzie strony — wszystko robisz w jednym miejscu, w sekcji „Rezerwacje online”.

Co wchodzi w skład

Podstawą jest jeden z sześciu gotowych motywów: CLASSIC, MODERN, BOUTIQUE, COMPACT, VIBRANT albo EMERALD. Na motywie dopasowujesz kolory i czcionkę, aby paleta modułu podążała za stroną, a nie odwrotnie. W nagłówku modułu i w widgecie pojawia się logo obiektu — gość widzi markę, a nie anonimowy formularz.

Wszystko to znajduje się w PMS, w sekcji „Rezerwacje online” — tam samo, gdzie osadzanie i pozostałe ustawienia modułu: karta „Motyw” — dla wyglądu, „Ustawienia” — dla logo i danych obiektu, „Widget” — dla bloku wyszukiwania na stronie.

Wybierz motyw

Motyw to podstawowa warstwa wyglądu: sześć gotowych presetów, z których wybierasz punkt wyjścia. Detale — kolory i czcionka — dopasowujesz na wybranym motywie, więc nie ma sposobu, by „pomylić się” z presetem: każdy z nich doprowadzisz do potrzebnego wyglądu.

1. Otwórz w PMS sekcję „Rezerwacje online” i wybierz kartę „Motyw” — sześć presetów i dostosowanie kolorów.
2. Wybierz jeden z motywów: CLASSIC, MODERN, BOUTIQUE, COMPACT, VIBRANT albo EMERALD.
3. Patrz na moduł oczami gościa w podglądzie na żywo: rezultat widać od razu, bez przeładowania.

Efekt: wygląd zmienił się w kilka minut; kod strony pozostał nietknięty.

Kolory i czcionka

Preset to punkt wyjścia. Dalej kolory i czcionka dopasowują się do strony: wartości bierzesz z oprawy stron obiektu, a moduł podąża za nimi, zamiast z nimi dyskutować. Każdą zmianę widać w podglądzie na żywo od razu — zestaw możesz dobierać tak długo, aż moduł zacznie wyglądać jak część strony.

Jak przy zmianie motywu — programista nie jest potrzebny: kolory i czcionkę zmieniasz w tym samym miejscu, w sekcji „Rezerwacje online”, w parę kliknięć.

Praktyczna kolejność: najpierw wybierz preset najbliższy stronie pod względem charakteru, potem dostrój kolory i czcionkę — od wyboru do rezultatu zostanie mniej kroków.

Logo

Logo jest jedno i to samo dla modułu i widgetu — wgrywa się je jeden raz. Pasują pliki JPG, PNG albo WebP o rozmiarze do 2 MB. Logo mieszka w danych obiektu: w tym samym bloku ustawień co nazwa, miasto i kontakty.

1. W sekcji „Rezerwacje online” otwórz kartę „Ustawienia”.
2. Znajdź blok „Informacje o hotelu” — w nim pole „Logo”.
3. Przeciągnij obraz w pole albo wybierz plik: podpis przy polu podpowie — „JPG, PNG, WebP · do 2 MB”.

Efekt: marka obiektu widoczna dla gościa i w pełnym module, i w widgecie na stronie.

Szerokość na różnych ekranach

Silnik rezerwacyjny jest responsywny: z telefonu gość przechodzi te same kroki co na komputerze, tylko w węższym układzie. Widget — blok wyszukiwania na stronie — wpisujesz w siatkę strony ręcznie: jego maksymalna szerokość ustawiana jest osobno dla każdego typu ekranu.

Szerokość jest tu dokładnie maksymalna: wartość działa jak sufit, powyżej którego blok wyszukiwania się nie rozciągnie.

1. W sekcji „Rezerwacje online” otwórz kartę „Widget”.
2. W bloku „Wygląd” znajdź grupę „Rozmiar i położenie”.
3. Ustaw szerokość dla każdego ekranu: „Szerokość na komputerze”, „Szerokość na tablecie” i „Szerokość na telefonie”. Wartość to liczba i jednostka, domyślnie px; puste pole — bez ograniczenia.
4. Sprawdź rezultat w podglądzie: przełącznik widoku — „Mobilny”, „Tablet” albo „Pełny” — pokazuje widget w każdej z szerokości.

Efekt: widget wygląda jak część strony na każdym ekranie — od szerokiego monitora po telefon.

Osobny motyw dla widgetu

Dopóki przełącznik jest wyłączony, widget dziedziczy wygląd modułu: podpis pod nim mówi dokładnie to — „Widget używa motywu silnika rezerwacyjnego”. Jeśli widget ma mieć własny wygląd, inny niż pełny moduł, włącz przełącznik „Osobny motyw widgetu” — i ustaw wygląd bloku wyszukiwania osobno.

To wygodne, gdy moduł i widget żyją na różnych stronach: każda strona ma swój akcent, a widget może dopasować się do swojego.

Uczciwe granice

• Trybu ciemnego nie ma. Osobnego ciemnego motywu w module nie ma: pod ciemną stronę wygląd dopasowujesz ręcznie, dostosowując kolory.
• Nowych motywów nie obiecujemy. Ile motywów i ustawień przybędzie później — z góry nie obiecujemy: w artykule opisano to, co sekcja „Rezerwacje online” oferuje dziś.
• Wygląd to warstwa zewnętrzna. Motywy i kolory nie zmieniają scenariusza rezerwacji: kroki, które przechodzi gość, pozostają te same.

Zobacz też

• Jak działają rezerwacje bezpośrednie — co dzieje się z rezerwacją ze strony po tym, jak gość kliknął „Zarezerwuj”.
• Silnik rezerwacyjny (Booking Engine) — punkt wyjścia: jak osadzić widget i pełny moduł na stronie.
• Rezerwacje bezpośrednie: częste pytania — krótkie odpowiedzi, także na pytanie „czy do instalacji potrzebny jest programista”.