Αρχική σελίδα » Web Design » 9 τεχνάσματα για το σχεδιασμό Το τέλειο ενημερωτικό δελτίο HTML

    9 τεχνάσματα για το σχεδιασμό Το τέλειο ενημερωτικό δελτίο HTML

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

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

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

    Στόχοι ενός ενημερωτικού δελτίου

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

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

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

    1. Χρησιμοποιήστε τους πίνακες στις διατάξεις σας

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

    Μπορεί επίσης να αναρωτιέστε γιατί div και άλλα στοιχεία μπλοκ δεν είναι τόσο καλή ιδέα. Οι περισσότεροι πελάτες ηλεκτρονικού ταχυδρομείου είναι για να απομακρύνει κάθε ξένο CSS περιεχόμενο. Αυτό σημαίνει ότι δεν θα μπορείτε να χρησιμοποιήσετε μεγάλο μέρος από τίποτα εκτός από inline CSS (και ακόμη και η πλήρης υποστήριξη είναι ακατάλληλη). Οι πελάτες όπως το Microsoft Outlook 2007 και το Gmail της Google έχουν πολύ κακή υποστήριξη για επιπλεόν στοιχεία και άμεση τοποθέτηση.

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

    2. Καθορισμένο πλάτος τοποθέτησης

    Έχετε μερικές επιλογές κατά την κατασκευή των σχεδίων της διάταξης του ενημερωτικού δελτίου σας, ωστόσο η καλύτερη επιλογή που πρέπει να ακολουθήσετε είναι για να ορίσετε σταθερά πλάτη για τον πίνακα που περιέχει. Υπάρχουν πολλές διαφορετικές αναλύσεις οθόνης - δεν θα μπορείτε να ευχαριστήσετε όλους. Εάν δεν έχετε συγκεκριμένα στοιχεία με στατικά πλάτη, θα μπορούσατε πάντα να τα χρησιμοποιήσετε πλάτος = "100%" στο τραπέζι που περιέχει. Αυτό θα επιτρέψει στο περιεχόμενό σας να καλύψει ολόκληρο το πλάτος όλων των πελατών ηλεκτρονικού ταχυδρομείου.

    Ωστόσο, για πολλούς αυτή η μέθοδος είναι λίγο υπερβολικά χαλαρή. Κατασκευαστικά ενημερωτικά δελτία θα απαιτεί σταθερό πλάτος στις περισσότερες περιπτώσεις, ειδικά αν χρησιμοποιείτε πανό και εικόνες που έχουν ορισμένο μέγεθος. Σας συνιστώ να συνεργαστείτε 500px - 600px μέγιστο πλάτος εγγράφου. Το οριζόντιο μέγεθος οθόνης του iPhone και ορισμένα μοντέλα BlackBerry περιορίζεται στα 320 pixel, επομένως ακόμα και στα 500 pixel το πρότυπο ηλεκτρονικού ταχυδρομείου θα είναι κλιμακωθεί για να ταιριάζει σωστά.

    Λαμβάνοντας υπόψη ότι πολλοί χρήστες κινητών τηλεφώνων επιλέγουν να βλέπουν ηλεκτρονικά μηνύματα χωρίς HTML ούτως ή άλλως, αυτό δεν πρέπει να αποτελεί τεράστιο πρόβλημα. Οι χρήστες των υπολογιστών-πελατών υπολογιστών και webmail πιθανότατα θα έχουν παρόμοια ρύθμιση ανεξάρτητα από το λειτουργικό σύστημα που χρησιμοποιούν. Σε περίπτωση αμφιβολίας δημιουργήστε μερικά σχέδια προτύπων και επιλέξτε αυτά που σας αρέσουν καλύτερα!

    3. Μονάδες Pixel

    Εάν δεν χρησιμοποιείτε ρευστά στοιχεία στο ενημερωτικό δελτίο σας, είναι πιθανό ότι θα χρειαστεί να διαχωρίσετε μερικά πράγματα. Προσπαθήστε να το κρατήσετε εικονοστοιχεία (px) παρά σε έναν άλλο τύπο μονάδας. Τα ποσοστά μπορούν να μπερδευτούν εύκολα με τους πολλούς υπολογιστές-πελάτες webmail και τα παράθυρα λογισμικού. Με λιγότερα στοιχεία σελίδας, οι διατάξεις υγρού μπορούν να βγουν χωρίς αλλοιώσεις, αν και με λίγα σφάλματα.

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

    4. Οι δυνατότητες με το CSS

    Μπορεί να φαίνεται ότι το σχέδιο ηλεκτρονικού ταχυδρομείου είναι έξω για να καταστρέψει τη χρήση των στυλ CSS. Αν και υπάρχουν πολλές μη υποστηριζόμενες λειτουργίες, το CSS εξακολουθεί να είναι απολύτως αποδεκτό σε πολλές περιπτώσεις. Το Campaign Monitor διαθέτει ένα όμορφο πίνακα υποστηριζόμενων ιδιοτήτων CSS που αναφέρονται από τον πελάτη ηλεκτρονικού ταχυδρομείου. Όλοι θα υποστηρίξουν τα βασικά όπως γραμματοσειρά-οικογένεια και στυλ γραμματοσειράς, έτσι μπορείτε να παραλείψετε το ετικέτα αν θέλετε.

    Να είστε προσεκτικοί σχετικά με τα στυλ γραμματοσειράς σας, ώστε να μην πιέζετε υπερβολικά τα όρια. Εάν αισθάνεστε άβολα με τα inline styles, είναι πάντα πιθανό να χρησιμοποιήσετε την ετικέτα γραμματοσειράς HTML ακόμα κι αν έχει ξεπεραστεί. Εάν είστε σχεδιαστής CSS, δεν χρειάζεται να κλείσετε το σύστημα, αλλά οποιαδήποτε στενογραφία CSS μπορεί να οδηγήσει σε σχέδια buggy. Για παράδειγμα, το γραμματοσειρά: 12px / 14px Arial, sans-serif; η στενογραφία μπορεί να σας βοηθήσει να εξοικονομήσετε πολύ χώρο, αλλά δεν είναι πλήρως αποδεκτή για το σχεδιασμό ηλεκτρονικού ταχυδρομείου, ακόμα και όταν χρησιμοποιείται με ενσωματωμένα στυλ.

    Ακόμα και οι επιλογές χρωμάτων σας θα πρέπει να γράφεται από μακριά. Χρωματικά χρώματα όπως #ccc ή # e3f πρέπει να είναι γραμμένο πλήρως ως #cccccc ή # ee33ff, αντίστοιχα. Εάν μπορείτε να χτίσετε ό, τι χρειάζεστε χωρίς CSS θα συνιστούσα αυτή τη διαδρομή, αλλά μην αποφεύγετε τελείως από το CSS σε σχέδια ηλεκτρονικού ταχυδρομείου γιατί αντίθετα με τη δημοφιλή πεποίθηση υποστηρίζεται στις περισσότερες περιπτώσεις.

    5. Βέλτιστες πρακτικές συνδέσεων αγκύρωσης

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

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

    κάποιο κείμενο συνδέσμου 

    Τα εφέ κίνησης είναι δεν υποστηρίζεται στο Outlook 2007/2010, το Gmail, το iOS ή το Android. Ίσως να θέλετε να συμπεριλάβετε το α: αιωρείται για όλα τα υποστηρικτικά προγράμματα πελατών: Outlook 2000/2003, Hotmail, Apple Mail και Yahoo! mail, αλλά προσωπικά δεν βλέπω πολλά οφέλη στην εμπειρία μερικού χρήστη, καθώς οι επιλογείς αγκύρωσης δεν υποστηρίζονται σε μεγάλο βαθμό συστήνω προσφέροντας μόνο 2-3 χρώματα σύνδεσης για χρήση σε όλο το σχέδιό σας.

    Ως τεκμήριο, οι χρήστες θα περιμένουν επίσης να ανοίξουν οι σύνδεσμοι σας σε μια νέα καρτέλα ή παράθυρο. Στην ιδανική περίπτωση target = "_ blank" το χαρακτηριστικό θα πρέπει να είναι αρκετό για όλα τα προγράμματα περιήγησης να αναγνωρίζουν αυτή τη λειτουργικότητα και η συμπερίληψη αυτού του χαρακτηριστικού στις συνδέσεις αγκύρωσής σας δεν θα πρέπει να επηρεάζει αρνητικά το λογισμικό ηλεκτρονικού ταχυδρομείου όπως το Lotus Notes ή το Outlook.

    6. Δοκιμή σε όλους τους σημαντικούς πελάτες

    Μια πρόσφατη μελέτη των πιο δημοφιλών πελατών ηλεκτρονικού ταχυδρομείου (που γίνεται από την Campaign Monitor) δείχνει δέκα από τα πιο δημοφιλή προγράμματα ηλεκτρονικού ταχυδρομείου τον περασμένο χρόνο. Μπορεί να φαίνεται λίγο κουραστικό αλλά σχεδιαστές θα πρέπει να έχουν τη συνήθεια να ελέγχουν τα ενημερωτικά δελτία τους σε όλους τους μεγάλους πελάτες ηλεκτρονικού ταχυδρομείου, τουλάχιστον σε μερικούς από τους συνηθέστερους πελάτες όπως το Gmail, το Hotmail ή το Yahoo! Ταχυδρομείο.

    Αυτό δεν περιλαμβάνει αποκλειστικά το webmail, αλλά και το λειτουργικό λογισμικό τόσο στο Mac OS X όσο και στα Windows. Επίσης, σύμφωνα με το διάγραμμα iOS Mail και Android έχουν γίνει και τα δύο στην πρώτη λίστα κατά τα τελευταία χρόνια. Στην πραγματικότητα, το iPhone, το iPod Touch και το iPad Mail κατατάσσουν το # 2 πιο δημοφιλές δικαίωμα στο Outlook! Δυστυχώς δεν υπάρχει τρόπος να τα δοκιμάσετε χωρίς να διαθέτετε μία από τις συσκευές - οπότε θα πρέπει να εγκατασταθείτε με άλλες επιλογές.

    Ένα σφάλμα με την υποστήριξη για κινητά έρχεται σε πολλά μοντέλα iPhone και Android. Η απόδοση του κινητού ηλεκτρονικού ταχυδρομείου θα γίνεται συχνά να αλλάξετε το μέγεθος του κειμένου μέσα στο πρότυπο. Αυτό μπορεί να μην επηρεάσει πολύ το σχεδιασμό σας, αλλά μπορεί να είναι ενοχλητικό για ορισμένους αναγνώστες. Χρησιμοποιώντας το CSS -webkit-κείμενο-μέγεθος-προσαρμογή: κανένας;, θα εξασφαλίζει ένα κανονικό μέγεθος κειμένου σε όλες τις μηχανές αναζήτησης χωρίς να χρειάζεται να το δοκιμάσετε.

    Εάν γνωρίζετε φίλους ή συναδέλφους που χρησιμοποιούν εναλλακτικό λογισμικό, μπορείτε να το επιθυμήσετε ζητήστε τη βοήθειά τους για τη δοκιμή του ενημερωτικού δελτίου. Μπορείς είτε να τους στείλετε ένα αντίγραφο του ηλεκτρονικού ταχυδρομείου για να ελέγξετε τη συσκευή τους ή δανειστεί τη συσκευή για να καθαρίσετε ενεργά τα σφάλματα κωδικοποίησης. Ευτυχώς, το Outlook προσφέρει μια έκδοση εγκατάστασης Mac, οπότε δεν θα χρειαστεί να εντοπίσετε έναν χρήστη των Windows για αυτές τις βελτιστοποιήσεις, αλλά όταν πρόκειται για το Lotus Notes ή το Windows Mail, ίσως να μην έχει τύχη.

    Η εναλλακτική λύση είναι να πληρώστε για μια λύση όπως το Προεπισκόπηση του ηλεκτρονικού ταχυδρομείου μου, δυστυχώς δεν παρέχουν κανένα δωρεάν λογαριασμό επίδειξης, αλλά η υπηρεσία τους είναι γνωστή για το ότι προσφέρει εξαιρετικές προεπισκοπήσεις του σχεδιασμού σας. Το ηλεκτρονικό ταχυδρομείο σχετικά με το Acid είναι μια παρόμοια υπηρεσία η οποία προσφέρει δωρεάν λογαριασμό, αλλά δεν σας επιτρέπει να δοκιμάσετε σε όλους τους πελάτες, ποιο είδος αποτρέπει τον σκοπό. Οι υπηρεσίες online rendering θα πρέπει να είναι χρήσιμες εάν χρειάζεστε να δοκιμάσετε πολλά πρότυπα ενημερωτικών δελτίων μακροπρόθεσμα χωρίς τη χρήση εναλλακτικών υπολογιστών, ωστόσο δεν είναι θεμελιώδεις, έτσι μην το άγχος αν δεν μπορείτε να τα δοκιμάσετε όλα!

    7. Προσφέρετε πάντα προβολές βάσει ιστού

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

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

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

    8. Προσθήκη περιεχομένου εικόνας

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

    Μόλις φτάσετε στην εξαγωγή γραφικών υπάρχουν μερικές συμβουλές για την κατασκευή εικόνων ειδικά για το ηλεκτρονικό ταχυδρομείο. Θα θελήσετε πάντα ορίστε τα χαρακτηριστικά πλάτους και ύψους στο δικό σας img ετικέτες. Χωρίς αυτές τις προδιαγραφές στη σειρά, ορισμένοι πελάτες θα παραμορφώσουν το περιεχόμενο της εικόνας. Ενα alt η ετικέτα θα αποδειχθεί χρήσιμη, έτσι ώστε οι επισκέπτες να γνωρίζουν τι περιέχει το περιεχόμενο της εικόνας προτού φορτωθεί.

    Όπως αναφέρθηκε προηγουμένως, η τοποθέτηση των εικόνων στο ηλεκτρονικό σας ταχυδρομείο μπορεί να γίνει πολύ δύσκολη. Αποφύγετε τη χρήση πλωτήρων με κάθε κόστος! Η εικόνα ευθυγράμμιση = "αριστερά" χαρακτηριστικό θα λειτουργήσει πολύ καλύτερα, ή εναλλακτικά χαρτογραφήστε τα ακριβή κελιά πίνακα για να ταιριάζει στις εικόνες σας κατά μήκος της κορυφής, της αριστερής ή της δεξιάς πλευράς του ενημερωτικού σας δελτίου. Δεν θα είστε σε θέση να πάρετε μια τέλεια match-up με τόσους πολλούς πελάτες εκεί έξω (ειδικά κινητές πελάτες), αλλά βελτιστοποιήστε τις εικόνες σας και κρατήστε τα μεγέθη αρχείων μικρά για καλύτερα αποτελέσματα.

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

    9. Αποφύγετε το φάκελο Spam!

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

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

    Δοκιμάστε επίσης κρατήστε το περιεχόμενό σας σύντομο και επί του θέματος. Δεν χρειάζεται να συμπεριλάβετε πλήρες περιεχόμενο για όλα τα άρθρα ή τις σελίδες σας. Προσπαθήστε να προσθέσετε μια πρόταση ή δύο με έναν εναλλακτικό σύνδεσμο στον ιστότοπό σας στη θέση μιας μακράς λίστας. ο πιο σύντομη e-mail σας φαίνεται, τόσο πιο πιθανό θα περάσει spam έλεγχο.

    Γκαλερί σχεδίων ειδήσεων

    Ποια διασκέδαση θα ήταν ένα άρθρο ηλεκτρονικού ταχυδρομείου με ενημερωτικά δελτία χωρίς κάποια φανταστικά παραδείγματα; Υπάρχουν τόνοι σχεδίων ενημερωτικών δελτίων ηλεκτρονικού ταχυδρομείου και πρότυπα για να δείτε το Google. Η ηλεκτρονική αλληλογραφία HTML είναι μια πολύ δημοφιλής πηγή έμπνευσης.

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

    Διασκεδάστε να σχεδιάζετε τα ιδανικά ενημερωτικά δελτία σας!

    Προειδοποίηση για τις επιχειρήσεις

    MarketSpace

    Νέα σχολή μαγειρικής των δασών

    Μεγάλο καρτέλ

    Flexibits

    WooJobs

    Sprowt

    Webfit

    highbullen

    Κωδικοποιήστε την ιδέα μου

    Τρόφιμα του Beckett

    Catch Digital

    Δημιουργικό WOOF

    Appstrakt

    Άγριο Θυμάρι

    StruckAxiom

    Hochsaison

    Beal Creative

    ActiveSmart

    Sheen Media

    IntuitionHQ

    Brulee Patisserie

    Virb

    ManoverBoard