# Πώς να προσθέσετε κουμπί κράτησης στον ιστότοπό σας: WordPress, Wix, Squarespace και Shopify

Δημοσίευση: 2026-10-14, από την ομάδα του TicketPa. Πηγή: https://ticketpa.com/el/blog/koumpi-kratisis-ston-istotopo

Για να προσθέσετε κουμπί κράτησης στον ιστότοπό σας, αντιγράψτε από το σύστημα κρατήσεων τον σύνδεσμο της σελίδας κρατήσεών σας και βάλτε τον σε ένα κουμπί του ιστότοπου, ή επικολλήστε τον κώδικα κουμπιού που σας δίνει το σύστημα κρατήσεων σε ένα μπλοκ HTML ή κώδικα. Και με τους δύο τρόπους θέλει λίγα λεπτά και κανέναν προγραμματιστή. Παρακάτω θα βρείτε τα βήματα για WordPress, Wix, Squarespace, Shopify και κάθε άλλο ιστότοπο.

Αυτός ο οδηγός εξηγεί και τους δύο τρόπους, πού να βάλετε το κουμπί ώστε να το χρησιμοποιούν πραγματικά οι πελάτες, και πώς να το δοκιμάσετε. Τα παραδείγματα χρησιμοποιούν το TicketPa, αλλά τα βήματα είναι ίδια με τα περισσότερα συστήματα κρατήσεων.

## Δύο τρόποι να προσθέσετε κουμπί κράτησης

| Τρόπος                            | Πώς λειτουργεί                                                                                               | Κατάλληλος για                                                                      |
| --------------------------------- | ------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------- |
| Σύνδεσμος σε κουμπί που ήδη έχετε | Χρησιμοποιείτε το κουμπί του εργαλείου κατασκευής ιστοσελίδων σας και βάζετε ως σύνδεσμο τη σελίδα κρατήσεων | Κάθε εργαλείο κατασκευής ιστοσελίδων, ακόμη και όσα περιορίζουν τον δικό σας κώδικα |
| Επικόλληση κώδικα                 | Επικολλάτε τον κώδικα κουμπιού από το σύστημα κρατήσεων σε ένα μπλοκ HTML                                    | Ιστότοπους που δέχονται δικό σας HTML, όταν θέλετε το έτοιμο κουμπί                 |

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

## Βήμα 1: Πάρτε τον σύνδεσμο κρατήσεων ή τον κώδικα του κουμπιού

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

- **Τη σελίδα κρατήσεών σας:** έναν σύνδεσμο προς όλες τις δραστηριότητες που μπορούν να κλείσουν οι πελάτες. Χρησιμοποιήστε τον στο κύριο μενού σας και στην αρχική σελίδα.
- **Μία δραστηριότητα:** έναν σύνδεσμο κατευθείαν στο ημερολόγιο μιας δραστηριότητας. Χρησιμοποιήστε τον στη σελίδα αυτής της δραστηριότητας και σε αναρτήσεις ή διαφημίσεις για αυτήν.
- **Κουμπί «Κράτηση τώρα»:** κώδικα για να τον επικολλήσετε στον ιστότοπό σας, στο χρώμα της σελίδας κρατήσεών σας. Υπάρχουν δύο εκδοχές:
    - ένα **απλό κουμπί**, που λειτουργεί παντού, ακόμη και σε email
    - ένα **κουμπί που ανοίγει την κράτηση σε παράθυρο** δίπλα στον ιστότοπό σας στον υπολογιστή

Αντιγράψτε τον σύνδεσμο ή τον κώδικα που χρειάζεστε.

## Βήμα 2: Προσθέστε το στον ιστότοπό σας

### WordPress

**Για σύνδεσμο σε κουμπί:** στον επεξεργαστή μπλοκ, προσθέστε ένα μπλοκ **Κουμπιά** (Buttons) εκεί όπου θέλετε το κουμπί, γράψτε «Κράτηση τώρα» και επικολλήστε τον σύνδεσμο κρατήσεων στο πεδίο συνδέσμου του κουμπιού.

