Widżet rezerwacji
Dodaj widżet rezerwacji do swojej strony
Jedna linijka kodu umieszcza działający formularz rezerwacji na dowolnej stronie. Albo przycisk, który otwiera go w nakładce. Albo sam link. Bez wtyczki, bez programisty, bez miesięcznej opłaty za widżet. Jest w każdym planie Tablez, także w Free.
Watch: Add Tablez to your website
Put a booking page or a Book a table button on WordPress, Wix, Squarespace or any website. 2 min
Wypróbuj
Wybierz styl i skopiuj kod
Wpisz identyfikator swojego lokalu (ostatnia część linku do rezerwacji), a kod się zaktualizuje. Lokal demonstracyjny to demo-arms.
Wklej to tam, gdzie ma pojawić się formularz rezerwacji. Dopasowuje rozmiar i szerokość do Twojej strony.
<script src="https://tablez.uk/embed.js" data-venue="your-venue"></script>Dodaje przycisk „Zarezerwuj stolik” w kolorze Twojego motywu. Kliknięcie otwiera stronę rezerwacji w nakładce. Możesz zmienić napis i kolor.
<script src="https://tablez.uk/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>Każdy istniejący przycisk lub link może też otwierać nakładkę. Nadaj mu klasę tablez-open i atrybut data-venue, a skrypt załaduj raz w dowolnym miejscu strony.
Dla kreatorów stron, które pozwalają tylko na iframe. Ustaw wysokość według potrzeb, 760 px mieści cały formularz na większości ekranów.
<iframe src="https://tablez.uk/book/your-venue?embed=1" title="Book a table" style="width:100%;height:760px;border:0"></iframe>Bez żadnych zmian na stronie. Używaj gdziekolwiek: w menu, w Google, na Instagramie, w stopkach e-maili. Twój lokal ma też własny krótki adres, jak yourpub.tablez.uk od planu Standard wzwyż (losowy kod, jak 5434.tablez.uk, w planie Free), który prowadzi do tej samej strony i łatwiej go powiedzieć na głos.
https://tablez.uk/book/your-venueJakiego 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 tablez.uk, 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 Tablez 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 tablez-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ć.
FAQ
Pytania o widżet
Czy widżet jest darmowy?
Tak, w każdym planie, także w Free. To część produktu, a nie dodatek.
Gdzie znajdę identyfikator mojego lokalu?
W panelu w sekcji Strona rezerwacji. To ostatnia część linku do rezerwacji, na przykład the-old-mill w tablez.uk/book/the-old-mill. Twój lokal ma też własną subdomenę, taką jak the-old-mill.tablez.uk od planu Standard wzwyż, z kodem QR i plakatem gotowym do wydruku w panelu.
Czy spowolni moją stronę?
Nie. Skrypt jest malutki i ładuje się po Twojej stronie. Sam formularz ładuje się we własnej ramce i niczego na Twojej stronie nie blokuje.
Czy wyświetla „Powered by Tablez”?
W planie Free na dole formularza pojawia się mała linijka. W planach Standard i Pro jest usunięta.
Czy mogę umieścić to na więcej niż jednej stronie lub witrynie?
Tak, ile tylko chcesz. Ten sam kod wszędzie.
Co jeśli moja strona ma HTTPS, a Wasza nie, albo odwrotnie?
Tablez działa wyłącznie przez HTTPS, a osadzenie działa zarówno na stronach HTTP, jak i HTTPS. Jeśli Twoja strona nadal jest na HTTP, i tak warto to naprawić.
Pobierz kod do osadzenia
Załóż konto za darmo, dodaj stoliki, a kod czeka już w panelu.
Zacznij za darmo