Dodaj widżet rezerwacji do swojej strony

Jakiego stylu użyć?

Wbudowany jest najlepszy, jeśli masz stronę „Rezerwacja” lub wolną sekcję na stronie głównej. Formularz siedzi na stronie, sam zmienia rozmiar, gdy gość przechodzi przez kolejne kroki, i wygląda jak część Twojej strony. Przycisk jest najlepszy, jeśli nie chcesz zmieniać układu: wstawia przycisk w miejscu wklejenia skryptu, a formularz otwiera się nad stroną. Iframe jest dla kreatorów, które usuwają skrypty, ale pozwalają na osadzenia. Link jest na wszystkie inne miejsca.

Wszystkie cztery prowadzą do tej samej strony rezerwacji, więc gość ma dokładnie takie samo doświadczenie niezależnie od tego, skąd przychodzi. Możesz używać kilku naraz, na przykład w treści strony rezerwacji i jako przycisk w nagłówku.

Jak to działa pod maską

Skrypt tworzy iframe wskazujący na Twoją stronę rezerwacji w trybie osadzenia, który ukrywa nagłówek i stopkę i używa przezroczystego tła. Strona rezerwacji przekazuje stronie nadrzędnej swoją wysokość w miarę postępów gościa, więc nigdy nie ma paska przewijania w pasku przewijania. Nic innego na Twojej stronie nie jest ruszane. Skrypt waży poniżej 4KB, ładuje się po Twojej treści i nie ustawia żadnych plików cookie na Twojej stronie.

Ponieważ formularz działa na my.nabsie.com, nigdy nie obsługujesz danych gości na własnej stronie i nie musisz niczego aktualizować, gdy ulepszamy stronę rezerwacji. Kod wtyczki zostaje taki sam na zawsze.

Czy działa z moim kreatorem stron?

Tak, jeśli pozwala wkleić HTML. A to prawie wszystko:

• WordPress: wklej do bloku Custom HTML. Wtyczka niepotrzebna.
• Squarespace: blok Code na dowolnej stronie.
• Wix: element Embed HTML lub przycisk prowadzący do Twojej strony.
• Shopify: sekcja Custom Liquid lub strona w widoku HTML.
• Webflow, GoDaddy, Weebly, Jimdo, Carrd, Framer: ich element osadzania lub HTML.
• Zwykły HTML zrobiony przez kogoś lata temu: wklej go w edytorze tekstu i wgraj.

Google Sites i kilka darmowych kreatorów usuwa skrypty. Użyj tam iframe lub linku.

Dopasuj wygląd do swojego

W panelu Nabsie ustaw kolor wiodący i wgraj logo. Osadzony formularz z nich korzysta. Strona rezerwacji ma poza tym bardzo mało własnych stylów, więc dobrze wygląda zarówno na jasnych, jak i ciemnych stronach. Jeśli chcesz, by przycisk „Zarezerwuj stolik” dokładnie pasował do przycisków na Twojej stronie, pomiń wygenerowany przycisk i użyj klasy nabsie-open na jednym z własnych.

Mobile

Formularz jest zaprojektowany najpierw z myślą o telefonach, bo tam odbywa się większość rezerwacji. W wersji wbudowanej zajmuje pełną szerokość ekranu telefonu. Nakładka z przycisku wypełnia ekran na telefonie, a na komputerze pojawia się w wyśrodkowanym panelu. Po dodaniu przetestuj go na własnym telefonie; demo na żywo pokazuje, czego się spodziewać.