Kaip sukurti HTML el. pašto parašą iPhone arba „iPad“

Jei esate priklausomas nuo el. laiškų, ypač verslui, iš šios pamokos žingsnis po žingsnio sužinosite, kaip sukurti HTML el. iPhone arba „iPad“.

HTML verslo el. pašto paraše turėtų būti: jūsų vardas, pareigos organizacijoje, įmonės pavadinimas, įmonės logotipas, jūsų ir įmonės kontaktiniai duomenys (telefonas, el. paštas, žiniatinklio adresas).

Daugumoje el. pašto programų, pvz Outlook, HTML parašai pridedami įvedus kodą HTML parašo lauke. Dėl iPhone arba iPad yra šiek tiek kitoks, tačiau abiem atvejais jums reikia HTML parašo.

Kaip sukurti HTML el. pašto parašą iPhone arba „iPad“

Kaip jau sakiau aukščiau, pirmiausia turite sukurti HTML parašą (jei jį jau turite, galite praleisti šią pamokos dalį).

Sukurkite HTML parašą

Savo pavyzdyje aš padariau a HTML el. pašto parašas iPhone kažkas paprastesnio, į kurį įeina: paveikslėlis (arba įmonės logotipas), socialinių tinklų piktogramos su nuoroda, vardas ir pavardė, funkcija, telefono numeris, el. pašto adresas ir interneto adresas.

HTML el. pašto parašas iPhone
HTML parašas

Jei norite pradėti nuo to model parašo HTML kodas yra toks:

<!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>

Paprasčiausia yra sukurti parašo aplanką. Nukopijuokite šį kodą į teksto arba HTML rengyklę, tada pakeisite jį naudodami savo duomenis. Pabaigoje išsaugokite jį su plėtiniu .html.

Šalia HTML failo sukuriate aplanką img į kurią įtraukiate grafinius elementus. Paveikslėlis ir piktogramos. Šiuos elementus identifikuojate savo HTML kode. Pavyzdys: <img src="img/icon-email-10.png".../>.

Pritaikę parašą, atidarykite HTML failą naršyklėje. Rezultatas turėtų būti panašus į paveikslėlį pamokos pradžioje.

Kaip pridėti HTML parašą iPhone arba „iPad“

Kad parašas būtų atviras ir jį perskaitytų gavėjai, jis turi būti talpinamas žiniatinklio serveryje arba tarnyboje cloud kuri leidžia įkelti HTML failus ir grafiką.

Aš padėjau savo parašą Interneto adresas.

Elektroninio pašto parašas žiniatinklyje
Elektroninio pašto parašas žiniatinklyje

Kai HTML parašas bus sukurtas ir bus pasiekiamas internete, kitas veiksmas yra pridėti HTML parašą prie el. pašto paskyrų savo įrenginiuose. iPhone arba „iPad“.

Instrukcija skirta prie programos pridėtoms el. pašto paskyroms Mail yra visuose įrenginiuose iPhone, „iPad“, Mac.

1. Atidarykite "Settings" tada slinkite į "Mail".

2. Parinktyse "Mail"atviras"Signature".

Kaip sukurti HTML el. pašto parašą iPhone arba „iPad“
Kaip sukurti HTML el. pašto parašą iPhone arba „iPad“

2. Atidarykite interneto nuorodą, kurios parašą turite, ir nukopijuokite visą turinį. Tai galite padaryti nuo Safari įrenginiai iPhone arba iPad. Su funkcija Handoff (Universal Clipboard), galite nukopijuoti HTML parašą iš savo kompiuterio Mac arba MacKnyga.

Nukopijuokite HTML parašą
Nukopijuokite HTML parašą

3. Grįžkite į „Signature“ ir įklijuoti (paste) nukopijuoto turinio.

iPhone HTML parašas
iPhone HTML parašas

Atlikę šį veiksmą, galite pasakyti, kad išmokote sukurti ir pridėti HTML el. pašto parašą iPhone arba „iPad“.

HTML parašas iPhone email
HTML parašas

Susiję: Kaip sukurti HTML parašą su paveikslėliu Outlook

Nesijaudinkite, jei pastebėsite, kad 3 punkte tekstas neįskaitomas. Fono spalva bus nukopijuota iš HTML parašo šaltinio. Taigi, jei gavėjo el. pašto sąsaja nustatyta į „tamsiąją“ temą, jūsų pranešimas bus išsiųstas baltame fone.

Technologijų entuziastas, nuo 2006 metų su malonumu rašau „StealthSettings.com“. Turiu išsamią patirtį su operacinėmis sistemomis: macOS, „Windows“ ir „Linux“, taip pat programavimo kalbomis ir blogo platformomis („WordPress“) bei internetinės parduotuvės platformomis („WooCommerce“, „Magento“, „PrestaShop“).

kaip » iHowTo » "iHowTo" - "iOS" » Kaip sukurti HTML el. pašto parašą iPhone arba „iPad“
Palikite komentarą