So erstellen Sie eine HTML-E-Mail-Signatur für iPhone oder iPad

0

Wenn Sie süchtig nach E-Mails sind, insbesondere aus geschäftlichen Gründen, erfahren Sie in diesem Tutorial Schritt für Schritt, wie Sie eine HTML-E-Mail-Signatur dafür erstellen iPhone oder iPad.

Eine geschäftliche HTML-E-Mail-Signatur muss Folgendes enthalten: Ihren Namen, Ihre Position innerhalb der Organisation, den Firmennamen, das Firmenlogo sowie Ihre und die Kontaktdaten Ihres Unternehmens (Telefon, E-Mail, Webadresse).

In den meisten E-Mail-Anwendungen wie Outlook, HTML-Signaturen werden durch Einfügen des Codes hinzugefügt HTML im Signaturfeld. Für iPhone oder iPad ist etwas anders, aber in beiden Fällen benötigen Sie die HTML-Signatur.

So erstellen Sie eine HTML-E-Mail-Signatur für iPhone oder iPad

Wie oben bereits erwähnt, müssen Sie zunächst die HTML-Signatur erstellen (falls Sie diese bereits haben, können Sie diesen Teil des Tutorials überspringen).

Erstellen Sie die HTML-Signatur

In meinem Beispiel habe ich a HTML-E-Mail-Signatur für iPhone etwas Einfacheres, das Folgendes umfasst: Bild (oder Firmenlogo), Symbole sozialer Netzwerke mit Link, Vor- und Nachname, Funktion, Telefonnummer, E-Mail-Adresse und Webadresse.

HTML-E-Mail-Signatur für iPhone
HTML-Signatur

Wenn Sie damit beginnen möchten model der Signatur lautet der HTML-Code wie folgt: 

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

Am einfachsten ist es, einen Ordner für die Signatur anzulegen. Sie kopieren diesen Code in einen Text- oder HTML-Editor und ändern ihn dann mit Ihren Daten. Am Ende speichern Sie es mit der Erweiterung .html.

Neben der HTML-Datei erstellen Sie den Ordner img in dem Sie die grafischen Elemente einbinden. Bild und Symbole. Sie identifizieren diese Elemente in Ihrem HTML-Code. Beispiel: <img src="img/icon-email-10.png".../>.

Nachdem Sie Ihre Signatur angepasst haben, öffnen Sie die HTML-Datei in Ihrem Browser. Das Ergebnis sollte dem Bild am Anfang des Tutorials ähneln.

So fügen Sie eine HTML-Signatur hinzu iPhone oder iPad

Damit die Signatur für die Empfänger geöffnet und lesbar ist, muss sie auf einem Webserver oder Dienst gehostet werden cloud Damit können Sie HTML-Dateien und Grafiken hochladen.

Ich habe meine Unterschrift angebracht Web-Adresse.

E-Mail-Signatur im Web
E-Mail-Signatur im Web

Nachdem die HTML-Signatur erstellt wurde und online verfügbar ist, besteht der nächste Schritt darin, die HTML-Signatur zu Ihren E-Mail-Konten auf Ihren Geräten hinzuzufügen iPhone oder iPad.

Das Tutorial gilt für E-Mail-Konten, die der App hinzugefügt wurden Mail auf allen Geräten vorhanden iPhoneiPad Mac.

1. Öffnen Sie "Settings„Scrollen Sie dann zu „Mail".

2. In den Optionen „Mail"offen"Signature".

So erstellen Sie eine HTML-E-Mail-Signatur für iPhone oder iPad
So erstellen Sie eine HTML-E-Mail-Signatur für iPhone oder iPad

2. Öffnen Sie den Weblink, zu dem Sie die Signatur haben, und kopieren Sie den gesamten Inhalt. Sie können dies tun von Safari Geräte iPhone oder iPad. Mit der Funktion Handoff (Universal Clipboard) aktiviert ist, können Sie die HTML-Signatur von Ihrem Computer kopieren Mac oder MacBuch.

HTML-Signatur kopieren
HTML-Signatur kopieren

3. Gehen Sie zurück zu „Signature” und einfügen (paste) den kopierten Inhalt.

iPhone HTML-Signatur
iPhone HTML-Signatur

Nach diesem Schritt können Sie sagen, dass Sie gelernt haben, wie Sie eine HTML-E-Mail-Signatur erstellen und hinzufügen iPhone oder iPad.

HTML-Signatur in iPhone E-Mail
HTML-Signatur

Related: So erstellen Sie eine HTML-Signatur mit Bild für Outlook

Machen Sie sich keine Sorgen, wenn Sie bemerken, dass der Text in Punkt 3 nicht lesbar ist. Die Hintergrundfarbe wird aus der HTML-Signaturquelle kopiert. Wenn der Empfänger also die E-Mail-Oberfläche auf ein „dunkles“ Design eingestellt hat, wird Ihre Nachricht mit einem weißen Hintergrund ankommen.

Technikbegeistert, schreibe ich seit 2006 gerne auf StealthSettings.com. Ich habe reichhaltige Erfahrung in Betriebssystemen: macOS, Windows und Linux, sowie in Programmiersprachen und Blogging-Plattformen (WordPress) und für Online-Shops (WooCommerce, Magento, PrestaShop).

Von mir verfasste Tutorials.
Neugier iHowTo iHowTo - iOS iOS (iPhone) Tutorials und IT-News
Business Email iOS-Tipps E-Mail Signatur Signatur in Mail
So erreichen » iHowTo » iHowTo - iOS » So erstellen Sie eine HTML-E-Mail-Signatur für iPhone oder iPad

Neu kompilieren OpenSSL 1.1 & NGINX 1.25 für TLS 1.3 (CentOS 7)

So deaktivieren Sie die Option zum Übersetzen von Webseiten Microsoft Edge?

Hinterlasse einen Kommentar

Stealth Settings

Windows

Windows 11

Windows 10

Windows 8 / 8.1

Windows 7

Windows Vista

Windows XP

Task Manager

Hilfe

Microsoft 365 / Office

Microsoft 365 / Office

Excel

Word

PowerPoint

Outlook

Office 365 Produktivität

Linux & Web-Software

NGINX

Apache HTTP Server

PHP

SQL/MySQL

CentOS

Ubuntu

Web Hosting

WordPress & WooCommerce

Sicherheit & Antivirus

über den Menschenhandel

Antivirus & Security

Malware

Spyware

© 2024 Stealth Settings. IT-Tutorials und Neuigkeiten.

Datenschutz-Bestimmungen | Über Cookies | Kontakt | Über uns