E-Mail Vorlagen

Vorlagen fuer automatische E-Mails gestalten und anpassen

E-Mail Vorlagen Templates Styling Design

E-Mail Vorlagen

Vorlagen-Editor

Der E-Mail-Vorlagen-Editor zeigt automatisch die Standard-Vorlagen an. Sie muessen keine leeren Felder ausfuellen - alle Vorlagen sind bereits vorkonfiguriert.

Editor-Hinweise

Hinweis	Bedeutung
Blaue Info-Box "Standard-Vorlage"	Sie bearbeiten die integrierte Vorlage. Aenderungen werden als benutzerdefinierte Vorlage gespeichert.
Gelbe Warnung "Benutzerdefinierte Vorlage"	Sie haben diese Vorlage bereits angepasst. Nutzen Sie "Auf Standard zuruecksetzen" fuer die Original-Vorlage.

Vorlagen bearbeiten

Gehen Sie zu Einstellungen → E-Mail Vorlagen
Waehlen Sie die gewuenschte Vorlage (z.B. "Buchungsbestaetigung")
Die Standard-Vorlage wird automatisch im Editor angezeigt
Bearbeiten Sie den Inhalt nach Ihren Wuenschen
Klicken Sie Speichern

Tipp: Wenn Sie einen Fehler gemacht haben, klicken Sie auf "Auf Standard zuruecksetzen" um zur Original-Vorlage zurueckzukehren.

Verfuegbare Vorlagen

Buchungs-Vorlagen

Vorlage	Wird gesendet bei
Buchungsanfrage	Neue Buchung - Bestaetigung angefordert
Buchungsbestaetigung	Buchung bestaetigt (>= 21 Tage, mit Anzahlung)
Buchungsbestaetigung Gesamtpreis	Buchung bestaetigt (< 21 Tage ODER ohne Anzahlung)
Restzahlung faellig	21 Tage vor Kursbeginn (Restbetrag anfordern)
Stornierungsbestaetigung	Buchung storniert
Video-Zugang	Nach Freischaltung (Video-Kurse)
Admin-Benachrichtigung	Neue Buchung (an Admin)

Sprint 40: Die Vorlagen "Buchungsbestaetigung Gesamtpreis" und "Restzahlung faellig" wurden hinzugefuegt um das Anzahlungs-System zu unterstuetzen.

Erinnerungs-Vorlagen (NEU)

Vorlage	Wird gesendet bei	Variablen
Buchungserinnerung	X Tage vor Kursbeginn	`{{kurs_title}}`, `{{kurs_date}}`, `{{kurs_location}}`
Zahlungserinnerung	Offene Zahlung vor Kurs	`{{rest_amount}}`, `{{total_amount}}`, `{{company_iban}}`
1. Mahnung	7 Tage nach Faelligkeit	`{{rest_amount}}`, `{{fee_amount}}`, `{{total_with_fee}}`
2. Mahnung	14 Tage nach Faelligkeit	+ Mahngebuehr (5 EUR)
Letzte Mahnung	21 Tage nach Faelligkeit	+ Mahngebuehr (10 EUR), `{{due_date}}`

Hinweis: Die Erinnerungs-Vorlagen werden automatisch vom Erinnerungsmodul versendet. Konfiguration unter Einstellungen → Erinnerungen.

Beispiele: Erinnerungs-Vorlagen

Buchungserinnerung

Freundliche Erinnerung an den bevorstehenden Kurs mit allen wichtigen Infos:

<p>Liebe(r) {{customer_name}},</p>

<p>wir freuen uns, Sie bald bei unserem Kurs begruessen zu duerfen!</p>

