Χρήση του προγράμματος επεξεργασίας εμπορικής προσαρμογής στο Checkout Blocks

Μπορείτε να χρησιμοποιήσετε το πρόγραμμα επεξεργασίας εμπορικής προσαρμογής στο Checkout Blocks, το οποίο υποστηρίζεται από το Checkout Branding API, για να προσαρμόσετε την αισθητική των σελίδων ολοκλήρωσης αγοράς και λογαριασμών σας χωρίς να χρειάζεται να τροποποιήσετε κώδικα.

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

Για να εκκινήσετε το πρόγραμμα επεξεργασίας εμπορικής προσαρμογής από τον Διαχειριστή Shopify, κάντε κλικ στις Εφαρμογές > Checkout Blocks και, στη συνέχεια, κάντε κλικ στην επιλογή Πρόγραμμα επεξεργασίας εμπορικής προσαρμογής.

Προσαρμογή χρωμάτων ολοκλήρωσης αγοράς

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

Βήματα:

Προσαρμογή στοιχείων ολοκλήρωσης αγοράς

Στην ενότητα Προσαρμογές του επεξεργαστή εμπορικής προσαρμογής, μπορείτε να επεξεργαστείτε τα παρακάτω στοιχεία της σελίδας ολοκλήρωσης αγοράς σας:

• Favicon: Επιλέξτε το εικονίδιο που εμφανίζεται στους πελάτες στην καρτέλα του προγράμματος περιήγησης κατά την ολοκλήρωση της αγοράς.
• Καθολικά: Προσαρμόστε την ακτίνα γωνίας για όλα τα στοιχεία (πεδία φόρμας, κουμπιά και κάρτες).
• Επικεφαλίδα και λογότυπο: Επιλέξτε τη θέση της επικεφαλίδας στη σελίδα ολοκλήρωσης αγοράς, καθώς και εάν θα εμφανίζονται ίχνη πλοήγησης, σύνδεσμος καλαθιού και λογότυπο.
• Κύριο περιεχόμενο: Εφαρμόστε σχεδιαστικές παλέτες στην κύρια περιοχή περιεχομένου της σελίδας ολοκλήρωσης αγοράς, συμπεριλαμβανομένων εικόνων φόντου, πλάτους περιγράμματος και χρωματικών παλετών.
• Σύνοψη παραγγελίας: Εφαρμόστε σχεδιαστικές παλέτες στην πλαϊνή γραμμή της σελίδας ολοκλήρωσης αγοράς που περιέχει τη σύνοψη της παραγγελίας του πελάτη, συμπεριλαμβανομένων εικόνων φόντου, πλάτους περιγράμματος και χρωματικών παλετών.
• Υποσέλιδο: Επιλέξτε το πλάτος του υποσέλιδου στη σελίδα ολοκλήρωσης αγοράς, καθώς και εάν θα εμφανίζονται οι πολιτικές του καταστήματος.
• Τυπογραφία: Επιλέξτε την οικογένεια, το μέγεθος, το πάχος, το διάκενο και την πεζότητα της γραμματοσειράς για έως και 3 επίπεδα επικεφαλίδων.
• Κουμπιά: Επιλέξτε το εσωτερικό περιθώριο, τα περιγράμματα και τα στυλ των κύριων και δευτερευόντων κουμπιών.
• Φόρμες: Προσαρμόστε τα στυλ για τα πεδία εισαγωγής της φόρμας ολοκλήρωσης αγοράς, όπως πλαίσια ελέγχου, πεδία κειμένου και επιλεγμένες επιλογές από μια λίστα.
• Μικρογραφίες προϊόντων: Προσαρμόστε τα στυλ του περιγράμματος και της ακτίνας γωνίας για τις εικόνες προϊόντων στη σελίδα ολοκλήρωσης αγοράς.

Βήματα:

1. Από τον διαχειριστή Shopify, μεταβείτε στις Εφαρμογές > Checkout Blocks.

2. Κάντε κλικ στην επιλογή Επεξεργαστής εμπορικής προσαρμογής.

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

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

5. Κάντε κλικ στην επιλογή Αποθήκευση.

Εναλλαγή διαμορφώσεων ολοκλήρωσης αγοράς

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

Μάθετε περισσότερα σχετικά με τη διαχείριση των ενεργών και πρόχειρων διαμορφώσεων ολοκλήρωσης αγοράς.

