Zum Inhalt springen

E-Mail-Verwaltung

Die E-Mail-Verwaltung ermöglicht es dir, automatisierte E-Mails aus deiner App zu versenden. Du kannst verschiedene E-Mail-Provider anbinden, Vorlagen für verschiedene Anlässe erstellen und die Konfiguration mit Test-E-Mails überprüfen.

Über E-Mail (E-Mail-Icon im Dashboard) erreichst du die E-Mail-Konfiguration. Die Verwaltung ist in vier Tabs unterteilt:

TabBeschreibung
ProviderE-Mail-Dienst auswählen und konfigurieren
AbsenderAbsender-Name, E-Mail-Adresse und Mail-Logo festlegen
TestKonfiguration mit Test-E-Mail überprüfen
LogVersand-Statistik und E-Mail-Warteschlange einsehen
RolleZugriff
EigentümerJa
AdministratorJa
ModeratorNein
RedakteurNein

Der E-Mail-Provider ist der Dienst, der deine E-Mails tatsächlich versendet. BLOCQ unterstützt verschiedene Anbieter mit unterschiedlichen Kontingenten.

ProviderKostenloses KontingentBesonderheiten
SMTPUnbegrenztEigener Server (z.B. Mailcow, Postfix)
Gmail500/TagErfordert App-Passwort
SendGrid100/TagBeliebter Cloud-Dienst
Mailgun100/Tag (3 Monate)EU-Datacenter verfügbar
Resend100/TagModerner, entwicklerfreundlich
Postmark100/MonatHohe Zustellrate
Amazon SES62.000/MonatVon EC2-Instanzen
  1. Öffne E-Mail im Admin-Dashboard
  2. Wechsle zum Tab Provider
  3. Klappe den Bereich Provider wechseln auf
  4. Wähle deinen gewünschten Provider aus
  5. Gib die erforderlichen Zugangsdaten ein
  6. Tippe auf Speichern in der AppBar

Je nach gewähltem Provider werden unterschiedliche Einstellungen benötigt:

Für eigene SMTP-Server:

EinstellungBeschreibungBeispiel
SMTP HostAdresse des Serverssmtp.example.com
SMTP PortPort des Servers587 (Standard für TLS)
VerschlüsselungSicherheitsprotokollTLS (empfohlen), SSL, oder Keine
BenutzernameLogin für den Servernoreply@example.com
PasswortPasswort für den Server********

Die Absender-Einstellungen bestimmen, wie deine E-Mails beim Empfänger erscheinen.

EinstellungBeschreibungBeispiel
Absender-E-MailDie “Von”-Adresse (Pflichtfeld)noreply@deine-app.de
Absender-NameDer angezeigte Name (Pflichtfeld)Meine App
Antwort-AdresseWohin Antworten gehen (optional)support@deine-app.de
Mail-LogoLogo im Kopfbereich aller E-Mails (optional)Bild-Upload
  1. Öffne E-Mail im Admin-Dashboard
  2. Wechsle zum Tab Absender
  3. Gib die Absender-E-Mail ein (Pflichtfeld)
  4. Gib den Absender-Namen ein (Pflichtfeld)
  5. Optional: Gib eine Antwort-Adresse ein
  6. Optional: Lade ein Mail-Logo hoch
  7. Tippe auf Speichern in der AppBar

Das Mail-Logo erscheint im Kopfbereich (Header) jeder versendeten E-Mail.

  • Lädst du ein eigenes Mail-Logo hoch, wird dieses in allen E-Mails verwendet.
  • Lässt du das Feld leer, verwendet BLOCQ automatisch dein App-Logo als Fallback.
  • Ist auch kein App-Logo vorhanden, wird stattdessen der App-Name als Text-Header angezeigt.

Bevor du E-Mails an echte Nutzer sendest, solltest du die Konfiguration testen.

  1. Öffne E-Mail im Admin-Dashboard
  2. Wechsle zum Tab Test
  3. Gib deine eigene E-Mail-Adresse als Empfänger-E-Mail ein
  4. Tippe auf Test-E-Mail senden
  5. Prüfe deinen Posteingang (auch den Spam-Ordner!)

Nach dem Senden wird der Status angezeigt:

StatusBedeutung
Erfolgreich am [Datum]Test-E-Mail wurde erfolgreich versendet
Fehlgeschlagen am [Datum]Versand ist fehlgeschlagen - prüfe die Konfiguration

Der Tab Log zeigt dir, welche E-Mails deine App versendet hat und in welchem Status sie sind.

Oben siehst du eine Übersicht über alle E-Mails in der Warteschlange:

KennzahlBedeutung
GesamtAlle erfassten E-Mails
GesendetErfolgreich zugestellte E-Mails
AusstehendE-Mails, die noch verarbeitet werden
FehlerE-Mails, deren Versand fehlgeschlagen ist

