Jak vytvoříte podpis e -mailu HTML pro iPhone nebo iPad

Pokud jste z tohoto tutoriálu závislí na e -mailů, zejména pro podnikání, se krok za krokem naučíte, jak vytváříte e -mail HTML pro iPhone nebo iPad.

Podpis HTML pro podnikání musí zahrnovat: vaše jméno, funkce v organizaci, název společnosti, logo společnosti, kontaktní údaje a společnost (telefon, e -mail, webová adresa).

Ve většině e -mailových aplikací rod Outlook, HTML podpisy jsou přidány vložením kódu HTML v poli věnované podpisu. Pro iPhone nebo iPad je to trochu jiné, ale v případech Amble potřebujete podpis HTML.

Jak vytvoříte podpis e -mailu HTML pro iPhone nebo iPad

Jak jsem řekl výše, musíte nejprve podepsat podpis HTML (pokud jej již máte, můžete tuto část tutoriálu přeskočit).

Vytvoříte podpis HTML

Ve svém příkladu jsem udělal a E -mail s podpisem HTML pro iPhone Něco jednoduššího, které zahrnuje: obrázek (nebo logo společnosti), sociální sítě s odkazem, první a příjmení, funkce, telefonní číslo, e -mailovou adresu a webovou adresu.

E -mail s podpisem HTML pro iPhone
HTML podpis

Pokud chcete začít z tohoto podpisového modelu, kód HTML je následující:

<!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:youremail@domain.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;">hi@website.com</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:youremail@domain.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;">hi@website.com</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>

Nejjednodušší věcí je vytvoření složky podpisu. Zkopírujte tento kód do textového editoru nebo HTML a poté jej změňte pomocí dat. Nakonec jej uložíte s rozšířením .html.

V blízkosti souboru HTML vytvoříte složku img ve kterém zahrnete grafické prvky. Obrázek a ikony. Identifikujte tyto prvky v kódu HTML. Příklad: <img src="img/icon-email-10.png".../>.

Poté, co jste si podpis přizpůsobili, otevřete soubor HTML v prohlížeči. Výsledek by měl být podobný obrázku od začátku tutoriálu.

Jak přidáte podpis HTML pro iPhone nebo iPad

Aby byl podpis otevřený a čitelný pro příjemce, musí být hostován na webovém serveru nebo ve službě cloud což vám umožňuje nahrávat soubory HTML a grafické prvky.

Položil jsem podpis Webová adresa.

E -mailový podpis na webu
E -mailový podpis na webu

Po vytvoření podpisu HTML a k dispozici online je dalším krokem přidat podpis HTML do e -mailových účtů na iPhone nebo iPad.

Výukový program je pro e -mailové účty přidané v aplikaci Mail Přítomno na všech zařízeních iPhone, iPad, Mac.

1. Otevřeno “Settings“, pak se hodte na “Mail“.

2. v možnostech “Mail“, OTEVŘENO “Signature“.

Jak vytvoříte podpis e -mailu HTML pro iPhone nebo iPad
Jak vytvoříte podpis e -mailu HTML pro iPhone nebo iPad

2. Otevřete webový odkaz, na který máte podpis a zkopírujte veškerý obsah. Můžete to udělat z Safari na zařízeních iPhone nebo iPad. S funkcí Handoff (Univerzální schránka) Aktivováno, můžete zkopírovat podpis HTML z počítače Mac nebo MacBook.

Zkopírujte podpis HTML
Zkopírujte podpis HTML

3. Reve to “Signature” a lipești (paste) Zkopíroval obsah.

Podpis iPhone HTML
Podpis iPhone HTML

Po tomto kroku můžete říci, že jste se naučili vytvářet a přidat e -mail HTML pro iPhone nebo iPad.

HTML podpis v e -mailu iPhone
HTML podpis

Související: Jak provádíte podpis HTML s obrázkem pro Outlook

Nebojte se, pokud si všimnete, že v bodě 3 není text čitelný. Barva pozadí bude zkopírována ze zdroje podpisu HTML. Pokud tedy příjemce nastaví e -mailové rozhraní na téma “tma”, vaše zpráva dorazí s bílým pozadím.

Vášnivý pro technologii, píšu s potěšením na StealthSetts.com počínaje rokem 2006. Mám bohaté zkušenosti s operačními systémy: MacOS, Windows a Linux, ale také v programovacích jazycích a platformách blogů (WordPress) a pro online obchody (WooCommerce, Magento, Presashop).

Home Váš zdroj IT tutoriálů, užitečných tipů a zpráv. Jak vytvoříte podpis e -mailu HTML pro iPhone nebo iPad
Zanechte komentář