Design für HTML-Mails gestalten

Einstellungen für den E-Mail-Versand über SMTP-Server

Wenn Sie Mails über Ihren eigenen SMTP-Server versenden, können Sie für Ihre E-Mails das eigene Hotel-Logo hochladen sowie Schrift- und Hintergrundfarben anpassen. Dies wirkt sich in der gesendeten E-Mail auf den Kopf- und Fußbereich sowie auf das eigentliche Textfeld aus.

Wählen Sie dazu zuerst unter Einstellungen > E-Mail-Versand SMTP-Server aus. Tragen Sie dann Absender, Servername sowie Port ein. Klicken Sie bitte SMTP Version 2.0 verwenden an. Dann können Sie mit dem Button Testen eine Testmail an eine Adresse Ihrer Wahl schicken.

Gestaltung einer Mailvorlage

Wäheln Sie zuerst den Reiter E-Mail-Struktur an, um zur Übersicht zu gelangen. Setzen Sie einen Haken bei Vorlage verwenden, um individuell zu gestalten.

Achtung! Wenn Sie auf Standard klicken, werden alle Ihre getätigten Einstellungen automatisch zurückgesetzt und gehen somit verloren.

Allgemein

Im Bereich Allgemein können Sie Folgendes anpassen:

• die generelle Hintergrundfarbe
• die Textfarbe
• die Farbe der Umrandung und die Stärke der Umrandung (dünne (1px), mittlere (2px), starke Linie(3px))

Mit den Werten aus dem Screenshot sieht Ihr Design dann so aus:

1. Hintergrundfarbe
2. Textfarbe
3. Umrandung
4. Kopfbereich (Header) – Anpassung im nächsten Schritt
5. Fußbereich (Footer) – Anpassung im übernächsten Schritt

Kopfbereich / Header

Wählen Sie jetzt Kopfbereich, um den Kopf bzw. Header zu gestalten: 

• Klicken Sie Logo an, wenn Sie Ihr Hotel-Logo hochladen möchten. Achten Sie bitte darauf, dass das Bild nicht größer als 440 x 220 Pixel ist, es stehen verschiedene gängige Bildformate zur Auswahl.
• Klicken Sie Hotelname an, wenn der Hotelname angezeigt werden soll. Dazu müssen Sie unter Einstellungen > Absenderadresse entsprechende Daten hinterlegt haben.
• Wenn Sie Ausblenden verwenden, wird kein Kopfbereich angezeigt.

Für Logo und Hotelname können Sie eine Ausrichtung (links – mittig – rechts) wählen. Sie haben ebenfalls die Möglichkeit, die Farbe für Schrift und Hintergrund des Kopfbereichs anzupassen. Die Umrandung ist in Bereich des Kopfes eine Linie unterhalb dieses Feldes.

Mit den obigen Werten und Einstellungen sieht eine Testmail so aus:

Fußbereich / Footer

Für den Fußbereich stehen Ihnen dieselben Enstellungsmöglichkeiten wie für den Kopfbereich zur Verfügung.

• Klicken Sie Adresse bzw. Hotelname an, wenn dies im Fußbereich angezeigt werden soll. Dazu müssen Sie unter Einstellungen > Absenderadresse entsprechende Daten hinterlegt haben.
• Wenn Sie Ausblenden verwenden, wird kein Fußbereich angezeigt.

Mit den obigen Werten und Einstellungen sieht eine Testmail nun so aus:

Beispiele

Beispiel für eine Bestätigung mit PDF-Anhang:

Beispiel für eine Rechnung mit PDF-Anhang:

Beispiel für eine persönliche Mail: