Nếu bạn nghiện email, đặc biệt là dành cho doanh nghiệp, từ hướng dẫn này, bạn sẽ học từng bước cách tạo chữ ký email HTML cho iPhone hoặc iPad.
nội dung
Chữ ký email doanh nghiệp HTML phải bao gồm: tên của bạn, vị trí trong tổ chức, tên công ty, logo công ty, chi tiết liên hệ của bạn và công ty (điện thoại, email, địa chỉ web).
Trong hầu hết các ứng dụng email như Outlook, Chữ ký HTML được thêm vào bằng cách chèn mã HTML trong trường chữ ký. Đối với iPhone hoặc iPad thì hơi khác một chút, nhưng trong cả hai trường hợp, bạn đều cần có chữ ký HTML.
Làm thế nào để bạn tạo chữ ký email HTML cho iPhone hoặc iPad
Như tôi đã nói ở trên, trước tiên bạn cần tạo chữ ký HTML (nếu bạn đã có nó, bạn có thể bỏ qua phần hướng dẫn này).
Tạo chữ ký HTML
Trong ví dụ của tôi, tôi đã làm một Chữ ký email HTML cho iPhone một cái gì đó đơn giản hơn, bao gồm: hình ảnh (hoặc logo công ty), các biểu tượng mạng xã hội có liên kết, tên và họ, chức năng, số điện thoại, địa chỉ email và địa chỉ web.
Nếu bạn muốn bắt đầu từ mẫu chữ ký này, mã HTML như sau:
<!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>Đơn giản nhất là tạo thư mục cho chữ ký. Bạn sao chép mã này vào trình soạn thảo văn bản hoặc HTML, sau đó sửa đổi mã đó bằng dữ liệu của bạn. Cuối cùng, bạn lưu nó với phần mở rộng .html.
Bên cạnh file HTML bạn tạo thư mục img trong đó bạn bao gồm các yếu tố đồ họa. Hình ảnh và biểu tượng. Bạn xác định các phần tử này trong mã HTML của mình. Ví dụ: <img src="img/icon-email-10.png".../>.
Sau khi bạn tùy chỉnh chữ ký của mình, hãy mở tệp HTML trong trình duyệt của bạn. Kết quả sẽ giống với hình ảnh ở đầu hướng dẫn.
Cách thêm chữ ký HTML cho iPhone, iPad
Để người nhận có thể mở và đọc chữ ký, nó phải được lưu trữ trên máy chủ web hoặc dịch vụ cloud cho phép bạn tải lên các tệp và đồ họa HTML.
Tôi đặt chữ ký của tôi vào địa chỉ web.
Sau khi chữ ký HTML đã được tạo và có sẵn trực tuyến, bước tiếp theo là thêm chữ ký HTML vào tài khoản email trên iPhone hoặc iPad của bạn.
Hướng dẫn dành cho tài khoản email được thêm vào ứng dụng Mail có mặt trên tất cả các thiết bị iPhone, iPad, Mac.
1. Mở “Settings“, sau đó cuộn đến “Mail“.
2. Trong các tùy chọn “Mail“, bạn mở “Signature“.
2. Mở liên kết web mà bạn có chữ ký và sao chép tất cả nội dung. Bạn có thể thực hiện việc này từ Safari trên iPhone hoặc iPad. Với chức năng Handoff .Clipboard phổ quát) được bật, bạn có thể sao chép chữ ký HTML từ máy tính Mac hoặc MacBook của mình.
3. Quay lại “Signature” và dán (paste) nội dung được sao chép.
Sau bước này, bạn có thể nói rằng bạn đã học được cách tạo và thêm chữ ký email HTML cho iPhone hoặc iPad.
Có liên quan: Làm thế nào để bạn làm một chữ ký HTML với hình ảnh cho Outlook
Đừng lo lắng nếu bạn nhận thấy rằng ở điểm 3 văn bản không đọc được. Màu nền sẽ được sao chép từ nguồn chữ ký HTML. Vì vậy, nếu người nhận có giao diện email được đặt theo chủ đề “tối tăm”, tin nhắn của bạn sẽ đến với nền trắng.
