Ρυθμίσεις του Stripo Drag-and-Drop Email Editor

Published: 22 Οκτωβρίου 2024 · Last updated: 21 Ιουλίου 2026 · By Marcus Biel

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

Καρτέλα Περιεχόμενο

Η καρτέλα Περιεχόμενο είναι το σημείο όπου σχεδιάζετε και οργανώνετε το περιεχόμενο του email σας. Περιλαμβάνει δύο κύριες ενότητες: Δομές και Μπλοκ.

1. Δομές

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

• Μίας στήλης
• Δύο στηλών
• Πολλών στηλών

Δεν περιορίζεστε σε αυτές τις επιλογές — μπορείτε να συνδυάσετε πολλά μπλοκ για να δημιουργήσετε οποιαδήποτε προσαρμοσμένη διάταξη θέλετε, με πλήρη ευελιξία ώστε να καλύψετε τις σχεδιαστικές σας ανάγκες.

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

2. Μπλοκ

Τα μπλοκ είναι τα στοιχεία περιεχομένου που τοποθετείτε μέσα στις δομές για να δημιουργήσετε το email σας.

Οι διαθέσιμοι τύποι μπλοκ είναι:

• Εικόνα: Ανεβάστε εικόνες (PNG, JPG, GIF) και προσαρμόστε την εμφάνισή τους.
• Κείμενο: Προσθέστε και μορφοποιήστε κείμενο για να επικοινωνήσετε το μήνυμά σας.
• Κουμπί: Προσθέστε κουμπιά με δυνατότητα κλικ και προσαρμόσιμο κείμενο, συνδέσμους και στυλ.
• Διαχωριστικό: Εισαγάγετε κενό χώρο για να ρυθμίσετε τη διάταξη ανάμεσα σε άλλα μπλοκ.
• Βίντεο: Ενσωματώστε περιεχόμενο βίντεο από πλατφόρμες όπως το YouTube, το Vimeo και άλλες.
• HTML: Προσθέστε προσαρμοσμένο κώδικα HTML και CSS για προηγμένη προσαρμογή του περιεχομένου του email.

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

Αναλυτική επεξήγηση των μπλοκ περιεχομένου

Μπλοκ εικόνας

Το Μπλοκ εικόνας στον drag-and-drop email editor του Stripo σάς επιτρέπει να προσθέτετε και να προσαρμόζετε εικόνες στην καμπάνια email σας.

Προσθήκη μπλοκ εικόνας

Μπορείτε να προσθέσετε ένα Μπλοκ εικόνας στο email σας με δύο τρόπους:

Επιλογή 1

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

Επιλογή 2

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

Μεταφόρτωση εικόνας

Αφού προσθέσετε το Μπλοκ εικόνας, έχετε δύο τρόπους για να ανεβάσετε μια εικόνα:

Μεταφορά και απόθεση

Μπορείτε να σύρετε και να αποθέσετε απευθείας ένα αρχείο εικόνας (PNG, JPG, GIF) από τον υπολογιστή σας στο πλαίσιο μεταφόρτωσης που εμφανίζεται μέσα στο Μπλοκ εικόνας.

Μεταφόρτωση από τον υπολογιστή

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

Αλλαγή εικόνας

Για να αντικαταστήσετε την εικόνα, χρησιμοποιήστε την επιλογή Αλλαγή εικόνας που βρίσκεται στην καρτέλα περιεχομένου. Κάντε κλικ στο κυκλικό εικονίδιο Αλλαγή εικόνας, το οποίο θα σας επιτρέψει να ανεβάσετε μια νέα εικόνα ή να συνδέσετε μια εικόνα από εξωτερικό URL.

Επεξεργασία εικόνας

Αφού ανεβάσετε μια εικόνα, ίσως θέλετε να κάνετε επιπλέον αλλαγές απευθείας μέσα στην πλατφόρμα. Ο ενσωματωμένος Επεξεργαστής εικόνας του Stripo σάς επιτρέπει να βελτιώσετε και να προσαρμόσετε τις εικόνες σας χωρίς να εγκαταλείψετε τον email editor.

Πρόσβαση στον Επεξεργαστή εικόνας

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

Διαθέσιμα εργαλεία επεξεργασίας εικόνας

• Φίλτρα Εφαρμόστε διάφορα φίλτρα με ένα μόνο κλικ, όπως:

  • Κλίμακα του γκρι
  • Ασπρόμαυρο
  • Όξυνση
  • Αντιστροφή
  • Σέπια
  • Φωτεινότητα
  • Χρώμα

• Αλλαγή μεγέθους Προσαρμόστε τις διαστάσεις της εικόνας σας. Μπορείτε να:

  • Καθορίσετε συγκεκριμένο πλάτος και ύψος.
  • Διατηρήσετε την αναλογία διαστάσεων.

• Περικοπή Επιλέξτε το τμήμα της εικόνας που θέλετε να διατηρήσετε και αφαιρέστε τα ανεπιθύμητα μέρη.

• Μετασχηματισμός Περιστρέψτε ή αναστρέψτε την εικόνα:

  • Οριζόντια
  • Κατακόρυφα

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

• Κείμενο Προσθέστε κείμενο απευθείας στην εικόνα. Προσαρμόστε:

  • Γραμματοσειρά
  • Μέγεθος
  • Χρώμα
  • Στοίχιση

• Σχήματα και αυτοκόλλητα Βελτιώστε την εικόνα σας προσθέτοντας:

  • Έτοιμα σχήματα
  • Διασκεδαστικά αυτοκόλλητα

• Πλαίσια Επιλέξτε από μια σειρά πλαισίων για να δώσετε στην εικόνα σας ένα κομψό περίγραμμα.

