Hogyan hozzunk létre HTML e-mail aláírást iPhone vagy iPad

Ha függő az e-mailektől, különösen az üzleti életben, ebből az oktatóanyagból lépésről lépésre megtanulhatja, hogyan hozhat létre HTML e-mail aláírást iPhone vagy iPad.

A HTML üzleti e-mail aláírásnak tartalmaznia kell: az Ön nevét, beosztását a szervezeten belül, a cég nevét, a cég logóját, az Ön és a cég elérhetőségeit (telefon, e-mail, webcím).

A legtöbb e-mail alkalmazásban, mint pl Outlook, HTML aláírások kód beírásával adhatók hozzá HTML az aláírás mezőben. Mert iPhone vagy iPad kissé eltér, azonban mindkét esetben szükség van a HTML aláírásra.

Hogyan hozzunk létre HTML e-mail aláírást iPhone vagy iPad

Ahogy fentebb mondtam, először el kell készítenie a HTML-aláírást (ha már rendelkezik vele, kihagyhatja az oktatóanyag ezen részét).

Hozza létre a HTML aláírást

Példámban a HTML e-mail aláírás a következőhöz iPhone valami egyszerűbb, ami a következőket tartalmazza: kép (vagy céglogó), közösségi oldal ikonok linkkel, név és vezetéknév, funkció, telefonszám, e-mail cím és webcím.

HTML e-mail aláírás a következőhöz iPhone
HTML aláírás

Ha ebből akar kiindulni modeAz aláírás l, a HTML kód a következő:

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

A legegyszerűbb, ha létrehoz egy mappát az aláíráshoz. Ezt a kódot bemásolja egy szöveg- vagy HTML-szerkesztőbe, majd módosítja az adataival. A végén elmenti a kiterjesztéssel .html.

A HTML-fájl mellett hozza létre a mappát img amelybe belefoglalja a grafikai elemeket. Kép és ikonok. Ezeket az elemeket azonosítja a HTML-kódjában. Példa: <img src="img/icon-email-10.png".../>.

Miután személyre szabta az aláírást, nyissa meg a HTML-fájlt a böngészőben. Az eredménynek hasonlónak kell lennie az oktatóanyag elején látható képhez.

HTML aláírás hozzáadása ehhez iPhone vagy iPad

Ahhoz, hogy az aláírás megnyíljon és a címzettek számára olvasható legyen, webszerveren vagy szolgáltatáson kell tárolni cloud amely lehetővé teszi HTML fájlok és grafikák feltöltését.

Feltettem az aláírásomat Web cím.

E-mail aláírás a weben
E-mail aláírás a weben

Miután a HTML-aláírás létrejött és elérhető az interneten, a következő lépés az, hogy hozzáadja a HTML-aláírást az eszközein lévő e-mail fiókokhoz. iPhone vagy iPad.

Az oktatóanyag az alkalmazáshoz hozzáadott e-mail fiókokhoz szól Mail minden eszközön jelen van iPhone, iPad, Mac.

1. Nyissa meg a "Settings"majd görgess a "Mail".

2. Az opciókban "Mail"nyisd ki"Signature".

Hogyan hozzunk létre HTML e-mail aláírást iPhone vagy iPad
Hogyan hozzunk létre HTML e-mail aláírást iPhone vagy iPad

2. Nyissa meg azt a webes hivatkozást, amelyhez az aláírása tartozik, és másolja ki az összes tartalmat. Ezt megteheti innen Safari eszközök iPhone vagy iPad. A funkcióval Handoff (Universal Clipboard) engedélyezve, másolhatja a HTML-aláírást a számítógépéről Mac vagy MacKönyv.

HTML aláírás másolása
HTML aláírás másolása

3. Menjen vissza a "Signature” és illessze be (paste) a másolt tartalmat.

iPhone HTML aláírás
iPhone HTML aláírás

E lépés után elmondhatja, hogy megtanulta a HTML e-mail aláírás létrehozását és hozzáadását iPhone vagy iPad.

HTML aláírás be iPhone email
HTML aláírás

Kapcsolódó: Hogyan készítsünk HTML aláírást képpel Outlook

Ne aggódjon, ha azt veszi észre, hogy a 3. pontban a szöveg nem olvasható. A háttérszín a HTML aláírási forrásból lesz másolva. Tehát, ha a címzett e-mail felülete "sötét" témára van állítva, az üzenet fehér háttérrel érkezik.

Technológiai rajongóként örömmel írok a StealthSettings.com-on 2006 óta. Széles körű tapasztalatom van operációs rendszerekkel: macOS, Windows és Linux, valamint programozási nyelvekkel és blogolási platformokkal (WordPress) és online áruház platformokkal (WooCommerce, Magento, PrestaShop).

Hogyan » iHowTo » iHowTo - iOS » Hogyan hozzunk létre HTML e-mail aláírást iPhone vagy iPad
Írj hozzászólást