**Για επικόλληση κώδικα:** προσθέστε ένα μπλοκ **Προσαρμοσμένη HTML** (Custom HTML) εκεί όπου θέλετε το κουμπί και επικολλήστε τον κώδικα. Κάντε προεπισκόπηση της σελίδας για να δείτε το κουμπί.

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

### Wix

**Για σύνδεσμο σε κουμπί:** προσθέστε ένα **Button** από τον πίνακα Add Elements, αλλάξτε το κείμενό του σε «Κράτηση τώρα», ανοίξτε τις ρυθμίσεις συνδέσμου και επιλέξτε διεύθυνση ιστού. Επικολλήστε τον σύνδεσμο κρατήσεων.

Το Wix βάζει τον δικό σας κώδικα μέσα σε πλαίσιο, κάτι που μπορεί να εμποδίσει ένα κουμπί να ανοίξει νέο παράθυρο. Στο Wix, ο σύνδεσμος σε κουμπί είναι η πιο αξιόπιστη επιλογή.

### Squarespace

**Για σύνδεσμο σε κουμπί:** επεξεργαστείτε τη σελίδα, προσθέστε ένα μπλοκ **Button**, γράψτε «Κράτηση τώρα» και επικολλήστε τον σύνδεσμο κρατήσεων ως σύνδεσμό του.

**Για επικόλληση κώδικα:** προσθέστε ένα μπλοκ **Code** και επικολλήστε τον κώδικα. Τα μπλοκ κώδικα που εκτελούν scripts υπάρχουν μόνο σε ορισμένα πακέτα του Squarespace, οπότε αν ο κώδικας δεν λειτουργεί στο δικό σας, χρησιμοποιήστε σύνδεσμο σε κουμπί.

### Shopify

**Για σύνδεσμο σε κουμπί:** στον επεξεργαστή θέματος, προσθέστε ή επεξεργαστείτε μια ενότητα με κουμπί, όπως ένα banner με εικόνα, και επικολλήστε τον σύνδεσμο κρατήσεων ως σύνδεσμο του κουμπιού. Για να τον προσθέσετε στο μενού, πηγαίνετε στο Online Store, Navigation, ανοίξτε το κύριο μενού και προσθέστε ένα στοιχείο με τον σύνδεσμο κρατήσεων.

**Για επικόλληση κώδικα:** προσθέστε μια ενότητα **Custom Liquid** στον επεξεργαστή θέματος και επικολλήστε τον κώδικα.

### Οποιοσδήποτε άλλος ιστότοπος

Σε έναν ιστότοπο φτιαγμένο με το χέρι, ή σε εργαλεία όπως το Webflow, το Framer ή το Carrd, επικολλήστε τον κώδικα στο HTML της σελίδας, ή στο στοιχείο ενσωμάτωσης ή HTML του εργαλείου, εκεί όπου πρέπει να εμφανιστεί το κουμπί. Αν δεν μπορείτε να προσθέσετε κώδικα, χρησιμοποιήστε οποιονδήποτε σύνδεσμο ή κουμπί με προορισμό τον σύνδεσμο κρατήσεων.

## Πού να βάλετε το κουμπί κράτησης

Ένα κουμπί κράτησης λειτουργεί μόνο αν το βλέπουν οι πελάτες τη στιγμή που είναι έτοιμοι να κλείσουν:

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

Χρησιμοποιήστε ως κείμενο κουμπιού «Κράτηση τώρα» ή «Δείτε διαθεσιμότητα». Οι πελάτες ξέρουν τι σημαίνουν και τα δύο, και τα δύο ξεκινούν από αυτό που θέλουν να κάνουν.

## Συνδέστε κάθε δραστηριότητα με το δικό της ημερολόγιο

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

Στο TicketPa, η σελίδα Share έχει έναν σύνδεσμο για κάθε δραστηριότητα. Χρησιμοποιήστε τον σύνδεσμο της γενικής σελίδας κρατήσεων μόνο σε σημεία που αφορούν τα πάντα, όπως το μενού και η αρχική σελίδα.