• Γωνίες Προσαρμόστε το στυλ των γωνιών για ένα προσεγμένο αποτέλεσμα.

• Φόντο Αφαιρέστε ή αντικαταστήστε το φόντο μιας εικόνας για καθαρότερη εμφάνιση.

Αποθήκευση των αλλαγών

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

Ρυθμίσεις εικόνας

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

Σύνδεσμος

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

• Ιστότοπος (HTTP, HTTPS)
• Email (mailto:)
• Αρχείο (ftp)
• Κοινοποίηση στα κοινωνικά δίκτυα (Facebook, X (πρώην Twitter), LinkedIn, Pinterest)

Μπορείτε να βρείτε αυτές τις επιλογές στο αναπτυσσόμενο μενού ρυθμίσεων συνδέσμου.

Εναλλακτικό κείμενο

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

Στοίχιση

Επιλέξτε τον τρόπο στοίχισης της εικόνας μέσα στο πλαίσιο της. Μπορείτε να τη στοιχίσετε Αριστερά, στο Κέντρο ή Δεξιά.

Μέγεθος

Προσαρμόστε χειροκίνητα το πλάτος και το ύψος της εικόνας χρησιμοποιώντας τα κουμπιά συν/πλην ή πληκτρολογώντας τις επιθυμητές διαστάσεις.

Μπορείτε επίσης να ενεργοποιήσετε την επιλογή "Προσαρμογή στο πλάτος", ώστε η εικόνα να προσαρμόζεται αυτόματα σε όλο το πλάτος του πλαισίου.

Responsive εικόνα

Ενεργοποιήστε την επιλογή "Responsive εικόνα" για να διασφαλίσετε ότι η εικόνα προσαρμόζεται σε διαφορετικά μεγέθη οθόνης, ιδιαίτερα σε κινητές συσκευές.

Εσωτερικό περιθώριο

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

Σύνδεσμοι αγκύρωσης

Μπορείτε να αντιστοιχίσετε έναν σύνδεσμο αγκύρωσης στην εικόνα, ώστε οι παραλήπτες να μεταβαίνουν σε συγκεκριμένη ενότητα μέσα στο ίδιο email όταν κάνουν κλικ στην εικόνα. Ωστόσο, σημειώστε ότι οι σύνδεσμοι αγκύρωσης ενδέχεται να μην λειτουργούν σε ορισμένα προγράμματα email, όπως το Gmail και το Apple Mail.

Μπλοκ κειμένου

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

Γραμμή εργαλείων κειμένου

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

1. Μορφή παραγράφου

Ορίστε το στυλ της παραγράφου επιλέγοντας από επιλογές όπως Κανονικό για απλό κείμενο ή διάφορα επίπεδα επικεφαλίδων (Επικεφαλίδα 1 έως Επικεφαλίδα 6) για τη δημιουργία μιας οργανωμένης ιεραρχίας στο email σας. Αυτό βοηθά το περιεχόμενο να είναι πιο ευανάγνωστο και οργανωμένο.

2. Οικογένεια γραμματοσειράς

Η προεπιλεγμένη γραμματοσειρά είναι η Arial, αλλά μπορείτε να επιλέξετε από μια ποικιλία γραμματοσειρών, συμπεριλαμβανομένων δημοφιλών επιλογών όπως Georgia, Helvetica και Courier New. Υπάρχει επίσης λειτουργία αναζήτησης για να βρείτε γρήγορα μια συγκεκριμένη γραμματοσειρά.

3. Μέγεθος γραμματοσειράς

Προσαρμόστε το μέγεθος γραμματοσειράς από 8pt έως 72pt. Η προεπιλογή είναι 14pt, που λειτουργεί καλά για το μεγαλύτερο μέρος του κειμένου σώματος ενός email. Χρησιμοποιήστε το αναπτυσσόμενο μενού για να ορίσετε γρήγορα το επιθυμητό μέγεθος γραμματοσειράς.

4. Στυλ κειμένου

Μορφοποιήστε το κείμενό σας χρησιμοποιώντας τις εξής επιλογές:

• Έντονα (B): Δίνει έμφαση στο κείμενο κάνοντάς το έντονο.
• Πλάγια (I): Εμφανίζει το κείμενο με πλάγια γραφή για πιο ιδιαίτερη εμφάνιση.
• Υπογράμμιση (U): Υπογραμμίζει το κείμενο, κάτι που χρησιμοποιείται συνήθως για υπερσυνδέσμους.
• Διακριτή διαγραφή (S): Διαγράφει το κείμενο με μια γραμμή, χρήσιμο για διορθώσεις ή αφαιρεμένο περιεχόμενο.

5. Σύνθετη μορφοποίηση κειμένου (μενού με τρεις τελείες)

Κάνοντας κλικ στις τρεις τελείες στη γραμμή εργαλείων, εμφανίζονται επιπλέον επιλογές:

• Δείκτης: Τοποθετεί το κείμενο κάτω από τη γραμμή βάσης, χρήσιμο για υποσημειώσεις ή χημικούς τύπους.
• Εκθέτης: Τοποθετεί το κείμενο πάνω από τη γραμμή βάσης, χρησιμοποιείται συνήθως για εκθέτες ή τακτικούς αριθμούς.
• Αφαίρεση μορφοποίησης: Αφαιρεί κάθε εφαρμοσμένη μορφοποίηση, επαναφέροντας το κείμενο στο προεπιλεγμένο στυλ.

6. Χρώμα κειμένου και φόντου

