← Όλα τα άρθραΣχεδιασμός email

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

4 λεπτά ανάγνωσης

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

Ορίστε την ελάχιστη απαιτούμενη αλλαγή

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

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

Ορίστε μικρές προδιαγραφές για το στοιχείο

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

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

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

Ελέγξτε τη συμπεριφορά έξω από τον επεξεργαστή

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

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

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

Αντικαταστήστε το συντομότερο όνομα προϊόντος με το μακρύτερο ρεαλιστικό. Αφαιρέστε προαιρετική εικόνα, προσθέστε μεταφρασμένο τίτλο και δοκιμάστε μακρύτερη τιμή ή ετικέτα κουμπιού. Ελέγξτε αν η δομή μεγαλώνει φυσικά ή αφήνει αποκομμένο περιεχόμενο και κενά σταθερού ύψους. Έτσι φαίνεται αν το μπλοκ είναι επαναχρησιμοποιήσιμο ή απλώς προσαρμοσμένο σε ένα δείγμα.

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

Επαναχρησιμοποιήστε μόνο τη δοκιμασμένη έκδοση

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

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

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

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

Εφαρμόστε τις ιδέες

Εξερευνήστε: μπλοκ HTML email