Εάν είστε εθισμένοι σε μηνύματα ηλεκτρονικού ταχυδρομείου, ειδικά για τις επιχειρήσεις, από αυτό το σεμινάριο θα μάθετε βήμα προς βήμα πώς δημιουργείτε email html για iPhone ή iPad.
περιεχόμενο
Μια υπογραφή ηλεκτρονικού ταχυδρομείου HTML για επιχειρήσεις πρέπει να περιλαμβάνει: το όνομά σας, τη λειτουργία του οργανισμού, το όνομα της εταιρείας, το λογότυπο της εταιρείας, τα στοιχεία επικοινωνίας και την εταιρεία (τηλέφωνο, email, διεύθυνση ιστού).
Στις περισσότερες εφαρμογές ηλεκτρονικού ταχυδρομείου το γένος Outlook, Υπογραφές HTML προστίθενται με την εισαγωγή του κώδικα HTML στον τομέα αφιερωμένο στην υπογραφή. Για το iPhone ή το iPad είναι λίγο διαφορετικό, αλλά στις περιπτώσεις Amble χρειάζεστε την υπογραφή HTML.
Πώς δημιουργείτε υπογραφή email html για iPhone ή iPad
Όπως είπα παραπάνω, πρέπει πρώτα να υπογράψετε την υπογραφή HTML (αν το έχετε ήδη, μπορείτε να παραλείψετε αυτό το μέρος του σεμιναρίου).
Δημιουργείτε υπογραφή HTML
Στο παράδειγμά μου έκανα ένα Υπογραφή email html για iPhone Κάτι απλούστερο, το οποίο περιλαμβάνει: εικόνα (ή λογότυπο της εταιρείας), κοινωνικά δίκτυα με σύνδεσμο, επώνυμο, λειτουργία, λειτουργία, αριθμό τηλεφώνου, διεύθυνση ηλεκτρονικού ταχυδρομείου και διεύθυνση ιστού.
Εάν θέλετε να ξεκινήσετε από αυτό το μοντέλο υπογραφής, ο κωδικός HTML έχει ως εξής:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Email Signature</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat">
<style type="text/css">
img { outline: none; text-decoration: none; border: none; }
p { margin: 0px !important; }
a { color: #000 !important; text-decoration:none !important; }
@media only screen and (max-width: 480px) {
.heading-one {
font-size:16px !important;
line-height:18px !important;
}
.heading-two {
font-size:12px !important;
line-height:14px !important;
}
.paragraph {
font-size:10px !important;
line-height:11px !important;
}
}
href>a { color:#000; text-decoration: none !important; text-decoration: none; }
</style>
</head>
<body>
<!-- EDIT BELOW IF YOU AREN'T OUTLOOK USER -->
<!--[if !mso]><!-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" style="display:inline-block; min-width:100px; max-width:100px; padding-right: 20px; padding-bottom: 10px;"><table width="80" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="display: block; height: 100px; text-align: center;"><img src="img/model.jpg" width="100" height="100" alt=""/></td>
</tr>
<tr>
<td style="background: #305dbf; padding-top: 10px; padding-bottom: 10px; text-align: center;"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 15px;"><a href="http://www.facebook.com/" target="_blank"><img src="img/icon-facebook-0.png" width="12" height="12" alt=""/></a></td>
<td style="padding-right: 15px;"><a href="http://www.twitter.com/" target="_blank"><img src="img/icon-twitter-0.png" width="12" height="12" alt=""/></a></td>
<td><a href="http://www.linkedin.com/" target="_blank"><img src="img/icon-linkedin-0.png" width="12" height="12" alt=""/></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td valign="top" style="display:inline-block; min-width:300px; max-width:400px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 10px;"><span class="heading-one" style="font-family:'Montserrat', Arial, sans-serif; font-size:16px; line-height:18px; font-weight:600; color:#000; text-transform:uppercase;">John Doe</span><br><span class="heading-two" style="font-family:'Montserrat', Arial, sans-serif; font-size:14px; line-height:16px; font-weight:500; color:#000; text-transform:capitalize;">Creative Director</span></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-phone-10.png" width="16" height="16" alt=""/></td>
<td><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">858-272-3400</span></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-email-10.png" width="16" height="16" alt=""/></td>
<td><a href="mailto:[email protected]" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">[email protected]</span></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-website-10.png" width="16" height="16" alt=""/></td>
<td><a href="http://www.yourwebsite.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">www.website.com</span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<!--<![endif]-->
<!-- EDIT BELOW IF YOU ARE OUTLOOK USER -->
<!--[if mso]>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="100" valign="top" style="padding-right: 20px; padding-bottom: 10px;"><table width="80" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="display: block; height: 100px; text-align: center;"><img src="img/model.jpg" width="100" height="100" alt=""/></td>
</tr>
<tr>
<td style="background: #305dbf; padding-top: 10px; padding-bottom: 10px; text-align: center;"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 15px;"><a href="http://www.facebook.com/" target="_blank"><img src="img/icon-facebook-0.png" width="12" height="12" alt=""/></a></td>
<td style="padding-right: 15px;"><a href="http://www.twitter.com/" target="_blank"><img src="img/icon-twitter-0.png" width="12" height="12" alt=""/></a></td>
<td><a href="http://www.linkedin.com/" target="_blank"><img src="img/icon-linkedin-0.png" width="12" height="12" alt=""/></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td width="400" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 10px;"><span class="heading-one" style="font-family:'Montserrat', Arial, sans-serif; font-size:16px; line-height:18px; font-weight:600; color:#000; text-transform:uppercase;"><font face="'Montserrat', Arial, sans-serif !important;">John Doe</font></span><br><span class="heading-two" style="font-family:'Montserrat', Arial, sans-serif; font-size:14px; line-height:16px; font-weight:500; color:#000; text-transform:capitalize;"><font face="'Montserrat', Arial, sans-serif !important;">Creative Director</font></span></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-phone-10.png" width="16" height="16" alt=""/></td>
<td><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">858-272-3400</font></span></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-email-10.png" width="16" height="16" alt=""/></td>
<td><a href="mailto:[email protected]" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">[email protected]</font></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-website-10.png" width="16" height="16" alt=""/></td>
<td><a href="http://www.yourwebsite.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">www.website.com</font></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<![endif]-->
</body>
</html>Το πιο εύκολο είναι να δημιουργήσετε ένα φάκελο υπογραφής. Αντιγράψτε αυτόν τον κωδικό σε έναν επεξεργαστή κειμένου ή HTML και στη συνέχεια να τον αλλάξετε με τα δεδομένα σας. Στο τέλος το αποθηκεύετε με την επέκταση .html.
Κοντά στο αρχείο HTML δημιουργείτε το φάκελο img στην οποία συμπεριλαμβάνετε γραφικά στοιχεία. Εικόνα και εικονίδια. Προσδιορίστε αυτά τα στοιχεία στον κώδικα HTML. Παράδειγμα: <img src="img/icon-email-10.png".../>.
Αφού προσαρμόσετε την υπογραφή, ανοίξτε το αρχείο HTML στο πρόγραμμα περιήγησης. Το αποτέλεσμα θα πρέπει να είναι παρόμοιο με την εικόνα από την αρχή του σεμιναρίου.
Πώς προσθέτετε υπογραφή HTML για iPhone ή iPad
Προκειμένου η υπογραφή να είναι ανοιχτή και ευανάγνωστη στους παραλήπτες, πρέπει να φιλοξενηθεί σε διακομιστή ιστού ή σε μια υπηρεσία cloud Το οποίο σας επιτρέπει να μεταφορτώσετε και γραφικά στοιχεία αρχείου HTML.
Έβαλα την υπογραφή Διεύθυνση ιστού.
Αφού δημιουργηθεί και διαθέσιμη η υπογραφή HTML και είναι διαθέσιμη στο διαδίκτυο, το επόμενο βήμα είναι να προσθέσετε υπογραφή HTML στους λογαριασμούς ηλεκτρονικού ταχυδρομείου στο iPhone ή στο iPad.
Το σεμινάριο είναι για τους λογαριασμούς ηλεκτρονικού ταχυδρομείου που προστέθηκαν στην εφαρμογή Mail Παρουσιάστε σε όλα τα iPhone, iPad, Mac.
1. Ανοίξτε “Settings“, στη συνέχεια, κυλήστε “Mail“.
2 στις επιλογές “Mail“, ανοιχτό “Signature“.
2. Ανοίξτε τον σύνδεσμο Web στον οποίο έχετε την υπογραφή και αντιγράψτε όλο το περιεχόμενο. Μπορείτε να το κάνετε αυτό από το Safari σε συσκευές iPhone ή iPad. Με τη λειτουργία Handoff (Καθολικό πρόχειρο) Ενεργοποιημένο, μπορείτε να αντιγράψετε την υπογραφή HTML από τον υπολογιστή Mac ή MacBook.
3. “Signature” και lipești (paste) Αντιγραφή περιεχομένου.
Μετά από αυτό το βήμα, μπορείτε να πείτε ότι έχετε μάθει να δημιουργείτε και να προσθέσετε email html για iPhone ή iPad.
Συγγενεύων: Πώς κάνετε μια υπογραφή HTML με εικόνα για το Outlook
Μην ανησυχείτε αν παρατηρήσετε ότι στο σημείο 3 το κείμενο δεν είναι ευανάγνωστο. Το χρώμα φόντου θα αντιγραφεί από την πηγή της υπογραφής HTML. Έτσι, εάν ο παραλήπτης έχει ορίσει τη διεπαφή email σε ένα θέμα “σκοτάδι”, το μήνυμά σας θα φτάσει με λευκό φόντο.