Βήματα:

1. Από τον διαχειριστή Shopify, μεταβείτε στις Εφαρμογές > Checkout Blocks.

2. Κάντε κλικ στην επιλογή Επεξεργαστής εμπορικής προσαρμογής.

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

   • Επιλέξτε μια υπάρχουσα διαμόρφωση που θέλετε να επεξεργαστείτε.
   • Κάντε κλικ στην επιλογή ⊕ Δημιουργία νέας διαμόρφωσης για να ανακατευθυνθείτε στις ρυθμίσεις Ολοκλήρωση αγοράς του διαχειριστή Shopify.

Προεπισκόπηση της σελίδας ολοκλήρωσης αγοράς σας

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

Βήματα:

1. Από τον διαχειριστή Shopify, μεταβείτε στις Εφαρμογές > Checkout Blocks.

2. Κάντε κλικ στην επιλογή Επεξεργαστής εμπορικής προσαρμογής.

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

4. Κάντε κλικ στην επιλογή Προεπισκόπηση.

Εξαγωγή και εισαγωγή διαμορφώσεων ολοκλήρωσης αγοράς

Μπορείτε να εξάγετε και να εισάγετε διαμορφώσεις ολοκλήρωσης αγοράς χρησιμοποιώντας αρχεία JSON.

Εξαγωγή διαμόρφωσης ολοκλήρωσης αγοράς:

1. Από τον διαχειριστή Shopify, μεταβείτε στις Εφαρμογές > Checkout Blocks.

2. Κάντε κλικ στην επιλογή Επεξεργαστής εμπορικής προσαρμογής.

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

4. Κάντε κλικ στις επιλογές Περισσότερες ενέργειες > Εξαγωγή διαμόρφωσης.

Η λήψη της διαμόρφωσης ολοκλήρωσης αγοράς πραγματοποιείται ως αρχείο .json στην τοπική συσκευή σας.

Εισαγωγή διαμόρφωσης ολοκλήρωσης αγοράς:

1. Από τον διαχειριστή Shopify, μεταβείτε στις Εφαρμογές > Checkout Blocks.

2. Κάντε κλικ στην επιλογή Επεξεργαστής εμπορικής προσαρμογής.

3. Επιλέξτε τη διαμόρφωση ολοκλήρωσης αγοράς στην οποία θέλετε να εφαρμόσετε το εισαγόμενο προφίλ εμπορικής προσαρμογής.

4. Κάντε κλικ στις επιλογές Περισσότερες ενέργειες > Εισαγωγή διαμόρφωσης.

5. Στο παράθυρο διαλόγου Εισαγωγή εμπορικής προσαρμογής ολοκλήρωσης αγοράς, μεταφορτώστε το αρχείο JSON εμπορικής προσαρμογής σας:

   1. Κάντε κλικ στην επιλογή Προσθήκη αρχείου.
   2. Επιλέξτε το κατάλληλο αρχείο JSON από τη συσκευή σας.
   3. Κάντε κλικ στην επιλογή Εισαγωγή και συνέχεια.

6. Ελέγξτε την προ-φορτωμένη διαμόρφωση προσαρμογής. Τροποποιήστε την όπως απαιτείται.

7. Κάντε κλικ στην επιλογή Αποθήκευση.

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

Όταν επεξεργάζεστε ένα χρώμα ή ένα στοιχείο της σελίδας ολοκλήρωσης αγοράς χρησιμοποιώντας τον επεξεργαστή εμπορικής προσαρμογής, μπορείτε να επαναφέρετε τη συγκεκριμένη τιμή στην προεπιλεγμένη τιμή κάνοντας κλικ στην επιλογή Επαναφορά δίπλα στο χρώμα ή το στοιχείο που αλλάξατε.

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

Βήματα:

1. Από τον διαχειριστή Shopify, μεταβείτε στις Εφαρμογές > Checkout Blocks.

2. Κάντε κλικ στην επιλογή Επεξεργαστής εμπορικής προσαρμογής.

3. Επιλέξτε τη διαμόρφωση ολοκλήρωσης αγοράς που θέλετε να επαναφέρετε.

4. Κάντε κλικ στην επιλογή Επαναφορά στις προεπιλογές.

5. Στο παράθυρο διαλόγου Επαναφορά στα προεπιλεγμένα στυλ;, κάντε κλικ στην επιλογή Συνέχεια.