Darunter findest du die letzten E-Mails mit:

  • Betreff der E-Mail
  • Empfänger (To)
  • Status-Badge: Erfolgreich, Fehler, In Bearbeitung oder Ausstehend

E-Mail-Vorlagen definieren das Design und den Inhalt deiner automatisierten E-Mails. Über Alle Vorlagen verwalten erreichst du die Vorlagen-Verwaltung.

  1. Öffne E-Mail > Alle Vorlagen verwalten
  2. Falls keine Vorlagen existieren, tippe auf Standard-Vorlagen erstellen
  3. Oder erstelle eine neue Vorlage manuell

BLOCQ unterstützt viele verschiedene Vorlagen-Typen:

TypVerwendung
BuchungsbestätigungNach erfolgreicher Buchung
StornierungsbestätigungNach Stornierung
BuchungserinnerungVor dem Termin
Check-in ErinnerungAm Tag vor Check-in
Check-out ErinnerungAm Tag vor Check-out
BewertungsanfrageNach dem Aufenthalt
ZugangscodeMit Türcode/PIN

Jede Vorlage kann individuell angepasst werden.

EinstellungBeschreibung
NameInterner Name der Vorlage
TypArt der E-Mail (bestimmt wann sie gesendet wird)
AktivOb die Vorlage verwendet wird

Für jede Sprache (Deutsch und Englisch) kannst du festlegen:

FeldBeschreibung
BetreffDie Betreffzeile der E-Mail
HTML-InhaltDer formatierte E-Mail-Text
Klartext-InhaltFallback ohne Formatierung (optional)

In Vorlagen kannst du Platzhalter verwenden, die automatisch ersetzt werden:

VariableErsetzt durchBeispiel
{{name}}Name des EmpfängersMax Mustermann
{{email}}E-Mail des Empfängersmax@beispiel.de
{{date}}Datum15.01.2025
{{time}}Uhrzeit14:00 Uhr
{{app_name}}Name deiner AppMeine App
{{primary_color}}Primärfarbe als Hex#4CAF50

Buchungs-spezifische Variablen:

VariableErsetzt durch
{{guest_name}}Name des Gastes
{{space_name}}Name der Unterkunft/Raum
{{checkin_date}}Check-in Datum
{{checkout_date}}Check-out Datum
{{total_price}}Gesamtpreis
{{access_code}}Zugangscode

Im Tab Vorschau siehst du, wie deine E-Mail aussehen wird. Die Variablen werden durch Beispielwerte ersetzt, damit du das Ergebnis überprüfen kannst.


Einige Module in BLOCQ haben eigene E-Mail-Vorlagen:

Wenn du das Mitgliedschafts-Modul nutzt, findest du unter Mitgliedschaften > E-Mail-Vorlagen einen direkten Zugang zu den relevanten Vorlagen:

  • Mitgliedschaftsbestätigung
  • Ablauf-Erinnerung
  • Kündigungs-Bestätigung
  • Verlängerungs-Bestätigung

Diese werden automatisch beim ersten Öffnen erstellt.


Wenn du die E-Mail-Konfiguration komplett entfernen möchtest:

  1. Öffne E-Mail im Admin-Dashboard
  2. Tippe auf das Drei-Punkte-Menü in der AppBar
  3. Wähle Löschen
  4. Bestätige die Warnung:

    “Möchten Sie die E-Mail-Konfiguration wirklich löschen? Sie können danach keine E-Mails mehr senden.”

  5. Tippe auf Bestätigen


Mögliche Ursachen:

  1. Spam-Ordner prüfen - Die E-Mail könnte als Spam markiert worden sein
  2. Zugangsdaten prüfen - API-Keys oder Passwörter könnten falsch sein
  3. Provider-Limits - Das kostenlose Kontingent könnte aufgebraucht sein
  4. Domain nicht verifiziert - Einige Provider erfordern eine Domain-Verifizierung

Ja, im HTML-Inhalt Feld kannst du vollständiges HTML verwenden. Achte auf Inline-CSS, da viele E-Mail-Clients externe Stylesheets ignorieren.

Was ist der Unterschied zwischen HTML und Klartext?

Abschnitt betitelt „Was ist der Unterschied zwischen HTML und Klartext?“
  • HTML ermöglicht formatierte E-Mails mit Farben, Bildern und Links
  • Klartext ist die Fallback-Version für E-Mail-Clients, die kein HTML unterstützen

Es ist empfehlenswert, beide anzugeben.

Nein, im Demo-Modus (App Builder) werden keine echten E-Mails versendet. Die Konfiguration wird simuliert, aber keine Verbindung zum Provider hergestellt.

Das hängt vom gewählten Provider und deinem Tarif ab. Die kostenlosen Kontingente findest du in der Provider-Tabelle oben.