Skip to main content

Visual Editor basics

Ο Visual Editor είναι το βασικό περιβάλλον όπου επεξεργάζεσαι το site σου μετά τη δημιουργία του με AI.

Μέσα από τον editor μπορείς να αλλάξεις κείμενα, εικόνες, sections, χρώματα, διάταξη και βασικά στοιχεία της σελίδας χωρίς να γράψεις κώδικα.

Πότε χρησιμοποιείς τον Visual Editor​

Χρησιμοποίησε τον Visual Editor όταν θέλεις να:

  • αλλάξεις τίτλους και κείμενα,
  • προσθέσεις ή αφαιρέσεις sections,
  • αλλάξεις εικόνες,
  • ελέγξεις την εμφάνιση του site,
  • δεις πώς φαίνεται το site σε desktop και mobile,
  • κάνεις μικρές βελτιώσεις πριν το publish,
  • ελέγξεις τις αλλαγές που πρότεινε ο AI Assistant.

Βήμα 1 — Άνοιξε το site σου​

Μπες στο Centuply app και επίλεξε το site που θέλεις να επεξεργαστείς.

Από το dashboard ή το Site Cockpit, πάτησε Edit ή Open Editor.

Βήμα 2 — Κατανόησε τη βασική διάταξη​

Ο Visual Editor συνήθως χωρίζεται σε βασικές περιοχές:

  • Preview area: βλέπεις τη σελίδα όπως θα εμφανίζεται στον επισκέπτη.
  • Sidebar: βρίσκεις εργαλεία για sections, design, layout, history και AI.
  • Inspector: αλλάζεις ιδιότητες της επιλεγμένης ενότητας ή στοιχείου.
  • Top toolbar: βρίσκεις επιλογές για preview, publish, save ή navigation.

Η ακριβής εμφάνιση μπορεί να διαφέρει ανάλογα με το μέγεθος της οθόνης και το mode που χρησιμοποιείς.

Βήμα 3 — Επίλεξε ένα section​

Κάνε κλικ σε μια ενότητα της σελίδας, όπως:

  • Header
  • Hero
  • Services
  • About
  • Gallery
  • Testimonials
  • Contact
  • Footer

Όταν επιλέγεις ένα section, ο editor εμφανίζει διαθέσιμες επιλογές για αυτό το συγκεκριμένο σημείο.

Βήμα 4 — Άλλαξε κείμενα​

Για να αλλάξεις κείμενα, επίλεξε το section ή το στοιχείο που περιέχει το κείμενο.

Μπορείς να αλλάξεις:

  • headline,
  • subtitle,
  • paragraph,
  • button text,
  • labels,
  • μικρά βοηθητικά κείμενα.

Πριν αποθηκεύσεις, διάβασε το αποτέλεσμα σαν επισκέπτης. Το κείμενο πρέπει να είναι καθαρό, σύντομο και χρήσιμο.

Βήμα 5 — Άλλαξε εικόνες​

Αν ένα section υποστηρίζει εικόνα, μπορείς να την αλλάξεις από τις επιλογές του editor ή από τη Media Library.

Χρησιμοποίησε εικόνες που:

  • δείχνουν καθαρά την επιχείρηση,
  • ταιριάζουν στο ύφος του site,
  • δεν είναι θολές,
  • φαίνονται καλά και σε κινητό,
  • δεν είναι υπερβολικά βαριές.

Βήμα 6 — Πρόσθεσε ή άλλαξε sections​

Από το sections panel μπορείς να προσθέσεις νέες ενότητες στη σελίδα.

Παραδείγματα sections:

  • Services
  • Pricing
  • Gallery
  • Testimonials
  • FAQ
  • CTA Banner
  • Contact
  • Map

Πρόσθεσε μόνο sections που βοηθούν τον επισκέπτη να καταλάβει την επιχείρηση ή να κάνει ενέργεια, όπως επικοινωνία, κράτηση ή αγορά.

Βήμα 7 — Χρησιμοποίησε τον AI Assistant​

Αν δεν ξέρεις πώς να βελτιώσεις ένα section, χρησιμοποίησε τον AI Assistant.

Παραδείγματα οδηγιών:

Κάνε το hero πιο premium.

Κάνε το κείμενο πιο σύντομο.

Πρότεινε καλύτερο CTA.

Κάνε αυτή την ενότητα πιο κατάλληλη για κρατήσεις.

Ο Assistant δείχνει preview πριν εφαρμόσεις αλλαγές.

Βήμα 8 — Έλεγξε desktop και mobile​

Πριν κάνεις publish, έλεγξε πώς φαίνεται η σελίδα σε διαφορετικά μεγέθη οθόνης.

Πρόσεξε:

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

Βήμα 9 — Αποθήκευσε τις αλλαγές​

Όταν ολοκληρώσεις τις αλλαγές, αποθήκευσε.

Αν το site δεν είναι έτοιμο για δημοσίευση, κράτησέ το ως draft και συνέχισε αργότερα.

Αν είναι έτοιμο, πήγαινε στο publish flow.

Καλές πρακτικές​

  • Μην αλλάζεις πολλά πράγματα μαζί.
  • Κάνε μικρές αλλαγές και έλεγχε το preview.
  • Κράτα τα κείμενα σύντομα.
  • Χρησιμοποίησε καθαρές εικόνες.
  • Μην γεμίζεις τη σελίδα με πολλά sections.
  • Έλεγχε πάντα το mobile view.
  • Χρησιμοποίησε τον AI Assistant για προτάσεις, αλλά κράτα εσύ τον τελικό έλεγχο.

Video tutorial​

Προτεινόμενο video για αυτό το άρθρο:

Τίτλος: Τα βασικά του Visual Editor στο Centuply

Διάρκεια: 4-6 λεπτά

Σενάριο video:

  1. Άνοιγμα site από το dashboard.
  2. Άνοιγμα Visual Editor.
  3. Επιλογή section.
  4. Αλλαγή headline.
  5. Αλλαγή εικόνας.
  6. Προσθήκη νέου section.
  7. Χρήση AI Assistant.
  8. Έλεγχος mobile preview.
  9. Save και επόμενο βήμα.

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

Χρειάζομαι κώδικα για να χρησιμοποιήσω τον Visual Editor;​

Όχι. Ο Visual Editor είναι σχεδιασμένος για αλλαγές χωρίς κώδικα.

Μπορώ να αλλάξω όλο το site από τον editor;​

Μπορείς να αλλάξεις τις βασικές σελίδες, sections, κείμενα, εικόνες και εμφάνιση. Για πιο προχωρημένες αλλαγές, μπορεί να υπάρχουν ειδικές ενότητες όπως Brand, SEO, Forms ή Domains.

Τι γίνεται αν κάνω λάθος;​

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

Πρέπει να κάνω publish μετά από κάθε αλλαγή;​

Όχι. Μπορείς να επεξεργάζεσαι το site και να κάνεις publish όταν είσαι έτοιμος.

Πότε να χρησιμοποιώ τον AI Assistant αντί να αλλάζω μόνος μου το κείμενο;​

Όταν θέλεις καλύτερη διατύπωση, πιο επαγγελματικό ύφος, πιο δυνατό CTA ή ιδέες για βελτίωση.