Τι είναι ο builder
Ο builder βιτρίνας είναι ένας οπτικός επεξεργαστής που σας επιτρέπει να σχεδιάζετε κάθε σελίδα του καταστήματός σας χωρίς να γράφετε κώδικα. Οι αλλαγές προβάλλονται ζωντανά στο κέντρο της οθόνης. Τίποτα δεν φτάνει στους πελάτες μέχρι να κάνετε κλικ στο Δημοσίευση.
Η διάταξη του builder
Ο builder έχει τρεις περιοχές:
- Αριστερή πλαϊνή στήλη: πέντε καρτέλες ως εικονίδια κατά μήκος της αριστερής άκρης. Από πάνω προς τα κάτω είναι οι Αγορές (σημαία χώρας), Σελίδες, Ενότητες, Ρυθμίσεις (γρανάζι) και ο AI assistant (Amed) καρφιτσωμένος στο κάτω μέρος.
- Πίνακας ελέγχου: ανοίγει όταν επιλέγετε μια ενότητα ή block και εμφανίζει όλες τις ρυθμίσεις του.
- Περιοχή προεπισκόπησης: ζωντανή προβολή του καταστήματός σας ακριβώς όπως θα το δουν οι πελάτες.
Αλλαγή σελίδων και αγορών
Ανοίξτε την καρτέλα Σελίδες για να μετακινηθείτε ανάμεσα στις σελίδες που μπορείτε να επεξεργαστείτε: Αρχική, Προϊόν, Landing, Συλλογή, Καλάθι, Checkout, Ευχαριστήριο, Αναζήτηση, Πολιτική, Επικοινωνία και 404. Για περιγραφή κάθε σελίδας δείτε το Pages you can edit. Ανοίξτε την καρτέλα Αγορές (η πρώτη, εικονίδιο σημαίας) για να αλλάξετε αγορές. Κάθε αγορά διατηρεί το δικό της πρότυπο και ιστορικό αναιρέσεων για κάθε σελίδα, οπότε οι αλλαγές σε μία αγορά δεν επηρεάζουν τις άλλες.
Προεπισκόπηση, viewport και Inspector
Ένας διακόπτης viewport σάς επιτρέπει να κάνετε προεπισκόπηση σε διαφορετικά πλάτη με τα κουμπιά Πλήρης οθόνη, Υπολογιστής και Κινητό. Ο διακόπτης εμφανίζει μόνο τις επιλογές που χωρούν στο τρέχον παράθυρό σας, οπότε σε στενή οθόνη κάποια κουμπιά εξαφανίζονται. Η επάνω μπάρα έχει επίσης ένα κουμπί Προεπισκόπηση (εικονίδιο ματιού) που ανοίγει το ζωντανό κατάστημά σας σε νέα καρτέλα, και ένα κουμπί Έξοδος από τον builder.
Η λειτουργία Inspector είναι ενεργή από προεπιλογή (το εικονίδιο κέρσορα στην επάνω μπάρα είναι επισημασμένο). Όσο είναι ενεργή, κάνοντας κλικ σε οποιοδήποτε στοιχείο στην προεπισκόπηση επιλέγεται αμέσως η ενότητα ή το block και ανοίγει στον πίνακα ελέγχου, που είναι ο πιο γρήγορος τρόπος να μεταβείτε κάπου χωρίς να κάνετε scroll στην πλαϊνή στήλη. Κάντε κλικ στο κουμπί Inspector για να το απενεργοποιήσετε.
Προσθήκη ενότητας
- Ανοίξτε την καρτέλα Ενότητες για την τρέχουσα σελίδα.
- Κάντε κλικ στο κουμπί Προσθήκη ενότητας (εικονίδιο συν-κύκλου) στη λίστα ή ανοίξτε το μενού μιας ενότητας και επιλέξτε Προσθήκη ενότητας πριν ή Προσθήκη ενότητας μετά.
- Ανοίγει ένας επιλογέας που εμφανίζει όλους τους τύπους ενοτήτων που μπορείτε να προσθέσετε σε αυτή τη σελίδα. Κάντε κλικ σε έναν για να τον προσθέσετε.
Κάθε τύπος ενότητας έχει μέγιστο όριο ανά σελίδα. Μόλις φτάσει το όριο, εξαφανίζεται από τον επιλογέα, και όταν μια θέση είναι γεμάτη το κουμπί Προσθήκη ενότητας απενεργοποιείται με tooltip ότι έχετε φτάσει το μέγιστο. Οι τύποι ενοτήτων είναι επίσης συγκεκριμένοι ανά σελίδα (π.χ. hero ή newsletter μόνο στην Αρχική). Ο πλήρης κατάλογος τύπων και ορίων βρίσκεται στο Sections and blocks.
Προσθήκη block μέσα σε ενότητα
Επιλέξτε μια ενότητα και στον πίνακα ελέγχου της κάντε κλικ στο Προσθήκη block. Τα blocks είναι τα κομμάτια μέσα σε μια ενότητα: κείμενο, εικόνες, κουμπιά, ομάδες διάταξης, διαχωριστικά και άλλα. Ποιοι τύποι blocks είναι διαθέσιμοι και πόσα από το καθένα μπορείτε να προσθέσετε διαφέρει ανά ενότητα.
Μενού ενότητας (αντιγραφή, διπλασιασμός και άλλα)
Για να δείτε όλες τις ενέργειες μιας ενότητας, επιλέξτε την και κάντε κλικ στο εικονίδιο μενού στην κορυφή του πίνακα ελέγχου ή κάντε δεξί κλικ στην ενότητα στην πλαϊνή στήλη. Το μενού περιλαμβάνει:
- Αντιγραφή: αντιγράφει ολόκληρη την ενότητα (περιεχόμενο και στυλ).
- Αντιγραφή μόνο στυλ: αντιγράφει μόνο το οπτικό στυλ.
- Επικόλληση: επικολλά μια αντιγραμμένη ενότητα. Η υπόδειξη δείχνει πού θα τοποθετηθεί (Μετά, Μέσα ή Αντικατάσταση). Είναι απενεργοποιημένο με λόγο όταν δεν έχει αντιγραφεί τίποτα, έχει φτάσει το όριο ή ο τύπος δεν επιτρέπεται σε εκείνο το σημείο.
- Επικόλληση μόνο στυλ: εφαρμόζει το αντιγραμμένο στυλ στην επιλεγμένη ενότητα. Απενεργοποιείται σε ασυμφωνία τύπου ή όταν δεν έχει αντιγραφεί τίποτα.
- Διπλασιασμός: τοποθετεί ένα αντίγραφο ακριβώς κάτω από το αρχικό, μόνο στην τρέχουσα σελίδα. Απενεργοποιείται όταν έχει φτάσει το όριο ανά σελίδα.
- Απόκρυψη / Εμφάνιση: εναλλάσσει την ορατότητα. Οι κρυφές ενότητες παραμένουν στο πρότυπό σας αλλά δεν εμφανίζονται στους πελάτες.
- Διαγραφή: αφαιρεί την ενότητα. Η αναίρεση την επαναφέρει.
Οι σειρές στην πλαϊνή στήλη έχουν επίσης ένα εικονίδιο ματιού (Απόκρυψη/Εμφάνιση) και ένα εικονίδιο κάδου (Διαγραφή) απευθείας. Οι υποχρεωτικές ενότητες δεν μπορούν να κρυφτούν ή να διαγραφούν, οπότε οι πληροφορίες Προϊόντος στη σελίδα Προϊόντος και οι πληροφορίες Landing στη σελίδα Landing δεν έχουν εικονίδιο κάδου.
Αναδιάταξη ενοτήτων και blocks
Στη λίστα Ενοτήτων, σύρετε μια γραμμή ενότητας πάνω ή κάτω για να αλλάξετε τη θέση της στη σελίδα. Η προεπισκόπηση ενημερώνεται αμέσως. Τα blocks αναδιατάσσονται με τον ίδιο τρόπο, σύροντας μέσα στον πίνακα ελέγχου.
Εφαρμογή ενότητας σε όλες τις σελίδες
Header, Footer, Announcement bar και Custom code εμφανίζονται σε κάθε σελίδα. Για να προωθήσετε μια επεξεργασμένη έκδοση παντού, ανοίξτε το μενού της ενότητας και επιλέξτε Εφαρμογή σε όλες τις σελίδες. Αυτό αντικαθιστά την αντίστοιχη ενότητα σε κάθε σελίδα της τρέχουσας αγοράς που την περιλαμβάνει ήδη (σελίδες που δεν την έχουν παραλείπονται). Η ενέργεια γράφεται απευθείας στο ζωντανό κατάστημά σας και δεν μπορεί να αναιρεθεί. Ο builder θα σας ζητήσει επιβεβαίωση πρώτα. Ο AI assistant μπορεί επίσης να το κάνει αυτό για εσάς, όπως καλύπτεται στο AI builder actions.
Αναίρεση, επανάληψη και αποθήκευση
Η επάνω μπάρα έχει κουμπιά Αναίρεση και Επανάληψη. Το ιστορικό διατηρείται ανά αγορά και ανά σελίδα, οπότε η αναίρεση στην Αρχική δεν επηρεάζει τη σελίδα Προϊόντος. Συντομεύσεις πληκτρολογίου: Cmd/Ctrl + Z για αναίρεση, Cmd/Ctrl + Shift + Z ή Cmd/Ctrl + Y για επανάληψη και Cmd/Ctrl + S για δημοσίευση.
Κάντε κλικ στο Δημοσίευση (επάνω δεξιά) για να περάσουν οι αλλαγές σας ζωντανά. Το κουμπί είναι απενεργοποιημένο όταν δεν υπάρχουν μη αποθηκευμένες αλλαγές. Η δημοσίευση γίνεται ανά αγορά και ανά σελίδα, οπότε η δημοσίευση της Αρχικής δεν δημοσιεύει τη σελίδα Προϊόντος.
Τι να ελέγξετε πριν τη δημοσίευση
- Αλλάξτε σε προβολή Κινητό και κάντε scroll σε όλη τη σελίδα, καθώς οι περισσότεροι πελάτες χρησιμοποιούν κινητό.
- Ελέγξτε την αντίθεση του κειμένου με το χρώμα φόντου κάθε ενότητας.
- Βεβαιωθείτε ότι κάθε block εικόνας έχει επιλεγμένο αρχείο πολυμέσων, γιατί τα κενά placeholders εικόνας εμφανίζονται ως κενός χώρος στο ζωντανό κατάστημα.
- Επιβεβαιώστε ότι τα κουμπιά και τα στοιχεία μενού οδηγούν στους σωστούς προορισμούς.
Για να αφήσετε τον AI assistant να δημιουργήσει και να επεξεργαστεί ενότητες για εσάς, δείτε το Building with the AI assistant.