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

Ενημέρωση: 29 Σεπτεμβρίου 2026Ενσωματώσεις

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

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

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

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);
});

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

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

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

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

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