Widget κρατήσεων
Προσθέστε ένα widget κρατήσεων στον ιστότοπό σας
Μία γραμμή κώδικα βάζει μια λειτουργική φόρμα κρατήσεων σε οποιαδήποτε σελίδα. Ή ένα κουμπί που την ανοίγει σε overlay. Ή απλώς έναν σύνδεσμο. Χωρίς plugin, χωρίς προγραμματιστή, χωρίς μηνιαία χρέωση widget. Περιλαμβάνεται σε κάθε πακέτο του Tablez, συμπεριλαμβανομένου του Free.
Watch: Add Tablez to your website
Put a booking page or a Book a table button on WordPress, Wix, Squarespace or any website. 2 min
Δοκιμάστε το
Διαλέξτε ύφος και αντιγράψτε τον κώδικα
Πληκτρολογήστε το slug της επιχείρησής σας (το τελευταίο μέρος του συνδέσμου κρατήσεών σας) και ο κώδικας ενημερώνεται. Η επιχείρηση demo είναι demo-arms.
Επικολλήστε αυτό εκεί που θέλετε να εμφανίζεται η φόρμα κρατήσεων. Μεγαλώνει ώστε να χωράει και ταιριάζει με το πλάτος της σελίδας σας.
<script src="https://tablez.uk/embed.js" data-venue="your-venue"></script>Προσθέτει ένα κουμπί «Κράτηση τραπεζιού» στο χρώμα έμφασής σας. Με το κλικ ανοίγει η σελίδα κρατήσεων σε overlay. Αλλάξτε την ετικέτα και το χρώμα αν θέλετε.
<script src="https://tablez.uk/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>Οποιοδήποτε υπάρχον κουμπί ή σύνδεσμος μπορεί επίσης να ανοίξει το overlay. Δώστε του την κλάση tablez-open και ένα χαρακτηριστικό data-venue, και φορτώστε το script μία φορά οπουδήποτε στη σελίδα.
Για εργαλεία δημιουργίας σελίδων που επιτρέπουν μόνο iframe. Ορίστε το ύψος που σας ταιριάζει, τα 760px χωράνε ολόκληρη τη φόρμα στις περισσότερες οθόνες.
<iframe src="https://tablez.uk/book/your-venue?embed=1" title="Book a table" style="width:100%;height:760px;border:0"></iframe>Καμία αλλαγή στον ιστότοπο. Χρησιμοποιήστε το οπουδήποτε: καταλόγους, Google, Instagram, υπογραφές email. Η επιχείρησή σας έχει επίσης δική της σύντομη διεύθυνση, όπως yourpub.tablez.uk στο Standard και πάνω (τυχαίος κωδικός όπως 5434.tablez.uk στο Free), που οδηγεί στην ίδια σελίδα και λέγεται πιο εύκολα.
https://tablez.uk/book/your-venueΠοιο στυλ να χρησιμοποιήσετε;
Ενσωματωμένο είναι το καλύτερο αν έχετε σελίδα «Κράτηση» ή ελεύθερη ενότητα στην αρχική σας. Η φόρμα κάθεται μέσα στη σελίδα, προσαρμόζει το μέγεθός της καθώς ο πελάτης προχωρά και μοιάζει με μέρος του ιστότοπού σας. Το Κουμπί είναι το καλύτερο αν δεν θέλετε να αλλάξετε τη διάταξή σας: βάζει ένα κουμπί εκεί που επικολλάτε το script και η φόρμα ανοίγει πάνω από τη σελίδα. Το Iframe είναι για builders που αφαιρούν scripts αλλά επιτρέπουν ενσωματώσεις. Ο Σύνδεσμος είναι για παντού αλλού.
Και τα τέσσερα οδηγούν στην ίδια σελίδα κρατήσεων, οπότε ο πελάτης έχει ακριβώς την ίδια εμπειρία όπως κι αν φτάσει. Μπορείτε να χρησιμοποιήσετε περισσότερα από ένα μαζί, για παράδειγμα ενσωματωμένο στη σελίδα κρατήσεών σας και ένα κουμπί στην κεφαλίδα.
Πώς λειτουργεί στο παρασκήνιο
Το script δημιουργεί ένα iframe που δείχνει τη σελίδα κρατήσεών σας σε λειτουργία ενσωμάτωσης, που κρύβει την κεφαλίδα και το υποσέλιδο και χρησιμοποιεί διαφανές φόντο. Η σελίδα κρατήσεων ενημερώνει τη γονική σελίδα για το ύψος της καθώς ο πελάτης προχωρά, οπότε δεν υπάρχει ποτέ γραμμή κύλισης μέσα σε γραμμή κύλισης. Τίποτα άλλο στη σελίδα σας δεν αγγίζεται. Το script είναι κάτω από 4KB, φορτώνει μετά το περιεχόμενό σας και δεν ορίζει cookies στον ιστότοπό σας.
Επειδή η φόρμα τρέχει στο tablez.uk, δεν χειρίζεστε ποτέ δεδομένα πελατών στον δικό σας ιστότοπο και δεν χρειάζεται να ενημερώσετε τίποτα όταν βελτιώνουμε τη σελίδα κρατήσεων. Ο κώδικας ενσωμάτωσής σας μένει ο ίδιος για πάντα.
Λειτουργεί με το εργαλείο δημιουργίας ιστότοπού μου;
Ναι, αν σας επιτρέπει να επικολλήσετε HTML. Αυτό ισχύει σχεδόν παντού:
- WordPress: επικολλήστε σε ένα μπλοκ Custom HTML. Δεν χρειάζεται plugin.
- Squarespace: ένα μπλοκ Code σε οποιαδήποτε σελίδα.
- Wix: ένα στοιχείο Embed HTML, ή ένα κουμπί που οδηγεί στη σελίδα σας.
- Shopify: ένα τμήμα Custom Liquid ή μια σελίδα σε προβολή HTML.
- Webflow, GoDaddy, Weebly, Jimdo, Carrd, Framer: το στοιχείο ενσωμάτωσης ή HTML τους.
- Απλό HTML που έφτιαξε κάποιος πριν από χρόνια: επικολλήστε το σε ένα πρόγραμμα επεξεργασίας κειμένου και ανεβάστε το.
Το Google Sites και μερικά δωρεάν εργαλεία δημιουργίας ιστότοπου αφαιρούν τα scripts. Χρησιμοποιήστε εκεί το iframe ή τον σύνδεσμο.
Κάντε το να μοιάζει δικό σας
Στον πίνακα ελέγχου του Tablez, ορίστε ένα χρώμα έμφασης και ανεβάστε ένα λογότυπο. Η ενσωματωμένη φόρμα τα χρησιμοποιεί. Η σελίδα κρατήσεων έχει πολύ λίγη δική της διαμόρφωση πέρα από αυτό, οπότε ταιριάζει άνετα τόσο σε ανοιχτούς όσο και σε σκούρους ιστότοπους. Αν θέλετε το κουμπί «Κράτηση τραπεζιού» να ταιριάζει ακριβώς με τα δικά σας κουμπιά, παραλείψτε το κουμπί που δημιουργείται και χρησιμοποιήστε την κλάση tablez-open σε ένα δικό σας.
Κινητό
Η φόρμα είναι φτιαγμένη πρώτα για κινητά, αφού εκεί γίνονται οι περισσότερες κρατήσεις. Ενσωματωμένη, πιάνει όλο το πλάτος της οθόνης του κινητού. Το κουμπί με overlay γεμίζει την οθόνη στο κινητό και εμφανίζεται σε κεντραρισμένο πάνελ στον υπολογιστή. Δοκιμάστε το στο δικό σας κινητό αφού το προσθέσετε, το ζωντανό demo δείχνει τι να περιμένετε.
Συχνές ερωτήσεις
Ερωτήσεις για το widget
Είναι δωρεάν το widget;
Ναι, σε κάθε πακέτο συμπεριλαμβανομένου του Free. Είναι μέρος του προϊόντος, όχι πρόσθετο.
Πού βρίσκω το slug της επιχείρησής μου;
Στον πίνακα ελέγχου, στη Σελίδα κρατήσεων. Είναι το τελευταίο μέρος του συνδέσμου κρατήσεών σας, για παράδειγμα the-old-mill στο tablez.uk/book/the-old-mill. Η επιχείρησή σας έχει επίσης δικό της subdomain, όπως το the-old-mill.tablez.uk στο Standard και πάνω, με κωδικό QR και αφίσα έτοιμα για εκτύπωση στον πίνακα ελέγχου.
Θα επιβραδύνει τον ιστότοπό μου;
Όχι. Το script είναι μικροσκοπικό και φορτώνει μετά τη σελίδα σας. Η ίδια η φόρμα φορτώνει μέσα στο δικό της πλαίσιο και δεν μπλοκάρει τίποτα στη σελίδα σας.
Εμφανίζει «Powered by Tablez»;
Στο δωρεάν πακέτο εμφανίζεται μια μικρή γραμμή στο κάτω μέρος της φόρμας. Στα Standard και Pro αφαιρείται.
Μπορώ να το βάλω σε περισσότερες από μία σελίδες ή ιστότοπους;
Ναι, όσα θέλετε. Ο ίδιος κώδικας παντού.
Τι γίνεται αν ο ιστότοπός μου είναι HTTPS και ο δικός σας όχι, ή το αντίστροφο;
Το Tablez λειτουργεί μόνο με HTTPS, και η ενσωμάτωση λειτουργεί σε ιστότοπους HTTP και HTTPS. Αν ο ιστότοπός σας είναι ακόμα HTTP, αξίζει να το διορθώσετε έτσι κι αλλιώς.
Λάβετε τον κώδικα ενσωμάτωσης
Εγγραφείτε δωρεάν, προσθέστε τα τραπέζια σας και ο κώδικάς σας σας περιμένει στον πίνακα ελέγχου.
Ξεκινήστε δωρεάν