<table style="width: 100%; border-collapse: collapse; margin: 20px 0; background: #e3f2fd;">
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #90caf9; font-weight: bold;">Kurs:</td>
        <td style="padding: 12px; border-bottom: 1px solid #90caf9;">{{kurs_title}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #90caf9; font-weight: bold;">Datum:</td>
        <td style="padding: 12px; border-bottom: 1px solid #90caf9;">{{kurs_date}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #90caf9; font-weight: bold;">Uhrzeit:</td>
        <td style="padding: 12px; border-bottom: 1px solid #90caf9;">{{kurs_start}} Uhr</td>
    </tr>
    <tr>
        <td style="padding: 12px; font-weight: bold;">Ort:</td>
        <td style="padding: 12px;">{{kurs_location}}</td>
    </tr>
</table>

<p><strong>Buchungsnummer:</strong> {{buchung_nummer}}</p>

<p>Wir freuen uns auf Sie!</p>

<p>Herzliche Gruesse<br>{{company_name}}</p>

Zahlungserinnerung

Freundliche Erinnerung an offene Zahlung mit Bankverbindung:

<p>Liebe(r) {{customer_name}},</p>

<p>wir moechten Sie freundlich an die ausstehende Zahlung erinnern:</p>

<table style="width: 100%; border-collapse: collapse; margin: 20px 0; background: #f9f9f9;">
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ddd; font-weight: bold;">Kurs:</td>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;">{{kurs_title}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ddd; font-weight: bold;">Buchungsnummer:</td>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;">{{buchung_nummer}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; font-weight: bold;">Offener Betrag:</td>
        <td style="padding: 12px; font-size: 18px; color: #d9534f; font-weight: bold;">{{rest_amount}}</td>
    </tr>
</table>

<div style="background: #e8f5e9; padding: 15px; border-radius: 5px; margin: 20px 0;">
    <h4 style="margin-top: 0; color: #2e7d32;">Bankverbindung</h4>
    <p style="margin: 5px 0;">
        <strong>IBAN:</strong> {{company_iban}}<br>
        <strong>Verwendungszweck:</strong> {{buchung_nummer}}
    </p>
</div>

<p>Herzliche Gruesse<br>{{company_name}}</p>

1. Mahnung

Erste Zahlungserinnerung nach Faelligkeit (orange Farbschema):

<p>Liebe(r) {{customer_name}},</p>

<p>leider konnten wir bisher keinen Zahlungseingang feststellen:</p>

<table style="width: 100%; border-collapse: collapse; margin: 20px 0; background: #fff3e0;">
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ffcc80; font-weight: bold;">Buchungsnummer:</td>
        <td style="padding: 12px; border-bottom: 1px solid #ffcc80;">{{buchung_nummer}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; font-weight: bold;">Offener Betrag:</td>
        <td style="padding: 12px; font-size: 18px; color: #e65100; font-weight: bold;">{{rest_amount}}</td>
    </tr>
</table>

<p>Bitte ueberweisen Sie den Betrag umgehend.</p>

<p>Herzliche Gruesse<br>{{company_name}}</p>

2. Mahnung

Zweite Mahnung mit Mahngebuehr (rotes Farbschema):

<p>Liebe(r) {{customer_name}},</p>

<p>trotz unserer Erinnerung ist die Zahlung noch nicht eingegangen:</p>

<table style="width: 100%; border-collapse: collapse; margin: 20px 0; background: #ffebee;">
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ffcdd2; font-weight: bold;">Offener Betrag:</td>
        <td style="padding: 12px; border-bottom: 1px solid #ffcdd2;">{{rest_amount}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ffcdd2; font-weight: bold;">Mahngebuehr:</td>
        <td style="padding: 12px; border-bottom: 1px solid #ffcdd2;">{{fee_amount}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; font-weight: bold;">Gesamtbetrag:</td>
        <td style="padding: 12px; font-size: 18px; color: #c62828; font-weight: bold;">{{total_with_fee}}</td>
    </tr>
</table>

<p>Bitte ueberweisen Sie den Betrag innerhalb von <strong>7 Tagen</strong>.</p>

<p>Mit freundlichen Gruessen<br>{{company_name}}</p>

Letzte Mahnung

Letzte Mahnung vor rechtlichen Schritten (mit Inkasso-Warnung):

<h2 style="color: #c62828;">LETZTE MAHNUNG</h2>

<p>Sehr geehrte(r) {{customer_name}},</p>

<p>dies ist unsere <strong style="color: #c62828;">letzte aussergerichtliche Mahnung</strong>.</p>

<table style="width: 100%; border-collapse: collapse; margin: 20px 0; background: #ffebee; border: 2px solid #c62828;">
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ffcdd2; font-weight: bold;">Buchungsnummer:</td>
        <td style="padding: 12px; border-bottom: 1px solid #ffcdd2;">{{buchung_nummer}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ffcdd2; font-weight: bold;">Mahngebuehren:</td>
        <td style="padding: 12px; border-bottom: 1px solid #ffcdd2;">{{fee_amount}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; font-weight: bold;">Gesamtbetrag:</td>
        <td style="padding: 12px; font-size: 20px; color: #c62828; font-weight: bold;">{{total_with_fee}}</td>
    </tr>
</table>

<p style="color: #c62828; font-weight: bold;">Zahlungsfrist: {{due_date}}</p>

<p>Sollte die Zahlung nicht bis zum genannten Datum eingehen, behalten wir uns vor,
die Forderung an ein Inkassounternehmen zu uebergeben.</p>

<p>Mit freundlichen Gruessen<br>{{company_name}}</p>

Anzahlungs-Vorlagen (Sprint 40)

Diese Vorlagen unterstuetzen das Anzahlungs-System:

Restzahlung faellig

Wird 21 Tage vor Kursbeginn automatisch versendet, wenn eine Anzahlung geleistet wurde:

<div style="background: #fff3cd; border: 2px solid #ffc107; padding: 20px; border-radius: 8px; margin: 20px 0;">
    <h2 style="color: #856404; margin-top: 0;">Restzahlung faellig</h2>
    <p>Der Restbetrag fuer Ihre Buchung ist nun faellig.</p>
</div>

<table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;"><strong>Kurs:</strong></td>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;">{{kurs_title}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;"><strong>Kursdatum:</strong></td>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;">{{kurs_date}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;"><strong>Gesamtpreis:</strong></td>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;">{{total_price}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;"><strong>Bereits gezahlt (Anzahlung):</strong></td>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;">{{deposit_amount}}</td>
    </tr>
    <tr style="background: #fff3cd;">
        <td style="padding: 12px; font-weight: bold;">Offener Restbetrag:</td>
        <td style="padding: 12px; font-size: 18px; font-weight: bold; color: #856404;">{{rest_amount}}</td>
    </tr>
</table>

<div style="background: #e8f5e9; padding: 15px; border-radius: 5px;">
    <h4 style="margin-top: 0;">Bankverbindung</h4>
    <p><strong>IBAN:</strong> {{company_iban}}<br>
    <strong>BIC:</strong> {{company_bic}}<br>
    <strong>Bank:</strong> {{company_bank}}<br>
    <strong>Verwendungszweck:</strong> {{buchung_nummer}}</p>
</div>

Buchungsbestaetigung Gesamtpreis

Wird gesendet wenn der Kurs weniger als 21 Tage entfernt ist oder keine Anzahlung aktiviert:

<div style="background: #dc3545; color: white; padding: 20px; border-radius: 8px; text-align: center;">
    <h2 style="margin: 0;">Zahlung - Sofort faellig</h2>
    <p style="margin: 10px 0 0 0;">Der Gesamtpreis ist sofort zu zahlen</p>
</div>

<table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;"><strong>Buchungsnummer:</strong></td>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;">{{buchung_nummer}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;"><strong>Kurs:</strong></td>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;">{{kurs_title}}</td>
    </tr>
    <tr>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;"><strong>Datum:</strong></td>
        <td style="padding: 12px; border-bottom: 1px solid #ddd;">{{kurs_date}}</td>
    </tr>
    <tr style="background: #ffebee;">
        <td style="padding: 12px; font-weight: bold;">Sofort faellig:</td>
        <td style="padding: 12px; font-size: 20px; font-weight: bold; color: #dc3545;">{{total_price}}</td>
    </tr>
</table>

Wann wird welche Vorlage verwendet?

┌─────────────────────────────────────────────────────────────────────────┐
│                    BUCHUNGSBESTAETIGUNG LOGIK                            │
├─────────────────────────────────────────────────────────────────────────┤
│                                                                         │
│  Kunde bucht                                                            │
│       │                                                                 │
│       ▼                                                                 │
│  Kursdatum < 21 Tage entfernt?                                         │
│       │                                                                 │
│   ┌───┴───┐                                                            │
│   │ JA    │                                                            │
│   │       ▼                                                            │
│   │  "Buchungsbestaetigung Gesamtpreis"                                │
│   │  → Roter Header, sofort faellig                                    │
│   │                                                                     │
│   └───────────────────────────────────────────────────────────────────│
│                                                                         │
│   ┌───┐                                                                │
│   │NEIN (>= 21 Tage)                                                   │
│   │   ▼                                                                │
│   │  Anzahlung aktiviert?                                              │
│   │       │                                                            │
│   │   ┌───┴───┐                                                        │
│   │   │ JA    │                                                        │
│   │   │       ▼                                                        │
│   │   │  "Buchungsbestaetigung" (Standard)                             │
│   │   │  → Gruener Header, Anzahlung faellig                           │
│   │   │                                                                │
│   │   │  + nach X Tagen:                                               │
│   │   │  "Restzahlung faellig"                                         │
│   │   │  → Gelber Header, Restbetrag                                   │
│   │   │                                                                │
│   │   └─────────────────────────────────────────────────────────────│
│   │                                                                     │
│   │   ┌───┐                                                            │
│   │   │NEIN (keine Anzahlung)                                          │
│   │   │       ▼                                                        │
│   │   │  "Buchungsbestaetigung Gesamtpreis"                            │
│   │   │  → Roter Header, sofort faellig                                │
│   │   └─────────────────────────────────────────────────────────────│
│   └─────────────────────────────────────────────────────────────────│
│                                                                         │
└─────────────────────────────────────────────────────────────────────────┘

Farbschema der Erinnerungen

Vorlage	Farbe	Hex-Code
Buchungserinnerung	Blau	`#e3f2fd`
Zahlungserinnerung	Grau	`#f9f9f9`
Restzahlung faellig	Gelb	`#fff3cd`
Buchungsbestaetigung Gesamtpreis	Rot	`#dc3545`
1. Mahnung	Orange	`#fff3e0`
2. Mahnung	Rot (hell)	`#ffebee`
Letzte Mahnung	Rot (mit Rand)	`#ffebee` + `#c62828`

Automatischer Header & Footer

Alle E-Mails erhalten automatisch einen professionellen Header und Footer.

Header (automatisch)

Der Header zeigt Ihr Firmenlogo zentriert an. Das Logo wird in dieser Reihenfolge gesucht:

E-Mail Logo - Einstellungen > Allgemein > E-Mail Logo
Firmenlogo - Einstellungen > Allgemein > Firmenlogo
WordPress Logo - Theme-Customizer > Website-Identitaet > Logo

Tipp: Fuer beste Ergebnisse nutzen Sie ein Logo mit transparentem Hintergrund (PNG) in mindestens 400px Breite.

Der Footer enthaelt automatisch:

Firmenname
E-Mail-Adresse
Telefonnummer (falls hinterlegt)
Copyright mit aktuellem Jahr

Diese Daten werden aus Einstellungen > Allgemein bezogen.

E-Mail Struktur

Jede E-Mail hat folgenden Aufbau:

+----------------------------------+
|            [LOGO]                |  <- Automatischer Header
+----------------------------------+
|                                  |
|     Ihr E-Mail-Inhalt            |  <- Vorlage-Editor
|     (frei gestaltbar)            |
|                                  |
+----------------------------------+
|   Firmenname | kontakt@email.de  |  <- Automatischer Footer
|        (c) 2025                  |
+----------------------------------+

HTML-Styling im Editor

Erlaubte HTML-Elemente

Sie koennen folgende HTML-Tags im Vorlagen-Editor verwenden:

Kategorie	Tags
Text	`<p>`, `<br>`, `<strong>`, `<b>`, `<em>`, `<i>`, `<u>`, `<s>`
Ueberschriften	`<h1>`, `<h2>`, `<h3>`, `<h4>`
Listen	`<ul>`, `<ol>`, `<li>`
Links	`<a href="...">`
Bilder	`<img src="..." alt="...">`
Tabellen	`<table>`, `<tr>`, `<td>`, `<th>`, `<thead>`, `<tbody>`
Container	`<div>`, `<span>`
Trennlinien	`<hr>`

Inline-Styles verwenden

E-Mail-Clients unterstuetzen keine externen CSS-Dateien. Nutzen Sie daher immer Inline-Styles:

<!-- RICHTIG: Inline-Style -->
<p style="color: #333; font-size: 16px;">
    Ihr Text hier
</p>

<!-- FALSCH: CSS-Klasse (wird ignoriert) -->
<p class="text-gray">
    Ihr Text hier
</p>

Styling-Beispiele

Hervorgehobene Box

<div style="background-color: #f0f7ff; border-left: 4px solid #0066cc; padding: 15px; margin: 20px 0;">
    <strong>Wichtig:</strong> Bitte bringen Sie bequeme Kleidung mit.
</div>

Ergebnis:

Blaue Info-Box mit linkem Rand

Tabelle fuer Buchungsdetails

<table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
    <tr style="background-color: #f5f5f5;">
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Kurs</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">{kurs_titel}</td>
    </tr>
    <tr>
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Datum</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">{kurs_datum}</td>
    </tr>
    <tr style="background-color: #f5f5f5;">
        <td style="padding: 10px; border: 1px solid #ddd;"><strong>Preis</strong></td>
        <td style="padding: 10px; border: 1px solid #ddd;">{gesamtpreis}</td>
    </tr>
</table>

Button-Link

<p style="text-align: center; margin: 30px 0;">
    <a href="{bestaetigung_link}"
       style="background-color: #0066cc; color: #ffffff; padding: 12px 30px;
              text-decoration: none; border-radius: 5px; display: inline-block;">
        Buchung bestaetigen
    </a>
</p>

Farbige Ueberschrift

<h2 style="color: #0066cc; border-bottom: 2px solid #0066cc; padding-bottom: 10px;">
    Ihre Buchungsbestaetigung
</h2>

Best Practices

Allgemeine Regeln

Regel	Empfehlung
Breite	Max. 600px (wird automatisch gesetzt)
Schriftgroesse	Min. 14px fuer Fliesstext
Zeilenhoehe	1.5 bis 1.6 fuer bessere Lesbarkeit
Farben	Ausreichend Kontrast (dunkel auf hell)
Bilder	Immer `alt`-Text angeben

Empfohlene Farbpalette

Verwendung	Farbe	Code
Primaer	Blau	`#0066cc`
Erfolg	Gruen	`#28a745`
Warnung	Gelb	`#ffc107`
Fehler	Rot	`#dc3545`
Text	Dunkelgrau	`#333333`
Hintergrund	Hellgrau	`#f5f5f5`

Schriftarten

Nutzen Sie websichere Schriftarten, da individuelle Fonts nicht geladen werden:

<p style="font-family: Arial, Helvetica, sans-serif;">
    Ihr Text
</p>

Empfohlene Fonts: - Arial, Helvetica, sans-serif - Georgia, Times New Roman, serif - Verdana, Geneva, sans-serif

Komplettes Beispiel-Template

<h2 style="color: #0066cc; margin-bottom: 20px;">
    Hallo {vorname},
</h2>

<p style="font-size: 16px; line-height: 1.6; color: #333;">
    vielen Dank fuer Ihre Buchung! Hier sind Ihre Details:
</p>

<table style="width: 100%; border-collapse: collapse; margin: 25px 0;">
    <tr style="background-color: #0066cc; color: #ffffff;">
        <th style="padding: 12px; text-align: left;" colspan="2">
            Buchungsdetails
        </th>
    </tr>
    <tr>
        <td style="padding: 10px; border-bottom: 1px solid #eee; width: 40%;">
            <strong>Kurs:</strong>
        </td>
        <td style="padding: 10px; border-bottom: 1px solid #eee;">
            {kurs_titel}
        </td>
    </tr>
    <tr>
        <td style="padding: 10px; border-bottom: 1px solid #eee;">
            <strong>Datum:</strong>
        </td>
        <td style="padding: 10px; border-bottom: 1px solid #eee;">
            {kurs_datum}
        </td>
    </tr>
    <tr>
        <td style="padding: 10px; border-bottom: 1px solid #eee;">
            <strong>Uhrzeit:</strong>
        </td>
        <td style="padding: 10px; border-bottom: 1px solid #eee;">
            {kurs_zeit}
        </td>
    </tr>
    <tr>
        <td style="padding: 10px; border-bottom: 1px solid #eee;">
            <strong>Ort:</strong>
        </td>
        <td style="padding: 10px; border-bottom: 1px solid #eee;">
            {kurs_ort}
        </td>
    </tr>
    <tr style="background-color: #f9f9f9;">
        <td style="padding: 10px;">
            <strong>Gesamtpreis:</strong>
        </td>
        <td style="padding: 10px; font-size: 18px; color: #0066cc;">
            <strong>{gesamtpreis}</strong>
        </td>
    </tr>
</table>

<div style="background-color: #fff3cd; border: 1px solid #ffc107;
            padding: 15px; border-radius: 5px; margin: 20px 0;">
    <strong>Hinweis:</strong> Bitte bestaetigen Sie Ihre Buchung
    innerhalb von 48 Stunden.
</div>

<p style="text-align: center; margin: 30px 0;">
    <a href="{bestaetigung_link}"
       style="background-color: #28a745; color: #ffffff;
              padding: 15px 40px; text-decoration: none;
              border-radius: 5px; font-size: 16px; display: inline-block;">
        Jetzt bestaetigen
    </a>
</p>

<p style="font-size: 14px; color: #666; margin-top: 30px;">
    Bei Fragen stehen wir Ihnen gerne zur Verfuegung.
</p>

<p style="font-size: 16px; color: #333;">
    Mit freundlichen Gruessen<br>
    <strong>{firma}</strong>
</p>

Haeufige Probleme

Styles werden nicht angezeigt

Problem: Formatierungen erscheinen nicht in der E-Mail.

Loesung: Pruefen Sie, ob Sie Inline-Styles verwenden. CSS-Klassen funktionieren nicht.

Bilder werden nicht geladen

Problem: Eingefuegte Bilder erscheinen nicht.

Loesungen: 1. Verwenden Sie vollstaendige URLs (https://...) 2. Bilder muessen oeffentlich zugaenglich sein 3. Fuegen Sie immer einen alt-Text hinzu

Layout ist verschoben

Problem: Spalten/Tabellen sehen falsch aus.

Loesung: Nutzen Sie feste Pixelwerte statt Prozent und testen Sie in verschiedenen E-Mail-Clients.

Platzhalter verwenden

In allen Vorlagen koennen Sie Platzhalter nutzen:

Hallo {vorname} {nachname},

Ihre Buchung fuer "{kurs_titel}" am {kurs_datum} wurde bestaetigt.

Mit freundlichen Gruessen
{firma}

Siehe auch: E-Mail Platzhalter fuer eine vollstaendige Liste aller verfuegbaren Platzhalter.

Testen

Testen Sie Ihre Vorlagen vor dem Live-Einsatz:

Erstellen Sie eine Test-Buchung mit Ihrer eigenen E-Mail
Pruefen Sie die E-Mail in verschiedenen Clients (Gmail, Outlook, Apple Mail)
Testen Sie auch die mobile Ansicht

E-Mail Vorlagen

E-Mail Vorlagen

Vorlagen-Editor

Editor-Hinweise

Vorlagen bearbeiten

Verfuegbare Vorlagen

Buchungs-Vorlagen

Erinnerungs-Vorlagen (NEU)

Beispiele: Erinnerungs-Vorlagen

Buchungserinnerung

Zahlungserinnerung

1. Mahnung

2. Mahnung

Letzte Mahnung

Anzahlungs-Vorlagen (Sprint 40)

Restzahlung faellig

Buchungsbestaetigung Gesamtpreis

Wann wird welche Vorlage verwendet?

Farbschema der Erinnerungen

Automatischer Header & Footer

Header (automatisch)

Footer (automatisch)

E-Mail Struktur

HTML-Styling im Editor

Erlaubte HTML-Elemente

Inline-Styles verwenden

Styling-Beispiele

Hervorgehobene Box

Tabelle fuer Buchungsdetails

Button-Link

Farbige Ueberschrift

Best Practices

Allgemeine Regeln

Empfohlene Farbpalette

Schriftarten

Komplettes Beispiel-Template

Haeufige Probleme

Styles werden nicht angezeigt

Bilder werden nicht geladen

Layout ist verschoben

Platzhalter verwenden

Testen

Verwandte Themen

Inhalt