Πώς να δημιουργήσετε HTML-mail: βήμα προς βήμα οδηγό

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

Χαρακτηριστικά της δημιουργίας

Ο σύγχρονος άνθρωπος δέχεται καθημερινά κατά μέσο όρο 5-6, και μερικές φορές έως και 10 e-mails. Αυτό σημαίνει ότι έχετε μόνο λιγότερο από ένα δευτερόλεπτο, για να έχουν χρόνο για να επιστήσει την προσοχή του παραλήπτη, πριν πάει στην ανάγνωση της παρακάτω αλληλογραφίας. Σε αντίθετη περίπτωση, η αποστολή HTML-e-mail σας θα είναι εντελώς αναποτελεσματική, και απλά χάσιμο χρόνου.

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

Για να χρησιμοποιηθεί αυτό το σκοπό, για παράδειγμα, «ανταποκρίνεται σχέδιο» εύκολα προσαρμόζεται στο μέγεθος της οθόνης.

Τι θα πρέπει να είναι το πρότυπο επιστολής

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

• Θα πρέπει να γίνουν αρκετά στενό, δηλ. E. Σε μέγεθος δεν πρέπει να υπερβαίνει το εύρος των 500-600 pixels που παρέχουν τη σωστή εμφάνιση του κειμένου και άλλου περιεχομένου σε συσκευές οποιουδήποτε τύπου.
• Θα πρέπει να χρησιμοποιήσετε μια αρκετά μεγάλη γραμματοσειρά για όλες τις πληροφορίες κειμένου, καθώς και iOS συσκευών HTML-mail θα είναι δυσάρεστη για να διαβάσετε εάν το μέγεθος της γραμματοσειράς τουλάχιστον 13 pixels.
• Στοιχεία στα οποία μπορείτε να κάνετε κλικ για να κάνετε, θα πρέπει να είναι αρκετά μεγάλη και μόνωση από τους στενότερους δεσμούς. Στην περίπτωση αυτή, ο δικαιούχος μπορεί εύκολα να τους ενεργοποιήσει με την πρώτη προσπάθεια.

εκπαίδευση

Πριν από την ανάπτυξη της HTML επιστολή, θα πρέπει να δημιουργήσετε έναν από τους δίσκους ένα νέο φάκελο και ονομάστε το, για παράδειγμα, «Νέα». Επιπλέον, θα πρέπει να κατεβάσετε και να εγκαταστήσετε το λογισμικό Dreamweaver CS3. Το προϊόν της Adobe είναι μια αρκετά απλή ιστοσελίδες σχεδιασμό εργαλείο και είναι κατάλληλη για την ανάπτυξη ενός αλληλογραφίας επιστολές σε μορφή HTML.

Δημιουργήστε και αποθηκεύστε ένα έγγραφο

Πριν γράψετε το κείμενο της επιστολής, θα πρέπει να:

• ανοιχτές αρκετά δημοφιλές πρόγραμμα-σχεδιαστής HTML-emails Dreamweaver CS3 (DW)?
• δημιουργήσετε ένα έγγραφο επιλέγοντας ένα είδος «Μετάβαση HTML 4.01»?
• αποθηκεύσετε το αρχείο με την επέκταση «.html»?
• στο μενού στην κορυφή για να βρείτε την εντολή επεξεργασίας?
• αφαιρέστε το τσιμπούρι από το πλαίσιο ελέγχου «Χρήση CSS αντί για ετικέτα HTML».

Βήμα προς βήμα οδηγό

Τώρα, ας δούμε πώς μπορείτε να δημιουργήσετε HTML-email. Για να το κάνετε αυτό:

• Σταθερά ανοίξτε την καρτέλα του μενού «Εισαγωγή» και «Πίνακας» και να εκθέσει τις απαραίτητες παραμέτρους του πίνακα. Για παράδειγμα, η γραμμή - 2 στήλες - 1, Πλάτος - 700, η κεφαλίδα - η κορυφή. Τα όρια μπορούν να ρυθμιστούν, και μπορείτε να το κάνετε χωρίς αυτά, προσδιορίζοντας 0.
• Σχηματίζουν την κεφαλίδα του μηνύματος. Από HTML-γράμμα που προορίζεται για ένα μεγαλύτερο αριθμό δικαιούχων, οπότε η χρήση τον τελεστή [FIRST_NAME], για να υποκαταστήσει το όνομα του επιθυμητού παραλήπτη.
• Στο κάτω μέρος του παραθύρου, οι «Ιδιότητες» βάλει τις απαραίτητες παραμέτρους για τη γραμματοσειρά, το μέγεθος και το χρώμα του κειμένου τίτλο και το χρώμα του φόντου.
• «Έξοδος» από το πεδίο κεφαλίδας. Στο κάτω μέρος της οθόνης για να μετακινήσετε το δρομέα κάνει επιλογές «κεντρική» και «Στη μέση.»
• Εισάγετε το παρασκευάζεται μήνυμα κειμένου ή «γράψει» το δικαίωμα στο πρόγραμμα DW επιλέγοντας τον τύπο και το μέγεθος γραμματοσειράς, και τη στοίχιση του κειμένου στη σελίδα.

Η δημιουργία συνδέσμων υπερκειμένου

Εμείς θα προσπαθήσουμε να κάνουμε HTML επιστολή πιο επαγγελματικό και προχωρημένους. Με αυτό το στόχο στο περιεχόμενο απόκρυψη υπερσυνδέσμους. Για να το κάνετε αυτό, επιλέξτε τη θέση στο κείμενο, το οποίο επιλέχθηκε ως σύνδεσμος υπερκειμένου. Στην αριστερή γωνία θα πρέπει να είναι «ανοικτό» το κατάλληλο εικονίδιο και εισάγετε ένα σύνδεσμο από το αναπτυσσόμενο πλαίσιο στο επάνω μέρος της οθόνης. Σε αυτή την περίπτωση, μην ξεχάσετε να βάλετε ένα σημάδι στο πλαίσιο ελέγχου «_blank», για να ανοίξετε το σύνδεσμο σε νέο παράθυρο, και ο παραλήπτης μετά την παράσταση δεν έχει χάσει την πρόσβαση στο κύριο επιστολής.

Πώς να εισάγετε εικόνες

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

Για να εκδίδει τέτοια ωραία τελειώνει:

• εισάγεται μέσα στο κάτω μέρος του μηνύματος, σε ένα άλλο πίνακα βάσης 3 και στήλες 0 παράμετρος για τις συνοριακές εικονοστοιχεία?
• τοποθετήστε το δρομέα στο τραπέζι, όπου θέλουν να δουν την εικόνα?
• σήμα στο κάτω παράθυρο, «μεσαίο» και «άνω άκρο» για κάθε τμήμα?
• επιλέξτε από την κορυφή καρτέλα μενού «Εισαγωγή»?
• κάνετε κλικ στην ένδειξη «Image» στο αναδυόμενο μενού, επικολλήσετε το αντιγραμμένο διεύθυνση επικοινωνίας?
• πιέστε «Εντάξει» 2 φορές.

ανασκόπηση

Τώρα που ξέρετε πώς να το κάνουμε HTML επιστολή, θα πρέπει να βεβαιωθείτε ότι ο παραλήπτης θα το δούμε στη σωστή μορφή. Για το σκοπό αυτό, πριν από την υποβολή θέλετε να δείτε την εργασία σας στο πρόγραμμα περιήγησης Dreamweaver CS3. Για να το κάνετε αυτό, κάντε κλικ στο εικονίδιο με μια υδρόγειο σφαίρα στη μέση μενού στην κορυφή. Αν αντί για γράμματα εμφανίστηκε στην οθόνη, αμπρακατάμπρα, πρέπει να βάλετε στο πρόγραμμά σας περιήγησης ρυθμίσεις avtokodirovku.

κωδικοποίηση

Από την ενότητα «Project» και να πάει στον κώδικα μέρος - ο «Κώδικας». Στο παράθυρο που διαχωρίζονται και να αντιγράψετε όλα αυτά βρίσκεται ανάμεσα στις ετικέτες και . Αποθηκεύστε το αρχείο. Στη συνέχεια, τοποθετήστε το HTML κώδικα.

Αποστολή σε HTML emails

Για να κάνετε το μήνυμα ανοιχτό «Smartresponder» (SR). στη συνέχεια:

