Rezerwacja stolików na Squarespace

Własne opcje Squarespace

Squarespace ma produkt do umawiania wizyt, przeznaczony dla salonów i konsultantów. Rezerwuje jedną osobę na jeden termin, a restauracja tak nie działa: masz dwadzieścia stolików różnej wielkości, czas zajęcia stolika zależny od liczby osób i kuchnię, która nie posadzi wszystkich o 19:30. Druga droga, którą wybierają użytkownicy Squarespace, to widżet platformy marketplace, co oznacza opłaty za gościa i miesięczną subskrypcję. Zobacz nasze porównanie z OpenTable, żeby sprawdzić, ile to kosztuje.

Tablez jest zbudowany wokół stolików, czasu zajęcia stolika i tempa przyjęć i jest darmowy do 60 rezerwacji miesięcznie, potem £9.99 miesięcznie, bez opłat za osobę.

Dodawanie formularza rezerwacji na stronie

1. Otwórz stronę w edytorze i kliknij Edit.
2. Dodaj blok w miejscu, w którym ma być formularz, i wybierz Code.
3. Zostaw typ ustawiony na HTML i wklej swój kod do osadzenia:

<script src="https://tablez.uk/embed.js" data-venue="your-venue"></script>

4. Kliknij Apply, a następnie Save.

Formularz pojawia się w bloku i rośnie do odpowiedniego rozmiaru, gdy goście przechodzą przez kolejne kroki. Bloki Code są dostępne we wszystkich aktualnych planach Squarespace. Jeśli masz bardzo stary plan, który ich nie ma, użyj bloku Embed z wersją z iframe ze strony widżetu.

Przycisk „Zarezerwuj stolik” w nagłówku

Większość restauracji chce przycisku w nawigacji, a nie formularza schowanego na stronie. Najprościej dodać przycisk w nagłówku w Site styles albo link w nawigacji, który prowadzi do Twojej strony rezerwacji pod adresem https://tablez.uk/book/your-venue. Ustaw otwieranie w nowej karcie. Nie wymaga kodu i działa też w menu mobilnym.

Jeśli chcesz, by przycisk otwierał formularz w nakładce nad Twoją stroną, wklej wersję skryptu z przyciskiem do bloku Code w stopce lub na stronie:

<script src="https://tablez.uk/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>

Zmień kolor, by pasował do Twojej strony. Aby istniejący przycisk Squarespace otwierał nakładkę, trzeba by nadać mu klasę tablez-open, na co Squarespace nie pozwala w swoich przyciskach, więc praktycznym wyborem jest wygenerowany przycisk lub zwykły link.

Dopasowanie wyglądu

W panelu Tablez ustaw kolor wiodący i wgraj logo. Formularz z nich korzysta. Ma przezroczyste tło, więc przyjmuje kolor sekcji, w której się znajduje. Jeśli Twoja strona ma ciemną sekcję, umieść formularz w jasnej, bo jest zaprojektowany na jasne tła.

Fluid Engine i układ mobilny

We Fluid Engine (Squarespace 7.1) blok Code można dowolnie zmieniać w rozmiarze. Daj mu pełną szerokość sekcji na telefonie i około 600 px na komputerze, żeby formularz nie był ściśnięty. Sprawdź widok mobilny w edytorze: formularz jest projektowany najpierw pod telefon i powinien wyglądać dobrze bez dopieszczania.

Na co uważać

• Nie wklejaj kodu do bloku Text. Wyświetli się jako tekst. Musi to być blok Code.
• Code injection w Squarespace (w ustawieniach) służy do skryptów na całej witrynie. Możesz tam umieścić skrypt przycisku, żeby przycisk był na każdej stronie, ale formularz na jednej stronie wstaw w bloku Code.
• Jeśli używasz banera cookies Squarespace w trybie ścisłym, wtyczka nie ma na to wpływu, bo nie ustawia żadnych plików cookies w Twojej domenie.