Ενσωμάτωση του εργαλείου κρατήσεων στον ιστότοπό σας

Από τις Ρυθμίσεις → Ενσωματώσεις μπορείτε να δώσετε στους επισκέπτες τη δυνατότητα να κλείνουν ραντεβού μαζί σας απευθείας από τον δικό σας ιστότοπο, μέσω ενός ενσωματωμένου εργαλείου κρατήσεων, αντί να τους στέλνετε εδώ.

1. Επιτρέψτε τον τομέα σας

Στο πεδίο Επιτρεπόμενοι τομείς, εισαγάγετε την ακριβή διεύθυνση του ιστότοπου που θα φιλοξενεί το εργαλείο κρατήσεων: μόνο το πρωτόκολλο και το όνομα τομέα (με τη θύρα, αν υπάρχει), χωρίς διαδρομή και χωρίς κάθετο στο τέλος:

https://apply.acme.com     ✓
https://acme.com:8443      ✓
acme.com                   ✗  λείπει το πρωτόκολλο
https://acme.com/book      ✗  έχει διαδρομή
https://acme.com/          ✗  κάθετος στο τέλος

Το https://www.acme.com και το https://acme.com είναι διαφορετικές διευθύνσεις. Αν οι επισκέπτες μπορούν να φτάσουν στον ιστότοπό σας και με τους δύο τρόπους, προσθέστε και τα δύο.

Αυτή η λίστα είναι και ο διακόπτης ενεργοποίησης: όσο είναι κενή, το εργαλείο κρατήσεών σας δεν μπορεί να ενσωματωθεί πουθενά. Μπορείτε να προσθέσετε έως 50 τομείς, και η αφαίρεση ενός τομέα ισχύει αμέσως.

2. Επικολλήστε το απόσπασμα κώδικα

Κάθε εγκεκριμένη καταχώριση έχει το δικό της απόσπασμα κώδικα. Αντιγράψτε το και επικολλήστε το στη σελίδα σας, εκεί όπου θέλετε να εμφανίζεται το εργαλείο κρατήσεων:

<div class="scheduling-embed" data-service="SERVICE_ID"></div>
<script src="https://embed.example.com/embed.js" async></script>

Το <div> ορίζει το σημείο. Η ετικέτα script μπορεί να μπει οπουδήποτε στη σελίδα και αρκεί να υπάρχει μία φορά, ακόμη και με πολλά εργαλεία κρατήσεων. Αν βλέπετε το μήνυμα δεν έχετε ακόμη εγκεκριμένες καταχωρίσεις για ενσωμάτωση, η καταχώριση είναι ακόμη υπό έλεγχο. Το απόσπασμά της εμφανίζεται μόλις εγκριθεί.

3. Ορίστε τη γλώσσα

Η ρύθμιση Γλώσσα εργαλείου κρατήσεων σε αυτή τη σελίδα καθορίζει τι βλέπουν οι επισκέπτες. Αφήστε την επιλογή ίδια με τη γλώσσα της σελίδας και το εργαλείο κρατήσεων διαβάζει το χαρακτηριστικό lang της ετικέτας <html> της σελίδας σας, το ίδιο χαρακτηριστικό που χρησιμοποιούν οι μηχανές αναζήτησης και οι αναγνώστες οθόνης, οπότε ένας σωστά τοπικοποιημένος ιστότοπος δεν χρειάζεται καμία επιπλέον ρύθμιση:

<!doctype html>
<html lang="es">      <!-- το εργαλείο κρατήσεων εμφανίζεται στα ισπανικά -->
  <head>…</head>
  <body>…</body>
</html>

Λειτουργούν και οι κωδικοί γλώσσας με περιοχή: το lang="pt-BR" αντιστοιχίζεται στην πλησιέστερη γλώσσα που υποστηρίζουμε αντί να απορρίπτεται.

Για να παρακάμψετε τη γλώσσα της σελίδας σε ένα συγκεκριμένο εργαλείο κρατήσεων, προσθέστε το data-locale στο div της ενσωμάτωσης. Υπερισχύει τόσο της γλώσσας της σελίδας όσο και της ρύθμισης σε αυτή τη σελίδα:

<div class="scheduling-embed" data-service="SERVICE_ID" data-locale="de"></div>

Αν η σελίδα σας έχει δικό της επιλογέα γλώσσας, ρυθμίστε το εργαλείο κρατήσεων να τον ακολουθεί. Η γλώσσα αλλάζει επιτόπου, οπότε ό,τι έχει ήδη συμπληρώσει ο επισκέπτης διατηρείται:

window.SchedulerEmbed.setLocale("sr");