• Χρώμα κειμένου: Κάντε κλικ στο κουμπί Χρώμα κειμένου για να επιλέξετε από μια παλέτα ή εισαγάγετε έναν δεκαεξαδικό κωδικό για ακριβή έλεγχο του χρώματος του κειμένου.
• Χρώμα φόντου: Επιλέξτε ένα χρώμα φόντου (επισήμανσης) για το κείμενό σας.

7. Στοίχιση κειμένου

Στοιχίστε το κείμενό σας μέσα στο μπλοκ:

• Στοίχιση αριστερά: Στοιχίζει το κείμενο αριστερά.
• Κέντρο: Κεντράρει το κείμενο.
• Στοίχιση δεξιά: Στοιχίζει το κείμενο δεξιά.
• Πλήρης στοίχιση: Κατανέμει ομοιόμορφα το κείμενο σε όλο το πλάτος του μπλοκ.

8. Λίστες

Δημιουργήστε αριθμημένες και μη αριθμημένες λίστες:

• Εισαγωγή/Αφαίρεση λίστας με κουκκίδες: Προσθέτει ή αφαιρεί κουκκίδες.
• Εισαγωγή/Αφαίρεση αριθμημένης λίστας: Προσθέτει ή αφαιρεί μια αριθμημένη λίστα.

9. Αναδίπλωση γραμμών

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

10. Εσοχή

Προσαρμόστε την εσοχή του κειμένου σας:
- **Αύξηση εσοχής**: Μετακινεί το κείμενο μακρύτερα από το περιθώριο, χρήσιμο για υποσημεία ή παραθέματα.
- **Μείωση εσοχής**: Μειώνει την εσοχή, φέρνοντας το κείμενο πιο κοντά στο αριστερό περιθώριο.
![Εσοχή κειμένου](https://cms.maildroppa.com/assets/0146b155-9fe5-4495-be1c-19dcf1427639)

11. Εισαγωγή υπερσυνδέσμου

Μάθετε πώς να προσθέτετε, να επεξεργάζεστε και να διαχειρίζεστε υπερσυνδέσμους στο περιεχόμενο του email σας.

Βήματα για προσθήκη ή επεξεργασία συνδέσμου

a) Επισημάνετε το κείμενο

Επιλέξτε το κείμενο που θέλετε να μετατρέψετε σε υπερσύνδεσμο.

b) Κάντε κλικ στο εικονίδιο συνδέσμου

Στη Γραμμή εργαλείων κειμένου, κάντε κλικ στο Εικονίδιο συνδέσμου.

c) Επεξεργαστείτε τον σύνδεσμο στον πίνακα ρυθμίσεων

Θα εμφανιστεί ο πίνακας ρυθμίσεων στα δεξιά με επιλογές συνδέσμου:

• Πεδίο συνδέσμου: Εισαγάγετε το URL ή επιλέξτε από προκαθορισμένες επιλογές.
• Ετικέτα: Προσθέστε ετικέτες για να χαρακτηρίσετε συνδρομητές ή να ενεργοποιήσετε αυτοματισμούς.

Διόρθωση συνδέσμων μετά την αποστολή

Δεν υπάρχει τίποτα χειρότερο από το να στέλνετε μια νέα καμπάνια στους 2,365 συνδρομητές σας και να διαπιστώνετε ότι ένας από τους συνδέσμους δεν λειτουργεί εξαιτίας ενός απλού τυπογραφικού λάθους. Αντίο, εκπτώσεις Black Friday!

Ευτυχώς, έχουμε καταστήσει δυνατή τη διόρθωση κατεστραμμένων συνδέσμων — ακόμη και αφού το email έχει ήδη σταλεί στους συνδρομητές σας.

a) Προβολή καμπάνιας

Εντοπίστε την απεσταλμένη καμπάνια στην επισκόπηση, κάντε κλικ στις τρεις τελείες και επιλέξτε Προβολή καμπάνιας.

b) Τροποποίηση συνδέσμων ή ετικετών

Κάντε κύλιση στη λίστα συνδέσμων στις λεπτομέρειες της καμπάνιας για να:

• Ενημερώσετε τους προορισμούς συνδέσμων: Διορθώσετε λανθασμένα URL.
• Διαχειριστείτε ετικέτες: Προσθέσετε ή αφαιρέσετε ετικέτες για αυτοματισμούς.

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

Προσαρμογή εμφάνισης συνδέσμων

Στον πίνακα ρυθμίσεων στα δεξιά, μπορείτε να προσαρμόσετε την εμφάνιση του συνδέσμου:

• Χρώμα συνδέσμου: Επιλέξτε ένα χρώμα ή εισαγάγετε έναν δεκαεξαδικό κωδικό.

• Υπογράμμιση συνδέσμων: Ενεργοποιήστε ή απενεργοποιήστε τις υπογραμμίσεις για πιο καθαρή εμφάνιση.

12. Ετικέτες εξατομίκευσης

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

• Ανοίξτε το αναπτυσσόμενο μενού Ετικέτες εξατομίκευσης στη γραμμή εργαλείων για να επιλέξετε συνηθισμένα πεδία όπως Όνομα, Email ή Χώρα, ή ορίστε προσαρμοσμένα πεδία για να προσαρμόσετε τα email σε κάθε παραλήπτη.

13. Emoji

Προσθέστε οπτική έλξη στο κείμενό σας συμπεριλαμβάνοντας emoji.

• Κάντε κλικ στο Εικονίδιο emoji στη γραμμή εργαλείων για να ανοίξετε μια κατηγοριοποιημένη λίστα emoji για εύκολη περιήγηση.
• Σημείωση συμβατότητας: Δοκιμάστε τα email σε ορισμένα προγράμματα email, όπως το Outlook, καθώς κάποια ενδέχεται να μην εμφανίζουν σωστά τα emoji.

