אם אתה מכור להודעות דוא"ל, במיוחד לעסקים, מהמדריך זה תלמד שלב אחר שלב כיצד אתה יוצר דוא"ל HTML לאייפון או ל- iPad.
תוֹכֶן
חתימת HTML של דוא"ל לעסקים חייבת לכלול: שמך, פונקציה בארגון, שם החברה, לוגו החברה, פרטי קשר וחברה (טלפון, דוא"ל, כתובת אינטרנט).
ברוב יישומי הדוא"ל Outlook הסוג, חתימות HTML מתווספים על ידי הכנסת הקוד HTML בשדה המוקדש לחתימה. עבור iPhone או iPad זה קצת שונה, אבל במקרים של Amble אתה זקוק לחתימת HTML.
איך יוצרים חתימת דוא"ל HTML לאייפון או אייפד
כפי שאמרתי לעיל, עליכם לחתום תחילה על חתימת HTML (אם כבר יש לכם אותה, תוכלו לדלג על החלק הזה של ההדרכה).
אתה יוצר חתימת HTML
בדוגמה שלי עשיתי חתימת דוא"ל HTML לאייפון משהו פשוט יותר, הכולל: תמונה (או לוגו של החברה), רשתות חברתיות עם קישור, שם פרטי ושם משפחה, פונקציה, מספר טלפון, כתובת דוא"ל וכתובת אינטרנט.
אם אתה רוצה להתחיל ממודל חתימה זה, קוד ה- 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 לאייפון או ל- iPad
על מנת שהחתימה תהיה פתוחה וקריאה למקבלים, היא חייבת להתארח בשרת אינטרנט או בשירות cloud המאפשר לך העלאת קובץ HTML ואלמנטים גרפיים.
שמתי את החתימה כתובת אינטרנטו
לאחר שנוצרה חתימת HTML וזמינה באופן מקוון, השלב הבא הוא להוסיף חתימת HTML לחשבונות הדוא"ל באייפון או ב- iPad.
ההדרכה מיועדת לחשבונות הדוא"ל שנוספו באפליקציה Mail נוכח בכל מכשירי ה- iPhone, iPad, Mac.
1. פתוח “Settings“ואז התגלגל אל “Mail“ו
2. באפשרויות “Mail“, פתוח “Signature“ו
2. פתח את קישור האינטרנט אליו יש לך את החתימה והעתק את כל התוכן. אתה יכול לעשות זאת מספארי במכשירי iPhone או iPad. עם הפונקציה Handoff ((לוח אוניברסלי) מופעל, באפשרותך להעתיק את חתימת HTML ממחשב Mac או MacBook.
3. Reve to “Signature” ו- Lipești (paste) תוכן מועתק.
לאחר שלב זה, אתה יכול לומר שלמדת ליצור ולהוסיף דוא"ל HTML לאייפון או אייפד.
קָשׁוּר: איך עושים חתימת HTML עם תמונה ל- Outlook
אל תדאג אם אתה מבחין שבנקודה 3 הטקסט אינו קריא. צבע הרקע יועתק ממקור חתימת HTML. אז אם הנמען הגדיר את ממשק הדוא"ל לנושא “כֵּהֶה”, ההודעה שלך תגיע עם רקע לבן.
