Prenotazione tavoli su Squarespace

Le opzioni di Squarespace

Squarespace ha un prodotto per appuntamenti pensato per saloni e consulenti. Prenota una persona per uno slot, che non è come funziona un ristorante: ha venti tavoli di dimensioni diverse, tempi di rotazione che dipendono dal numero di persone e una cucina che non può far sedere tutti alle 19:30. L'altra strada che prendono gli utenti Squarespace è il widget di una piattaforma marketplace, che porta quote per cliente e un abbonamento mensile. Vedi il nostro confronto con OpenTable per quanto costa.

Tablez è costruito attorno a tavoli, tempi di rotazione e ritmo delle prenotazioni, ed è gratis fino a 60 prenotazioni al mese, poi £9.99 al mese, senza costi per coperto.

Aggiungere il modulo di prenotazione a una pagina

1. Apra la pagina nell'editor e faccia clic su Modifica.
2. Aggiunga un blocco dove desidera il modulo e scelga Codice.
3. Lasci il tipo impostato su HTML e incolli il Suo codice di integrazione:

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

4. Faccia clic su Applica, poi su Salva.

Il modulo compare nel blocco e si ingrandisce man mano che i clienti procedono. I blocchi Code sono disponibili su tutti i piani Squarespace attuali. Se ha un piano molto vecchio che non li prevede, usi il blocco Embed con la versione iframe dalla pagina del widget.

Un pulsante "Prenota un tavolo" nell'intestazione

La maggior parte dei ristoranti vuole un pulsante nella navigazione piuttosto che un modulo sepolto in una pagina. Il modo più semplice è aggiungere un pulsante nell'intestazione in Stili del sito, o un link di navigazione, che punti alla Sua pagina di prenotazione su https://tablez.uk/book/your-venue. Lo imposti per aprirsi in una nuova scheda. Non richiede codice e funziona anche nei menu per dispositivi mobili.

Se preferisce che il pulsante apra il modulo in una finestra sovrapposta alla pagina, incolli la versione a pulsante dello script in un blocco Codice nel piè di pagina o nella pagina:

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

Cambi il colore per abbinarlo al Suo sito. Per far aprire la finestra sovrapposta a un pulsante Squarespace esistente dovrebbe assegnargli la classe tablez-open, cosa che Squarespace non consente sui propri pulsanti, quindi le scelte pratiche sono il pulsante generato o un semplice link.

Adattarlo al Suo stile

Nel pannello di controllo di Tablez imposti un colore del marchio e carichi il Suo logo. Il modulo li usa. Ha uno sfondo trasparente, quindi prende il colore della sezione in cui si trova. Se il Suo sito usa una sezione scura, metta il modulo in una chiara: è pensato per sfondi chiari.

Fluid Engine e layout per dispositivi mobili

Su Fluid Engine (Squarespace 7.1) un blocco Codice si può ridimensionare liberamente. Gli dia tutta la larghezza della sezione su mobile e circa 600px su desktop, così il modulo non risulta schiacciato. Controlli la vista mobile nell'editor: il modulo è pensato prima di tutto per il telefono e dovrebbe apparire corretto senza ritocchi.

Cose da tenere d'occhio

• Non incolli il codice in un blocco Testo, verrebbe mostrato come testo. Deve essere un blocco Codice.
• Il Code injection di Squarespace (nelle impostazioni) serve per gli script a livello di sito. Può inserirvi lo script del pulsante per avere un pulsante su ogni pagina, ma per un modulo su una sola pagina usi un blocco Code.
• Se usa il banner dei cookie di Squarespace in modalità rigida, l'integrazione non ne risente, perché non imposta cookie sul Suo dominio.