14. Πίνακας και ειδικοί χαρακτήρες

Στο τέλος της γραμμής εργαλείων, κάντε κλικ στις τρεις τελείες για να εμφανίσετε πιο σύνθετες επιλογές.

Εισαγωγή πίνακα

Δημιουργήστε και προσαρμόστε πίνακες για να βελτιώσετε τη διάταξη του email σας.

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

Εισαγωγή ειδικών χαρακτήρων

Βελτιώστε το κείμενό σας με σύμβολα, χαρακτήρες με τόνους και άλλους μη τυπικούς χαρακτήρες.

• Ανοίξτε την επιλογή Ειδικοί χαρακτήρες για να περιηγηθείτε σε μια μεγάλη ποικιλία χαρακτήρων.

Πρόσθετες ρυθμίσεις μπλοκ κειμένου (δεξιός πίνακας)

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

1. Χρώμα κειμένου

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

2. Χρώμα φόντου

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

3. Ρυθμίσεις ειδικά για συνδέσμους

Όταν το μπλοκ κειμένου περιέχει συνδέσμους, εμφανίζονται επιπλέον επιλογές στις ρυθμίσεις:

• Χρώμα συνδέσμου: Προσαρμόστε το χρώμα των συνδέσμων χρησιμοποιώντας τον επιλογέα χρώματος ή έναν δεκαεξαδικό κωδικό.

• Υπογράμμιση συνδέσμων: Ενεργοποιήστε ή απενεργοποιήστε την επιλογή υπογράμμισης για τους συνδέσμους μέσα στο μπλοκ κειμένου.

• Επεξεργασία συνδέσμου: Επιλέξτε έναν σύνδεσμο στην περιοχή περιεχομένου για να επεξεργαστείτε το URL του στον πίνακα ρυθμίσεων. Μπορείτε επίσης να αντιστοιχίσετε ή να ενημερώσετε ετικέτες για τον σύνδεσμο χρησιμοποιώντας το αναπτυσσόμενο μενού με την ένδειξη "Ετικέτες."

4. Στοίχιση

Στοιχίστε το μπλοκ κειμένου μέσα στο πλαίσιό του: Αριστερά, Κέντρο ή Δεξιά.

5. Σταθερό ύψος

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

6. Διάστιχο

Ελέγξτε την απόσταση μεταξύ των γραμμών κειμένου. Επιλέξτε Σφιχτό, Κανονικό ή Μεγάλο.

7. Εσωτερικό περιθώριο

Προσαρμόστε τον χώρο γύρω από το μπλοκ κειμένου. Εφαρμόστε ομοιόμορφο εσωτερικό περιθώριο ή προσαρμόστε κάθε πλευρά: Επάνω, Κάτω, Αριστερά και Δεξιά.

8. Σύνδεσμοι αγκύρωσης

Δημιουργήστε συνδέσμους αγκύρωσης, ώστε οι αναγνώστες να μεταβαίνουν σε συγκεκριμένες ενότητες του email σας. Σημειώστε ότι ορισμένα προγράμματα email δεν υποστηρίζουν συνδέσμους αγκύρωσης.

Μπλοκ κουμπιού

Το Μπλοκ κουμπιού σάς επιτρέπει να προσθέσετε ένα κουμπί με δυνατότητα κλικ στο email σας, με προσαρμόσιμες ρυθμίσεις για τη λειτουργικότητα και το στυλ.

Ρυθμίσεις συνδέσμου

Η επιλογή Σύνδεσμος καθορίζει την ενέργεια που ενεργοποιείται όταν ένας παραλήπτης κάνει κλικ στο κουμπί.

Διαθέσιμοι τύποι συνδέσμων

• Κανονικός σύνδεσμος ιστότοπου (HTTP ή HTTPS): Κατευθύνει τον χρήστη σε μια ιστοσελίδα.
• Σύνδεσμος email: Ανοίγει το πρόγραμμα email του χρήστη για σύνταξη νέου email.
• Σύνδεσμος αρχείου (FTP, FTPS): Συνδέεται με ένα αρχείο σε διακομιστή FTP.
• Skype: Ξεκινά κλήση ή συνομιλία στο Skype.
• Τηλέφωνο (tel): Ξεκινά τηλεφωνική κλήση σε συμβατές συσκευές.
• SMS: Ανοίγει την εφαρμογή μηνυμάτων με προσυμπληρωμένο αριθμό παραλήπτη.
• Viber: Ανοίγει την εφαρμογή Viber για μηνύματα ή κλήσεις.
• Άλλος τύπος πρωτοκόλλου: Καθορίστε ένα προσαρμοσμένο πρωτόκολλο που δεν περιλαμβάνεται παραπάνω.

Επιλογές κοινοποίησης στα κοινωνικά δίκτυα

Μπορείτε επίσης να ρυθμίσετε το κουμπί για κοινοποίηση σε κοινωνικά δίκτυα ή μέσω email:

• Facebook
• X (πρώην Twitter)
• LinkedIn
• Pinterest
• Κοινοποίηση μέσω email

Πεδίο URL

