Резервации на маси в Squarespace

Собствените възможности на Squarespace

Squarespace има продукт за записване на часове, насочен към салони и консултанти. Той резервира един човек за един час, а ресторантът не работи така: имате двадесет маси с различен размер, време на заемане, което зависи от броя гости, и кухня, която не може да настани всички в 19:30. Другият път, по който минават потребителите на Squarespace, е уиджет на пазарна платформа, който носи такси на гост и месечен абонамент. Вижте нашето сравнение с OpenTable, за да видите какво струва това.

Tablez е изграден около масите, времето на заемане и разпределянето на резервациите и е безплатен до 60 резервации на месец, после £9.99 на месец, без такси на гост.

Добавяне на формата за резервации към страница

1. Отворете страницата в редактора и натиснете Edit.
2. Добавете блок там, където искате формата, и изберете Code.
3. Оставете типа на HTML и поставете кода си за вграждане:

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

4. Натиснете Apply, после Save.

Формулярът се появява в блока и се разширява, докато клиентите минават през него. Code блоковете са налични във всички текущи планове на Squarespace. Ако сте на много стар план, който ги няма, ползвайте блока Embed с iframe версията от страницата на уиджета.

Бутон „Резервирайте маса“ в горната част

Повечето ресторанти искат бутон в навигацията, а не форма, заровена в страница. Най-простият начин е да добавите бутон в горната част в Site styles или линк в навигацията, който сочи към страницата Ви за резервации на https://tablez.uk/book/your-venue. Задайте го да се отваря в нов раздел. Не изисква код и работи и в мобилните менюта.

Ако искате бутонът да отваря формата в наслагващ прозорец върху страницата Ви, поставете версията с бутон на скрипта в блок Code в долната част или на страницата:

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

Сменете цвета, за да съвпада със сайта Ви. За да накарате съществуващ бутон в Squarespace да отваря наслагващия прозорец, трябва да му зададете класа tablez-open, което Squarespace не позволява върху собствените си бутони, така че практичните избори са генерираният бутон или обикновен линк.

Съобразяване с Вашия вид

В таблото си в Tablez задайте основен цвят и качете логото си. Формата ги използва. Има прозрачен фон, така че приема цвета на секцията, в която стои. Ако сайтът Ви има тъмна секция, сложете формата в светла; тя е създадена за светли фонове.

Fluid Engine и мобилно оформление

При Fluid Engine (Squarespace 7.1) блокът Code може да се преоразмерява свободно. Дайте му цялата ширина на секцията на мобилно и около 600px на настолен компютър, за да не е стеснена формата. Проверете мобилния изглед в редактора: формата е създадена първо за телефон и трябва да изглежда добре без допълнителни настройки.

Неща, за които да внимавате

• Не поставяйте кода в блок Text. Ще се покаже като текст. Трябва да е блок Code.
• Code injection на Squarespace (в настройките) е за скриптове за целия сайт. Можете да сложите скрипта на бутона там, за да има бутон на всяка страница, но за формуляр на една страница ползвайте Code блок.
• Ако ползвате банера за бисквитки на Squarespace в строг режим, вграденият код не се влияе, защото не записва бисквитки във Вашия домейн.