إذا كنت مدمنًا على رسائل البريد الإلكتروني ، خاصة بالنسبة للأعمال التجارية ، فستتعلم من هذا البرنامج التعليمي خطوة بخطوة كيفية إنشاء البريد الإلكتروني HTML لـ iPhone أو iPad.
محتوى
يجب أن يتضمن توقيع HTML الإلكتروني للأعمال: اسمك ، وظيفتك داخل المؤسسة ، اسم الشركة ، شعار الشركة ، تفاصيل الاتصال والشركة (الهاتف ، البريد الإلكتروني ، عنوان الويب).
في معظم تطبيقات البريد الإلكتروني ، Outlook Genus ، توقيعات HTML تضاف عن طريق إدخال الرمز HTML في الحقل المخصص للتوقيع. بالنسبة إلى iPhone أو iPad ، يختلف الأمر قليلاً ، ولكن في الحالات التي تحتاج إلى توقيع HTML.
كيف تقوم بإنشاء توقيع بريد إلكتروني HTML لـ iPhone أو iPad
كما قلت أعلاه ، يجب عليك أولاً توقيع توقيع HTML (إذا كان لديك بالفعل ، يمكنك تخطي هذا الجزء من البرنامج التعليمي).
يمكنك إنشاء توقيع HTML
في المثال الخاص بي فعلت أ البريد الإلكتروني 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. افتح رابط الويب الذي لديك توقيع ونسخ جميع المحتوى. يمكنك القيام بذلك من Safari على أجهزة iPhone أو iPad. مع الوظيفة Handoff ((الحافظة العالمية) تم تنشيطه ، يمكنك نسخ توقيع HTML من Mac أو MacBook Computer.
3 “Signature” و lipeti (paste) محتوى نسخ.
بعد هذه الخطوة ، يمكنك القول أنك تعلمت إنشاء وإضافة بريد إلكتروني HTML لأجهزة iPhone أو iPad.
متعلق ب: كيف يمكنك القيام بتوقيع HTML مع Picture for Outlook
لا تقلق إذا لاحظت أنه في النقطة 3 النص غير مقروء. سيتم نسخ لون الخلفية من مصدر توقيع HTML. لذلك إذا كان المستلم قد قام بتعيين واجهة البريد الإلكتروني على موضوع “مظلم”، ستصل رسالتك بخلفية بيضاء.
