Κράτηση τραπεζιού στο Squarespace

Οι δικές επιλογές του Squarespace

Το Squarespace έχει ένα προϊόν ραντεβού που απευθύνεται σε κομμωτήρια και συμβούλους. Κλείνει ένα άτομο για μία ώρα, και αυτό δεν είναι ο τρόπος που λειτουργεί ένα εστιατόριο: έχετε είκοσι τραπέζια διαφορετικών μεγεθών, χρόνους κράτησης που εξαρτώνται από το μέγεθος της παρέας και μια κουζίνα που δεν μπορεί να καθίσει όλους στις 7:30. Η άλλη διαδρομή που ακολουθούν οι χρήστες του Squarespace είναι το widget μιας πλατφόρμας marketplace, που φέρνει χρεώσεις ανά πελάτη και μηνιαία συνδρομή. Δείτε τη σύγκρισή μας με το OpenTable για το κόστος.

Το Tablez είναι χτισμένο γύρω από τραπέζια, χρόνους κράτησης και ρυθμό, και είναι δωρεάν έως 60 κρατήσεις τον μήνα, μετά £9.99 τον μήνα, χωρίς χρέωση ανά άτομο.

Προσθήκη της φόρμας κρατήσεων σε μια σελίδα

1. Ανοίξτε τη σελίδα στον επεξεργαστή και πατήστε Edit.
2. Προσθέστε ένα μπλοκ εκεί που θέλετε τη φόρμα και επιλέξτε Code.
3. Αφήστε τον τύπο στο HTML και επικολλήστε τον κώδικα ενσωμάτωσης:

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

4. Πατήστε Εφαρμογή και μετά Αποθήκευση.

Η φόρμα εμφανίζεται στο μπλοκ και μεγαλώνει ώστε να χωράει καθώς οι πελάτες προχωρούν. Τα μπλοκ Code είναι διαθέσιμα σε όλα τα τρέχοντα πακέτα Squarespace. Αν έχετε πολύ παλιό πακέτο που δεν τα έχει, χρησιμοποιήστε το μπλοκ Embed με την έκδοση iframe από τη σελίδα του widget.

Κουμπί «Κράτηση τραπεζιού» στην κεφαλίδα

Τα περισσότερα εστιατόρια θέλουν ένα κουμπί στην πλοήγηση αντί για φόρμα θαμμένη σε μια σελίδα. Ο πιο απλός τρόπος είναι να προσθέσετε ένα κουμπί κεφαλίδας στα Site styles, ή έναν σύνδεσμο πλοήγησης, που δείχνει στη σελίδα κρατήσεών σας στο https://tablez.uk/book/your-venue. Ορίστε το να ανοίγει σε νέα καρτέλα. Δεν χρειάζεται κώδικα και λειτουργεί και στα μενού κινητών.

Αν θέλετε το κουμπί να ανοίγει τη φόρμα σε overlay πάνω από τη σελίδα σας, επικολλήστε την έκδοση κουμπιού του script σε ένα μπλοκ Code στο footer ή στη σελίδα:

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

Αλλάξτε το χρώμα ώστε να ταιριάζει με τον ιστότοπό σας. Για να ανοίγει ένα υπάρχον κουμπί του Squarespace το overlay, θα έπρεπε να του δώσετε την κλάση tablez-open, κάτι που το Squarespace δεν επιτρέπει στα δικά του κουμπιά, οπότε το κουμπί που δημιουργείται ή ένας απλός σύνδεσμος είναι οι πρακτικές επιλογές.

Να ταιριάζει

Στον πίνακα ελέγχου του Tablez ορίστε ένα χρώμα έμφασης και ανεβάστε το λογότυπό σας. Η φόρμα τα χρησιμοποιεί. Έχει διαφανές φόντο, ώστε να παίρνει το χρώμα της ενότητας όπου βρίσκεται. Αν ο ιστότοπός σας έχει σκούρα ενότητα, βάλτε τη φόρμα σε ανοιχτόχρωμη, είναι σχεδιασμένη για ανοιχτά φόντα.

Fluid Engine και διάταξη για κινητά

Στο Fluid Engine (Squarespace 7.1), ένα μπλοκ Code μπορεί να αλλάξει μέγεθος ελεύθερα. Δώστε του το πλήρες πλάτος της ενότητας στο κινητό και περίπου 600px στον υπολογιστή, ώστε η φόρμα να μην στριμώχνεται. Ελέγξτε την προβολή κινητού στον επεξεργαστή: η φόρμα είναι σχεδιασμένη πρώτα για κινητό και πρέπει να φαίνεται σωστή χωρίς πειράγματα.

Τι να προσέξετε

• Μην επικολλήσετε τον κώδικα σε μπλοκ Text. Θα εμφανιστεί ως κείμενο. Πρέπει να είναι μπλοκ Code.
• Το Code injection του Squarespace (στις ρυθμίσεις) προορίζεται για scripts σε ολόκληρο τον ιστότοπο. Μπορείτε να βάλετε εκεί το script του κουμπιού ώστε να έχετε κουμπί σε κάθε σελίδα, αλλά για φόρμα σε μία σελίδα χρησιμοποιήστε ένα μπλοκ Code.
• Αν χρησιμοποιείτε το banner cookies του Squarespace σε αυστηρή λειτουργία, η ενσωμάτωση δεν επηρεάζεται, επειδή δεν ορίζει cookies στο domain σας.