# Ενσωματώστε το Shoprocket σε οποιονδήποτε ιστότοπο
> Πουλήστε από τον ιστότοπο που ήδη έχετε. Δημιουργήστε μια ενσωμάτωση στις Ενσωματώσεις, κάντε κλικ στο Λήψη κώδικα και επικολλήστε τον στη σελίδα σας σε WordPress, Squarespace, Wix, Webflow ή απλό HTML. Οι αλλαγές που αποθηκεύετε αργότερα φτάνουν σε κάθε σελίδα χωρίς νέα επικόλληση.
Κέντρο βοήθειας / Ενσωμάτωση - Ενημερώθηκε 28 Οκτωβρίου 2026
Μια ενσωμάτωση βάζει ένα μέρος του καταστήματός σας σε οποιονδήποτε ιστότοπο: ένα προϊόν με κουμπί αγοράς, έναν πλήρη κατάλογο προϊόντων, τις κατηγορίες σας ή ένα πλαίσιο αναζήτησης. Τη φτιάχνετε στις **Ενσωματώσεις**, κάνετε κλικ στο **Λήψη κώδικα** και επικολλάτε τον κώδικα στη σελίδα σας. Το καλάθι και το ταμείο ανοίγουν μέσα στη σελίδα σας, οπότε οι πελάτες δεν φεύγουν ποτέ από τον ιστότοπό σας.
Επικολλάτε τον κώδικα μόνο μία φορά. Όταν αργότερα αλλάξετε μια ενσωμάτωση, ακόμη και αν τη γυρίσετε σε διαφορετική διάταξη, κάθε σελίδα όπου βρίσκεται ενημερώνεται μόλις αποθηκεύσετε.
## Πριν ξεκινήσετε
- Προσθέστε τουλάχιστον ένα ενεργό προϊόν. Μια ενσωμάτωση για ένα προϊόν χρειάζεται προϊόν να πουλήσει.
- Πρέπει να μπορείτε να επεξεργάζεστε τον ιστότοπό σας και να προσθέτετε μπλοκ κώδικα ή HTML σε μια σελίδα. Οι σημειώσεις για κάθε εργαλείο δημιουργίας ιστοτόπων είναι παρακάτω.
## Βήμα 1 (προαιρετικό, συνιστάται): Προσθέστε το Shoprocket σε κάθε σελίδα του ιστοτόπου σας
Στο πάνω μέρος των **Ενσωματώσεων** υπάρχει μια κάρτα με τίτλο **Προσθέστε το Shoprocket σε κάθε σελίδα του ιστοτόπου σας**. Περιέχει μία γραμμή κώδικα για την κεφαλίδα του ιστοτόπου σας. Με αυτήν στη θέση της, το αιωρούμενο καλάθι και το ζωντανό chat λειτουργούν σε κάθε σελίδα του ιστοτόπου σας και όχι μόνο στις σελίδες με ενσωμάτωση, και κάθε ενσωμάτωση που προσθέτετε αργότερα απλώς λειτουργεί.
1. Στον πίνακα ελέγχου, πηγαίνετε στις **Ενσωματώσεις**.
2. Στην κάρτα **Προσθέστε το Shoprocket σε κάθε σελίδα του ιστοτόπου σας**, κάντε κλικ στο **Αντιγραφή**.
3. Επιλέξτε το εργαλείο δημιουργίας ιστοτόπου από τις καρτέλες κάτω από τον κώδικα (**HTML**, **WordPress**, **Squarespace**, **Wix** ή **Webflow**) και ακολουθήστε τα δύο βήματά του για να επικολλήσετε τη γραμμή στην κεφαλίδα του ιστοτόπου σας.
4. Ανοίξτε οποιαδήποτε σελίδα του ιστοτόπου σας. Η κατάσταση της κάρτας αλλάζει από **Δεν έχει εντοπιστεί ακόμα** σε **Συνδεδεμένο**.
Μπορείτε να παραλείψετε αυτό το βήμα. Ο κώδικας κάθε ενσωμάτωσης περιλαμβάνει την ίδια γραμμή, οπότε μια ενσωμάτωση λειτουργεί από μόνη της σε οποιαδήποτε σελίδα.
## Βήμα 2: Δημιουργήστε μια ενσωμάτωση
1. Στις **Ενσωματώσεις**, κάντε κλικ στο **Νέα ενσωμάτωση**.
2. Στο **Τι δείχνει**, επιλέξτε ένα: **Ένα προϊόν**, **Κατάλογος προϊόντων**, **Κατηγορίες** ή **Αναζήτηση**.
3. Επιλέξτε διάταξη:
- **Ένα προϊόν**: **Κουμπί**, **Συμπαγές**, **Κάρτα**, **Προβεβλημένο** ή **Πλήρεις λεπτομέρειες**. Μετά επιλέξτε το προϊόν στο **Ποιο προϊόν;**
- **Κατάλογος προϊόντων**: **Πλέγμα**, **Καρουζέλ** ή **Λίστα**. Στο **Ποια προϊόντα;** επιλέξτε **Όλα τα προϊόντα**, **Μια κατηγορία** ή **Επιλεγμένα χειροκίνητα**.
- **Κατηγορίες**: **Πλακίδια**.
- **Αναζήτηση**: **Πλαίσιο αναζήτησης** ή **Εικονίδιο αναζήτησης**.
4. Κάντε κλικ στο **Συνέχεια**.
Κάθε διάταξη είναι η ίδια ενσωμάτωση με διαφορετικές ρυθμίσεις, οπότε μπορείτε να αλλάξετε διάταξη αργότερα στον επεξεργαστή και ο κώδικας που επικολλήσατε μένει ίδιος.
## Βήμα 3: Προσαρμόστε την
Ο επεξεργαστής δείχνει μια ζωντανή προεπισκόπηση που μπορείτε να περιηγηθείτε σαν αγοραστής: προσθήκη στο καλάθι, άνοιγμα προϊόντων και ολοκλήρωση αγοράς. Αλλάζετε τι δείχνει η ενσωμάτωση στην καρτέλα **Αυτή η ενσωμάτωση**. Η καρτέλα **Κατάστημα** ορίζει τα χρώματα και τις γραμματοσειρές σας για ολόκληρο το κατάστημά σας, ώστε όλες οι ενσωματώσεις και το αιωρούμενο καλάθι σας να ταιριάζουν.
Η ενσωμάτωση παίρνει αρχικά ένα όνομα, όπως «Products · Grid». Μπορείτε να την μετονομάσετε οποιαδήποτε στιγμή.
Όταν είστε ικανοποιημένοι, κάντε κλικ στο **Αποθήκευση και λήψη κώδικα**.
## Βήμα 4: Αντιγράψτε τον κώδικα και επικολλήστε τον στον ιστότοπό σας
Μετά την αποθήκευση, ανοίγει το πάνελ **Λήψη κώδικα**. Μοιάζει έτσι:
```html
```
Αντιγράφετε πάντα τον δικό σας κώδικα με το κουμπί, ποτέ μην τον πληκτρολογείτε ξανά. Η πρώτη γραμμή ονομάζει την ενσωμάτωση, το script φορτώνει το Shoprocket για το κατάστημά σας και η τελευταία γραμμή είναι το σημείο όπου εμφανίζεται η ενσωμάτωση.
1. Κάντε κλικ στο **Αντιγραφή κώδικα**.
2. Επιλέξτε το εργαλείο δημιουργίας ιστοτόπου από τις καρτέλες του πάνελ και επικολλήστε τον κώδικα εκεί όπου πρέπει να εμφανιστεί η ενσωμάτωση:
- **HTML**: επικολλήστε τον κώδικα εκεί όπου πρέπει να εμφανιστεί η ενσωμάτωση. Η γραμμή του script χρειάζεται να υπάρχει μόνο μία φορά σε μια σελίδα, όσες ενσωματώσεις κι αν έχει.
- **WordPress**: στον επεξεργαστή μπλοκ, προσθέστε ένα μπλοκ **Προσαρμοσμένο HTML** εκεί όπου πρέπει να μπει η ενσωμάτωση. Επικολλήστε τον κώδικα και ενημερώστε τη σελίδα. Στο WordPress.com, τα scripts χρειάζονται πακέτο που επιτρέπει πρόσθετα.
- **Squarespace**: επεξεργαστείτε τη σελίδα και προσθέστε ένα μπλοκ **Code** εκεί όπου πρέπει να μπει η ενσωμάτωση. Επικολλήστε τον κώδικα, αφήστε την εμφάνιση στο HTML και αποθηκεύστε.
- **Wix**: στον επεξεργαστή, επιλέξτε **Προσθήκη**, μετά **Ενσωμάτωση κώδικα**, μετά **Ενσωμάτωση HTML**. Επικολλήστε τον κώδικα στο πλαίσιο και αλλάξτε το μέγεθος ώστε να χωράει. Το Wix τον δείχνει σε πλαίσιο, γι' αυτό αφήστε χώρο για το καλάθι.
- **Webflow**: σύρετε ένα στοιχείο **Code Embed** εκεί όπου πρέπει να μπει η ενσωμάτωση. Επικολλήστε τον κώδικα, αποθηκεύστε και δημοσιεύστε τον ιστότοπο.
Αν έχετε ήδη προσθέσει το Shoprocket στην κεφαλίδα του ιστοτόπου σας στο Βήμα 1, η σελίδα χρειάζεται μόνο την τελευταία γραμμή του κώδικα, αυτήν που ξεκινά με `