## Δοκιμάστε το κουμπί κράτησης

Πριν το πείτε σε κανέναν, δοκιμάστε το όπως θα το έκανε ένας πελάτης:

1. **Ανοίξτε τον ιστότοπό σας στο κινητό** και πατήστε το κουμπί.
2. **Ελέγξτε ότι ανοίγει τη σωστή σελίδα,** με τη σωστή δραστηριότητα και τις ώρες σε πραγματικό χρόνο.
3. **Κάντε μια δοκιμαστική κράτηση,** ή φτάστε μέχρι το βήμα της πληρωμής.
4. **Επαναλάβετε σε υπολογιστή.** Αν το κουμπί ανοίγει την κράτηση σε παράθυρο, ελέγξτε ότι ανοίγει, και ότι η σελίδα κρατήσεων ανοίγει ακόμη κι αν το πρόγραμμα περιήγησης μπλοκάρει τα παράθυρα.

## Χρησιμοποιήστε τον ίδιο σύνδεσμο και παντού αλλού

Ο σύνδεσμος κρατήσεων λειτουργεί όπου μπορεί ένας πελάτης να πατήσει σύνδεσμο, όχι μόνο στον ιστότοπό σας. Προσθέστε τον στο Προφίλ Επιχείρησης στο Google, στο bio του Instagram και στις απαντήσεις σας στο WhatsApp. Ο οδηγός μας για τις [κρατήσεις από Instagram, Google και WhatsApp](https://ticketpa.com/el/blog/syndesmos-kratiseon-instagram-whatsapp) δείχνει πού μπαίνει σε καθένα.

## Πώς λειτουργεί το κουμπί του TicketPa

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

Το TicketPa είναι σύστημα κρατήσεων για ξεναγήσεις, μαθήματα και δραστηριότητες, με μια σελίδα κρατήσεων που λειτουργεί και χωρίς ιστότοπο. Δείτε [όλες τις λειτουργίες](https://ticketpa.com/el/leitourgies), ή τη σελίδα για το είδος της δραστηριότητάς σας, όπως [ξεναγήσεις](https://ticketpa.com/el/systima-kratiseon-xenagiseis) ή [εργαστήρια](https://ticketpa.com/el/systima-kratiseon-ergastiria).

## Συχνές ερωτήσεις

### Χρειάζομαι προγραμματιστή για να προσθέσω κουμπί κράτησης;

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

### Μπορεί η σελίδα κρατήσεων να ανοίγει μέσα στον ιστότοπό μου;

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

### Θα καθυστερήσει ο ιστότοπός μου με ένα κουμπί κράτησης;

Ένα κουμπί με σύνδεσμο δεν προσθέτει τίποτα στον χρόνο φόρτωσης της σελίδας, γιατί είναι απλώς ένας σύνδεσμος. Ένας κώδικας με script προσθέτει ένα μικρό αρχείο, και ένα καλοφτιαγμένο script φορτώνει μετά την υπόλοιπη σελίδα, οπότε οι επισκέπτες δεν το καταλαβαίνουν. Το script του TicketPa φορτώνει με αυτόν τον τρόπο και δεν παρακολουθεί τους επισκέπτες σας.

### Μπορώ να χρησιμοποιήσω δικό μου σχέδιο κουμπιού;

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

### Μπορώ να προσθέσω κουμπί κράτησης στα email μου;

Ναι. Επικολλήστε τον σύνδεσμο κρατήσεων σε ένα κουμπί στο εργαλείο email σας, ή χρησιμοποιήστε τον κώδικα του απλού κουμπιού αν το εργαλείο σας δέχεται HTML. Τα scripts δεν εκτελούνται στα email, οπότε χρησιμοποιήστε το απλό κουμπί, που είναι ένας σύνδεσμος με στυλ. Γι’ αυτόν τον λόγο το απλό κουμπί του TicketPa λειτουργεί στα email.