• επιλέξετε ή να δημιουργήσετε ένα νέο μήνυμα ηλεκτρονικού ταχυδρομείου συμπληρώνοντας τη φράση «όνομα» και «τη διεύθυνση του αποστολέα.»
• γραμμή γεμίσει «το θέμα της επιστολής»?
• σήμα στο πάνω αριστερό μενού HTML κώδικα?
• ενσωματωμένο κώδικα αντιγράφονται στο πρόγραμμα DW-κώδικα σε ένα μεγάλο πεδίο «Πηγή»?
• ελέγχει την ορθότητα των μέσων προβολής ενός εργαλείου «Προεπισκόπηση»?
• Διαγράφει την έκδοση κειμένου της επιστολής?
• δοκιμάστε το για spam, χρησιμοποιώντας το κατάλληλο κουμπί δίπλα στο κουμπί «Αποστολή».

Αρκετά δημοφιλή πρότυπα

Χρησιμοποιώντας ένα πλαίσιο βοηθά να επιταχύνει σημαντικά τη διαδικασία της γραφής και να καταστεί πιο προσιτή στον κύριο του έργου, το οποίο αντιλαμβάνεται μόνο τα βασικά για τη δημιουργία web-έγγραφα. Τα πιο δημοφιλή μοντέλα:

• Cerberus. Αυτό το σύνολο των λεγόμενων ανταποκρίνεται πρότυπα για να δημιουργήσετε γράμματα, συνήθως εμφανίζεται σε μια κινητή εφαρμογή Gmail και το Outlook. Σας επιτρέπει να χρησιμοποιήσετε το μπλοκ HTML κώδικα, είτε μόνη της είτε με συνδυασμό τους.
• Μελάνι - η συγκομιδή μηνύματα ηλεκτρονικού ταχυδρομείου, ταχυδρομικών αποστολών τα οποία είναι σχεδόν καθολική και συμβατό με όλες τις συσκευές και τους πελάτες.
• Πραγματικά απλό πρότυπο HTML email. Το πρότυπο σας επιτρέπει να δημιουργήσετε αλληλογραφίας γράμματα είναι πολύ εύκολη και γρήγορη. Ωστόσο, θα έχουν ένα πολύ απλό σχέδιο, με τη μορφή μιας στήλης, η οποία τέθηκε σε μια πρόσκληση για δράση.

Πώς να εισάγετε HTML σε ένα

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

• κάντε κλικ στο κουμπί «F12» ή επιλέξτε την κατάλληλη ακολουθία εντολών από το μενού?
• στο ανοιχτό παράθυρο στην τρέχουσα σελίδα κώδικα gmail του πελάτη να βρει ένα μέρος όπου πρόκειται να εισαχθεί σε HTML επιστολή, κάνετε δεξί κλικ και επιλέξτε «Επεξεργασία σε μορφή HTML».
• επικόλληση του κώδικα HTML?
• πατήστε ένα συνδυασμό των δύο πλήκτρων «Ctrl» και «Enter».

Για τον ίδιο σκοπό μπορείτε να κατεβάσετε εύκολο στη ispolzovnii πρόγραμμα thunderbird του Mozilla. Με αυτό μπορείτε να δημιουργήσετε ένα e-mail, στη συνέχεια, επιλέξτε πρώτα «Εισαγωγή» και στη συνέχεια «η HTML» και επικολλήστε τον κώδικα αλληλογραφίας σας.

μέσων

Vordpressovsky plugin e-ενημερωτικό δελτίο σας επιτρέπει να διαχειριστείτε επαγγελματικά ενημερωτικά δελτία και τους συνδρομητές. Και στη συνέχεια, και ένα άλλο γίνεται απευθείας μέσω του πίνακα διαχείρισης του WordPress. Το γεγονός αυτό παρέχει πλήρη έλεγχο και εντελώς δωρεάν, η οποία δεν μπορεί παρά να χαίρεται.

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

Τώρα που ξέρετε πώς να στείλετε HTML-email. Η δημιουργία του δεν είναι ιδιαίτερα δύσκολη, ειδικά αν χρησιμοποιείτε έτοιμα templates στην οποία ο ιστός είναι καμία έλλειψη. Ως εκ τούτου, ακόμη και εκείνοι που δεν έχουν ειδικές γνώσεις, εύκολα μπορεί να αντιμετωπίσει αυτό το έργο.