Με λίγα λόγια, υπερισχύει το πρώτο από τα παρακάτω που έχει οριστεί: data-locale, μετά το <html lang> της σελίδας σας, μετά η Γλώσσα εργαλείου κρατήσεων, μετά το πρόγραμμα περιήγησης του επισκέπτη και τέλος τα αγγλικά.

Άλλες επιλογές

Προσθέστε τα παρακάτω στο div της ενσωμάτωσης:

Το data-mode="popup" εμφανίζει ένα κουμπί που ανοίγει το εργαλείο κρατήσεων σε αναδυόμενο παράθυρο, αντί να το τοποθετεί μέσα στη σελίδα.

Το data-label="Κλείστε ραντεβού" ορίζει το κείμενο του κουμπιού στη λειτουργία αναδυόμενου παραθύρου.

Το data-min-height="480" ορίζει το ύψος σε pixel μέχρι το εργαλείο κρατήσεων να αναφέρει το πραγματικό του μέγεθος. Αυξήστε το αν βλέπετε ένα απότομο άλμα κατά τη φόρτωση.

Διατίθενται δύο ακόμη μέθοδοι, αν ο ιστότοπός σας προσθέτει περιεχόμενο δυναμικά ή παρακολουθεί μετατροπές:

// Νέα σάρωση της σελίδας μετά την προσθήκη div εργαλείου κρατήσεων
window.SchedulerEmbed.refresh();

// Ενεργοποιείται όταν ένας επισκέπτης ολοκληρώνει μια κράτηση
window.SchedulerEmbed.onBooking(function (e) {
  console.log(e.bookingId, e.serviceId);
});

Βοηθοί AI

Μέσω του WebMCP, ενός προτεινόμενου προτύπου του ιστού, το εργαλείο κρατήσεων διαθέτει και λειτουργίες για βοηθούς τεχνητής νοημοσύνης. Με αυτές, ένας βοηθός που εξυπηρετεί έναν επισκέπτη στο πρόγραμμα περιήγησής του μπορεί να δει τι προσφέρετε και σε ποια τιμή, να βρει ελεύθερες ώρες και να επιλέξει μια ώρα μπροστά στα μάτια του επισκέπτη. Μπορεί να κάνει και την κράτηση, όμως η κράτηση έχει σημανθεί ως βήμα που χρειάζεται τη συγκατάθεση του επισκέπτη, οπότε ο βοηθός τον ρωτά πρώτα. Η σύνδεση, η δημιουργία λογαριασμού και η πληρωμή μένουν πάντα στον επισκέπτη.

Δεν χρειάζεται να ρυθμίσετε τίποτα: το απόσπασμα κώδικα το επιτρέπει ήδη. Μόνο αν τοποθετήσατε το εργαλείο κρατήσεων με δική σας ετικέτα <iframe> αντί για το απόσπασμα, προσθέστε σε αυτήν την ετικέτα το allow="payment; tools".

Η υποστήριξη από τους βοηθούς είναι ακόμη καινούργια. Η εφαρμογή υπολογιστή του ChatGPT χρησιμοποιεί ήδη αυτές τις λειτουργίες στο ενσωματωμένο της πρόγραμμα περιήγησης, στη σελίδα της καταχώρισής σας στον ιστότοπό μας και στον σύνδεσμο από την Κοινοποίηση συνδέσμου κράτησης. Μέσα σε εργαλείο κρατήσεων ενσωματωμένο σε άλλον ιστότοπο δεν τις χρησιμοποιεί ακόμη. Το εργαλείο είναι έτοιμο για τους βοηθούς που το κάνουν. Σε κάθε περίπτωση, οι επισκέπτες μπορούν πάντα να κλείσουν ραντεβού μόνοι τους.

Αν το εργαλείο κρατήσεων δεν φορτώνει

Η διεύθυνση της σελίδας δεν είναι στη λίστα των επιτρεπόμενων ή δεν ταιριάζει ακριβώς. Αρκεί ένα http αντί για https ή ένα www που λείπει για να αποκλειστεί.

Το απόσπασμα κώδικα μπήκε σε σημείο όπου το script δεν μπορεί να εκτελεστεί, όπως ένα μπλοκ απλού κειμένου ή περιορισμένης HTML στο εργαλείο δημιουργίας ιστότοπου που χρησιμοποιείτε.

Η τιμή του data-service αλλοιώθηκε. Επικολλήστε το απόσπασμα ακριβώς όπως είναι, αντί να πληκτρολογήσετε ξανά το αναγνωριστικό.

Η δημοσίευση της καταχώρισης καταργήθηκε ή η καταχώριση δεν είναι πλέον εγκεκριμένη.