Δίπλα στον τύπο συνδέσμου, το Πεδίο URL (που συνήθως ξεκινά με https://) σάς επιτρέπει να εισαγάγετε τη συγκεκριμένη διεύθυνση που αντιστοιχεί στον τύπο συνδέσμου.

Ετικέτα κουμπιού

Προσαρμόστε την ετικέτα του κουμπιού ώστε να αντικατοπτρίζει την παρότρυνσή σας για ενέργεια. Η προεπιλεγμένη ετικέτα είναι "Κουμπί", αλλά μπορείτε να την αλλάξετε σε επιλογές όπως "Μάθετε περισσότερα", "Εγγραφείτε τώρα" ή "Αγοράστε τώρα".

Στυλ κειμένου

Οι ρυθμίσεις Στυλ κειμένου σάς επιτρέπουν να προσαρμόσετε την εμφάνιση του κειμένου του κουμπιού.

Επιλογή γραμματοσειράς

Επιλέξτε από μια ποικιλία τυπικών γραμματοσειρών, όπως:

• Arial
• Comic Sans MS
• Courier New
• Georgia
• Helvetica
• Lucida Sans Unicode
• Tahoma
• Times New Roman
• Trebuchet MS
• Verdana

Για μη τυπικές γραμματοσειρές, υπάρχουν επιπλέον επιλογές:

• Arvo
• Lato
• Lora
• Merriweather
• Merriweather Sans
• Noticia Text
• Open Sans
• Playfair Display
• Roboto
• Source Sans Pro

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

Μέγεθος και μορφοποίηση γραμματοσειράς

• Μέγεθος γραμματοσειράς: Επιλέξτε από 8 έως 72, ανάλογα με το πόσο έντονα θέλετε να εμφανίζεται το κείμενο του κουμπιού.
• Μορφοποίηση κειμένου: Εφαρμόστε στυλ Έντονα ή Πλάγια χρησιμοποιώντας τα εικονίδια "B" ή "I" για να δώσετε έμφαση στο κείμενο του κουμπιού.

Ρυθμίσεις χρώματος

Προσαρμόστε την εμφάνιση του κουμπιού αλλάζοντας τις ρυθμίσεις χρώματος.

1. Χρώμα κουμπιού: Αλλάξτε το χρώμα φόντου του κουμπιού. Η προεπιλογή είναι πράσινο (#31cb4b). Χρησιμοποιήστε το πεδίο δεκαεξαδικού κωδικού ή τον επιλογέα χρώματος για να επιλέξετε νέο χρώμα.

2. Χρώμα κειμένου: Καθορίστε το χρώμα του κειμένου του κουμπιού. Η προεπιλογή είναι λευκό (#ffffff). Επιλέξτε χρώμα που κάνει αρκετή αντίθεση με το φόντο του κουμπιού για καλή αναγνωσιμότητα.

3. Χρώμα φόντου: Προσαρμόστε το φόντο του πλαισίου του κουμπιού. Από προεπιλογή είναι διαφανές, αλλά μπορείτε να το αλλάξετε ώστε το κουμπί να ξεχωρίζει από το φόντο του email.

Ακτίνα περιγράμματος

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

• Προεπιλεγμένη τιμή: 30 (μέτρια στρογγυλεμένες γωνίες).
• Εύρος: 0 (τετράγωνες γωνίες) έως 100 (κουμπί σε σχήμα κάψουλας).

Σημείωση: Για να εμφανίζονται σωστά οι στρογγυλεμένες γωνίες στο Microsoft Outlook, ενεργοποιήστε την επιλογή "Υποστήριξη Outlook" στην καρτέλα Εμφάνιση.

Στοίχιση

Τοποθετήστε το κουμπί στην περιοχή περιεχομένου του χρησιμοποιώντας τη ρύθμιση Στοίχιση.

• Επιλογές: Αριστερά, Κέντρο, Δεξιά.
• Συνήθης χρήση: Κεντρική στοίχιση για έμφαση, αριστερή ή δεξιά στοίχιση για συνέπεια στον σχεδιασμό.

Σταθερό ύψος

Ενεργοποιήστε την επιλογή Σταθερό ύψος για να διατηρήσετε σταθερές διαστάσεις κουμπιού.

1. Προεπιλογή: Απενεργοποιημένη.
2. Ελάχιστο ύψος: 44 pixel.
3. Κατακόρυφη στοίχιση περιεχομένου: Όταν είναι ενεργοποιημένο το σταθερό ύψος, στοιχίστε το περιεχόμενο του κουμπιού Επάνω, Στη μέση ή Κάτω για ακριβή τοποθέτηση.

Κουμπί με εικονίδιο

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

• Υποστηριζόμενες μορφές: Ανεβάστε εικονίδια σε μορφή PNG, JPG ή GIF, με μέγιστο μέγεθος αρχείου 2 MB.
• Τοποθέτηση εικονιδίου: Επιλέξτε αν το εικονίδιο θα εμφανίζεται στην Αριστερή ή τη Δεξιά πλευρά του κειμένου του κουμπιού.

Σημείωση: Τα εικονίδια δεν εμφανίζονται σε ορισμένες εκδόσεις του Microsoft Outlook για Windows, όπως:

• Outlook 2002, 2007, 2010, 2013, 2016 και 2019. Ο περιορισμός αυτός οφείλεται στον τρόπο με τον οποίο αυτά τα προγράμματα email αποδίδουν τα HTML email. Λάβετε το υπόψη αν μεγάλο μέρος του κοινού σας χρησιμοποιεί αυτά τα προγράμματα.

Ρυθμίσεις περιγράμματος

Προσαρμόστε τα περιγράμματα του κουμπιού για επιπλέον στυλ και έμφαση.

• Πλάτος περιγράμματος: Ορίστε ξεχωριστά το πλάτος για κάθε πλευρά (αριστερά, δεξιά, επάνω και κάτω), έως 40 pixel.
• Στυλ περιγράμματος: Επιλέξτε μεταξύ Συμπαγές, Διακεκομμένο ή Με τελείες.
• Χρώμα περιγράμματος: Χρησιμοποιήστε τον επιλογέα χρώματος ή εισαγάγετε έναν δεκαεξαδικό κωδικό, ώστε το χρώμα του περιγράμματος να ταιριάζει με την επωνυμία ή το σχεδιαστικό σας θέμα.

Εσωτερικό περιθώριο

Προσαρμόστε τον χώρο μέσα στο κουμπί, ανάμεσα στο περιεχόμενο (κείμενο και εικονίδιο) και το περίγραμμα του κουμπιού.

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

Εξωτερικό περιθώριο

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

• Επιλογές προσαρμογής: Ορίστε τιμές εξωτερικού περιθωρίου για τις πλευρές Αριστερά, Δεξιά, Επάνω και Κάτω, έως μέγιστο 40 pixel.
• Περίπτωση χρήσης: Διασφαλίζει ότι το κουμπί δεν εμφανίζεται πολύ κοντά σε άλλο περιεχόμενο ή στις άκρες του email.

Προσθήκη συνδέσμου αγκύρωσης

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

• Όνομα αγκύρωσης: Καθορίστε έναν προορισμό μέσα στο email και συνδέστε το κουμπί με αυτή την αγκύρωση. Όταν γίνει κλικ, το email μετακινείται στην καθορισμένη ενότητα, βελτιώνοντας την πλοήγηση του χρήστη.

Σημαντικό: Οι σύνδεσμοι αγκύρωσης δεν υποστηρίζονται σε ορισμένα προγράμματα email, όπως:

• Εφαρμογή Gmail για iOS
• Apple Mail για iOS
• Εφαρμογή Outlook για Android
• Εφαρμογή Outlook για macOS
• AMP Emails

Δοκιμάστε διεξοδικά το email σας για να διασφαλίσετε τη λειτουργικότητα σε διαφορετικά προγράμματα email και να καθορίσετε αν αυτή η λειτουργία ταιριάζει στο κοινό σας.

Μπλοκ διαχωριστικού

Το Μπλοκ διαχωριστικού σάς επιτρέπει να προσθέτετε ρυθμιζόμενο χώρο μέσα στο περιεχόμενο του email σας, παρέχοντας έλεγχο του μεγέθους, της στοίχισης, της εμφάνισης και του εσωτερικού διαστήματος. Παρακάτω θα βρείτε λεπτομέρειες για τους δύο τύπους διαχωριστικών: Κανονικό διαχωριστικό και Δυναμικό διαχωριστικό.

1. Κανονικό διαχωριστικό

Το Κανονικό διαχωριστικό είναι ένα στοιχείο γραμμής που διαχωρίζει οπτικά τις ενότητες του email σας.

Βασικές ρυθμίσεις

1. Πάχος και στυλ γραμμής Προσαρμόστε το πάχος, το στυλ και το χρώμα της γραμμής:

   • Πάχος: Προσαρμόστε το χρησιμοποιώντας τα κουμπιά + και - (ξεκινώντας από 1).
   • Στυλ: Επιλέξτε μεταξύ συμπαγούς, διακεκομμένης ή διάστικτης γραμμής.
   • Χρώμα: Ορίστε προσαρμοσμένο χρώμα χρησιμοποιώντας δεκαεξαδικό κωδικό ή τον επιλογέα χρώματος (προεπιλογή: #cccccc).

2. Πλάτος Καθορίστε πόσο εκτείνεται η γραμμή του διαχωριστικού στο περιεχόμενό σας. Προσαρμόστε το πλάτος σε pixel χρησιμοποιώντας τα κουμπιά + και -.

3. Στοίχιση Στοιχίστε τη γραμμή αριστερά, στο κέντρο ή δεξιά, ώστε να ταιριάζει στη διάταξή σας.

4. Εσωτερικό περιθώριο Ελέγξτε το εσωτερικό διάστημα γύρω από το διαχωριστικό:

   • Προεπιλογή: Το εσωτερικό περιθώριο έχει οριστεί σε 20 σε όλες τις πλευρές.
   • Χρησιμοποιήστε την εναλλαγή Περισσότερα για να καθορίσετε εσωτερικό περιθώριο για μεμονωμένες πλευρές:
     • Επάνω
     • Δεξιά
     • Κάτω
     • Αριστερά

Περίπτωση χρήσης

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

2. Δυναμικό διαχωριστικό

Το Δυναμικό διαχωριστικό είναι ένα αόρατο μπλοκ κενού χώρου, σχεδιασμένο για να δημιουργεί «ανάσες» στη διάταξη του email σας.

Βασικές λειτουργίες

1. Προσαρμογή ύψους Προσαρμόστε το ύψος απευθείας στην περιοχή περιεχομένου ή μέσω του πίνακα ελέγχου χρησιμοποιώντας τα κουμπιά + και -. Το ύψος καθορίζει τον κατακόρυφο χώρο που προστίθεται ανάμεσα στις ενότητες.

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

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

Βασικές διαφορές μεταξύ κανονικών και δυναμικών διαχωριστικών

• Δυναμικό διαχωριστικό: Προσθέτει κενό χώρο χωρίς ορατή γραμμή.
• Κανονικό διαχωριστικό: Περιλαμβάνει ρυθμίσεις ειδικά για γραμμή, όπως:
  • πλάτος γραμμής
  • στοίχιση
  • στυλ γραμμής
  • εσωτερικό περιθώριο

Το Δυναμικό διαχωριστικό δεν υποστηρίζει αυτές τις λειτουργίες και έχει σχεδιαστεί αποκλειστικά για διαχωρισμό χωρίς οπτικά στοιχεία.

3. Προσθήκη συνδέσμου αγκύρωσης

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

Σημείωση: Οι σύνδεσμοι αγκύρωσης δεν υποστηρίζονται από ορισμένα προγράμματα email, όπως:

• Microsoft Outlook
• Gmail (σε κινητές συσκευές)

Μπλοκ βίντεο

Το Μπλοκ βίντεο σάς επιτρέπει να ενσωματώνετε βίντεο στο email σας και να προσαρμόζετε την εμφάνιση και τη συμπεριφορά τους. Υποστηρίζει συνδέσμους βίντεο από πλατφόρμες όπως το YouTube και το Vimeo, παρέχοντας ευελιξία και έλεγχο στον τρόπο παρουσίασης του βίντεο.

1. Σύνδεσμος προς βίντεο

Προσθέστε το URL του βίντεο στο πεδίο Σύνδεσμος προς βίντεο. Οι υποστηριζόμενες πλατφόρμες περιλαμβάνουν το YouTube, το Vimeo και άλλες υπηρεσίες που επιτρέπουν ενσωμάτωση.

• Αυτόματη συμπεριφορά: Όταν προστίθεται έγκυρο URL:

  • Δημιουργείται αυτόματα μια εικόνα προεπισκόπησης χρησιμοποιώντας τη μικρογραφία του βίντεο από την πλατφόρμα.
  • Το πεδίο Εναλλακτικό κείμενο συμπληρώνεται αυτόματα με τον τίτλο ή την περιγραφή του βίντεο, αν είναι διαθέσιμα.

• Επεξεργάσιμα πεδία: Μπορείτε να επεξεργαστείτε χειροκίνητα ή να αντικαταστήσετε την εικόνα και το κείμενο που δημιουργήθηκαν, αν χρειάζεται.

2. Εναλλακτικό κείμενο

Το πεδίο Εναλλακτικό κείμενο διασφαλίζει την προσβασιμότητα, εμφανίζοντας μια περιγραφή του βίντεο αν αυτό δεν φορτώσει.

• Συμπληρώνεται αυτόματα όταν προστίθεται υποστηριζόμενο URL βίντεο.
• Μπορεί να προσαρμοστεί στις ανάγκες του περιεχομένου σας.

3. Προσαρμοσμένη μικρογραφία

Ανεβάστε μια προσαρμοσμένη εικόνα για να αντικαταστήσετε την προεπιλεγμένη προεπισκόπηση βίντεο.

• Τρόπος ενεργοποίησης: Ενεργοποιήστε την επιλογή Προσαρμοσμένη μικρογραφία.
• Υποστηριζόμενες μορφές: PNG, JPG ή GIF.
• Πότε να τη χρησιμοποιήσετε: Αντικαταστήστε τη μικρογραφία που δημιουργήθηκε όταν δεν ταιριάζει με τον σχεδιασμό του email σας.

4. Κουμπί αναπαραγωγής

Προσαρμόστε το επικαλυπτόμενο Κουμπί αναπαραγωγής για τη μικρογραφία του βίντεο.

• Διαθέσιμες επιλογές:
  • Επιλέξτε από τα στυλ κουμπιού αναπαραγωγής του YouTube, του Vimeo ή άλλων υπηρεσιών.
  • Επιλέξτε «Κανένα» για να αποκρύψετε εντελώς το κουμπί αναπαραγωγής.

5. Μέγεθος

Προσαρμόστε τις διαστάσεις του βίντεο ώστε να ταιριάζει στον σχεδιασμό του email σας.

• Πλάτος και ύψος: Χρησιμοποιήστε τα κουμπιά + και - ή εισαγάγετε χειροκίνητα τιμές για να ελέγξετε το μέγεθος.
• Responsive σχεδιασμός: Διασφαλίστε ότι το βίντεο προσαρμόζεται ομαλά σε διάφορες συσκευές.

6. Προσαρμογή στο πλάτος

Ενεργοποιήστε την εναλλαγή Προσαρμογή στο πλάτος, ώστε το βίντεο να προσαρμόζεται αυτόματα στο πλάτος του πλαισίου του. Έτσι διατηρείται ο responsive σχεδιασμός του βίντεο σε διάφορες συσκευές.

7. Responsive εικόνα

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

• Σημείωση: Η responsive συμπεριφορά εξαρτάται από την υποστήριξη της συσκευής και του προγράμματος email.

8. Στοίχιση

Χρησιμοποιήστε τη ρύθμιση Στοίχιση για να ελέγξετε την οριζόντια θέση του βίντεο στο μπλοκ:

• Αριστερά: Στοιχίζει το βίντεο αριστερά.
• Κέντρο: Κεντράρει το βίντεο.
• Δεξιά: Στοιχίζει το βίντεο δεξιά.

9. Ειδικές επιλογές για κινητές συσκευές

Προσαρμόστε τη συμπεριφορά και την εμφάνιση του βίντεο σε κινητές συσκευές:

1. Απόκρυψη στοιχείου σε κινητές συσκευές Αποκρύψτε το μπλοκ βίντεο σε κινητές συσκευές, αν χρειάζεται.

   • Σημείωση: Αυτή η λειτουργία βασίζεται στην υποστήριξη media query και ενδέχεται να μην λειτουργεί σε όλα τα προγράμματα email.

2. Εσωτερικό περιθώριο σε κινητές συσκευές Προσαρμόστε το εσωτερικό περιθώριο γύρω από το βίντεο για προβολή σε κινητές συσκευές.

   • Χρησιμοποιήστε την εναλλαγή Περισσότερα για να ορίσετε ξεχωριστές τιμές εσωτερικού περιθωρίου για:
     • Επάνω
     • Δεξιά
     • Κάτω
     • Αριστερά

10. Συμπερίληψη σε AMPHTML ή HTML

Επιλέξτε αν το μπλοκ βίντεο θα εμφανίζεται σε συγκεκριμένες εκδόσεις email:

• Και σε AMPHTML και σε HTML
• Μόνο σε AMPHTML
• Μόνο σε HTML

Αυτή η επιλογή διασφαλίζει ότι το βίντεο περιλαμβάνεται σωστά, ανάλογα με την έκδοση του email που παραδίδεται.

Μπλοκ HTML

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

1. Διεπαφή επεξεργαστή κώδικα

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

• Ενότητα HTML: Προσθέστε ή επεξεργαστείτε τη δομή HTML του email σας.
• Ενότητα CSS: Ανοίξτε ξεχωριστό επεξεργαστή CSS για να μορφοποιήσετε το περιεχόμενό σας.

2. Προσαρμογή μεγέθους γραμματοσειράς

Προσαρμόστε το μέγεθος γραμματοσειράς του κώδικα στον επεξεργαστή για καλύτερη αναγνωσιμότητα:

• Χρησιμοποιήστε το κουμπί A+ για να αυξήσετε το μέγεθος γραμματοσειράς.
• Χρησιμοποιήστε το κουμπί A- για να μειώσετε το μέγεθος γραμματοσειράς.

3. Προσαρμογή μεγέθους παραθύρου επεξεργαστή

Αλλάξτε το μέγεθος του παραθύρου επεξεργασίας κώδικα σύμφωνα με τις προτιμήσεις εργασίας σας:

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

Αυτή η λειτουργία είναι ιδιαίτερα χρήσιμη για τη διαχείριση μεγαλύτερων ή πιο λεπτομερών μπλοκ κώδικα.

4. Επεξεργαστής CSS

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

Σημαντικές παρατηρήσεις:

• Περιορισμένη υποστήριξη: Πολλά προγράμματα email δεν υποστηρίζουν προηγμένες λειτουργίες CSS όπως Flexbox, Grid ή media queries.
• Μείνετε στα βασικά: Χρησιμοποιήστε βασικό ενσωματωμένο CSS για μέγιστη συμβατότητα.
• Προδιαμορφωμένα στυλ: Αποφύγετε τη διαγραφή προδιαμορφωμένων στυλ, καθώς διασφαλίζουν τη σωστή απόδοση στα κύρια προγράμματα email.

5. Συμβατότητα με προγράμματα email

Η HTML των email απαιτεί ιδιαίτερη προσοχή λόγω των παρωχημένων μηχανών απόδοσης σε πολλά προγράμματα email.

Βασικές οδηγίες:

• Χρησιμοποιήστε διατάξεις βασισμένες σε πίνακες αντί για διατάξεις βασισμένες σε <div>, για καλύτερη υποστήριξη.
• Αποφύγετε προηγμένες λειτουργίες CSS όπως animations, Flexbox ή Grid.
• Αναμένετε ασυνεπή συμπεριφορά για τα media queries και μικρές ιδιότητες CSS.
• Δοκιμές: Δοκιμάζετε πάντα τα email σε πολλά προγράμματα email (π.χ. Gmail, Outlook, Apple Mail) για να διασφαλίσετε τη σωστή απόδοση.

6. Εσωτερικό περιθώριο

Η ρύθμιση Εσωτερικό περιθώριο προσαρμόζει τον χώρο γύρω από το περιεχόμενο HTML:

• Προεπιλεγμένο εσωτερικό περιθώριο: Ορίζεται σε 0 από προεπιλογή.
• Προσαρμοσμένο εσωτερικό περιθώριο: Ενεργοποιήστε την εναλλαγή Περισσότερα για να προσαρμόσετε ξεχωριστά το εσωτερικό περιθώριο για:
  • Επάνω
  • Δεξιά
  • Κάτω
  • Αριστερά

Αυτή η λειτουργία είναι ιδανική για την ευθυγράμμιση περιεχομένου HTML μέσα στη διάταξη του email.

7. Προσθήκη συνδέσμου αγκύρωσης

Η λειτουργία Προσθήκη συνδέσμου αγκύρωσης σάς επιτρέπει να δημιουργήσετε έναν σύνδεσμο σε άλλο σημείο του email, ο οποίος οδηγεί στο Μπλοκ HTML.

Τρόπος χρήσης:

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

Περιορισμοί:

• Οι σύνδεσμοι αγκύρωσης δεν υποστηρίζονται από ορισμένα προγράμματα email, όπως:
  • Εφαρμογή Gmail για iOS
  • Apple Mail για iOS
  • Εφαρμογή Outlook (Android και macOS)
  • AMP Emails

8. Συγγραφή προσαρμοσμένου HTML

Ο Επεξεργαστής HTML έχει σχεδιαστεί για τη συγγραφή ή επικόλληση της προσαρμοσμένης δομής HTML του email σας.

Βέλτιστες πρακτικές:

• Χρησιμοποιήστε απλό HTML με ευρεία υποστήριξη.
• Αποφύγετε σύνθετες διατάξεις ή λειτουργίες, όπως στοιχεία <div>.
• Προτιμήστε σχεδιασμούς βασισμένους σε πίνακες για καλύτερη συμβατότητα.

9. Συμβουλές επιτυχίας

1. Ξεκινήστε από μικρά: Χρησιμοποιήστε το Μπλοκ HTML για συγκεκριμένες ενότητες, αν είστε αρχάριοι στην ανάπτυξη email.
2. Επικυρώστε τον κώδικα: Βεβαιωθείτε ότι το HTML σας συμμορφώνεται με τις απαιτήσεις των προγραμμάτων email.
3. Δοκιμάστε διεξοδικά: Χρησιμοποιήστε εργαλεία για προεπισκόπηση και δοκιμή του email σας σε πολλά προγράμματα email και συσκευές.