Rezervări de mese pe Squarespace

Opțiunile proprii ale Squarespace

Squarespace are un produs de programări destinat saloanelor și consultanților. Programează o persoană pentru un interval, ceea ce nu este modul în care funcționează un restaurant: aveți douăzeci de mese de dimensiuni diferite, timpi de ocupare care depind de numărul de persoane și o bucătărie care nu poate așeza pe toată lumea la 7:30. Cealaltă variantă folosită de utilizatorii Squarespace este widgetul unei platforme de tip marketplace, care aduce taxe per client și un abonament lunar. Vedeți comparația noastră cu OpenTable pentru a afla cât costă asta.

Tablez este construit în jurul meselor, al timpilor de ocupare și al ritmului și este gratuit până la 60 de rezervări pe lună, apoi £9.99 pe lună, fără taxe per client.

Adăugarea formularului de rezervare pe o pagină

1. Deschideți pagina în editor și apăsați Edit.
2. Adăugați un bloc acolo unde doriți formularul și alegeți Code.
3. Lăsați tipul setat pe HTML și lipiți codul de integrare:

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

4. Apăsați Apply, apoi Save.

Formularul apare în bloc și se mărește ca să încapă pe măsură ce clienții îl parcurg. Blocurile Code sunt disponibile pe toate planurile actuale Squarespace. Dacă aveți un plan foarte vechi care nu le are, folosiți blocul Embed cu versiunea iframe de pe pagina widgetului.

Un buton „Rezervă o masă” în antet

Majoritatea restaurantelor vor un buton în navigare, nu un formular îngropat pe o pagină. Cea mai simplă cale este să adăugați un buton în antet în Site styles sau un link de navigare care duce la pagina dumneavoastră de rezervări de la https://tablez.uk/book/your-venue. Setați-l să se deschidă într-o filă nouă. Nu necesită cod și funcționează și în meniurile de mobil.

Dacă doriți ca butonul să deschidă formularul într-o fereastră suprapusă peste pagină, lipiți versiunea cu buton a scriptului într-un bloc Code din subsol sau de pe pagină:

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

Schimbați culoarea ca să se potrivească site-ului. Pentru ca un buton Squarespace existent să deschidă fereastra suprapusă, ar trebui să îi dați clasa tablez-open, lucru pe care Squarespace nu îl permite pe butoanele proprii, deci butonul generat sau un link simplu sunt variantele practice.

Potrivirea cu site-ul

În panoul dumneavoastră Tablez setați o culoare de accent și încărcați sigla. Formularul le folosește. Are fundal transparent, deci preia culoarea secțiunii în care se află. Dacă site-ul dumneavoastră folosește o secțiune întunecată, puneți formularul într-una deschisă; este conceput pentru fundaluri deschise.

Fluid Engine și aspectul pentru mobil

Pe Fluid Engine (Squarespace 7.1), un bloc Code poate fi redimensionat liber. Dați-i lățimea completă a secțiunii pe mobil și aproximativ 600px pe desktop, ca formularul să nu fie înghesuit. Verificați vizualizarea pentru mobil în editor: formularul este gândit mai întâi pentru telefon și ar trebui să arate corect fără ajustări.

Lucruri de urmărit

• Nu lipiți codul într-un bloc Text. Se va afișa ca text. Trebuie să fie un bloc Code.
• Code injection din Squarespace (în setări) este pentru scripturi la nivel de site. Puteți pune acolo scriptul butonului ca să aveți un buton pe fiecare pagină, dar pentru un formular pe o singură pagină folosiți un bloc Code.
• Dacă folosiți bannerul de cookie-uri Squarespace în modul strict, integrarea nu este afectată, deoarece nu setează niciun cookie pe domeniul dumneavoastră.