E-Mail-Vorlagen
Nach dem Lesen dieser Seite kannst du eine E-Mail-Vorlage aus Blöcken auf einer visuellen Canvas erstellen, ein Bild darin hochladen, das fertige HTML zur Wiederverwendung an anderer Stelle abrufen, eine ältere reine HTML-Vorlage ohne Verlust in den Canvas-Modus umwandeln und eine Vorlage dem Ereignis zuweisen, das sie senden soll.
Navigationsbezeichnung — E-Mail-Vorlagen / E-Mail-Ereignisse: EN: Email Templates / Email Events · IT: Modelli email / Eventi email · FR: Modèles d'e-mail / Événements e-mail · DE: E-Mail-Vorlagen / E-Mail-Ereignisse · ES: Plantillas de correo / Eventos de correo · PT: Modelos de e-mail / Eventos de e-mail · NL: E-mailsjablonen / E-mailgebeurtenissen
Bevor du beginnst
E-Mail-Vorlagen und E-Mail-Ereignisse sind nur für Manager — es gibt für keines von beiden einen Bildschirm in der mobilen App. Kunden sehen weder den Editor noch die Ereignisliste; sie erhalten nur die fertige E-Mail, genau wie jede andere Nachricht von deinem Studio.
Eine Vorlage allein sendet nichts. Damit sie tatsächlich rausgeht, muss sie an etwas angehängt werden, das einen Versand auslöst — ein E-Mail-Ereignis (siehe unten) oder einen Schritt in einer Marketing-Automatisierung. Diese Seite behandelt das Erstellen der Vorlage selbst und das Zuweisen zu einem Ereignis; siehe Marketing-Automatisierungen für den Fall des Automatisierungsschritts.
Überblick: Canvas-Modus vs. HTML-Modus
Jede E-Mail-Vorlage befindet sich in genau einem von zwei Modi, nie in einer Mischung aus beiden:
- Canvas-Modus — du erstellst die E-Mail visuell, indem du Blöcke (Text, Bild, Schaltfläche, Trennlinie, Abstandshalter) von oben nach unten hinzufügst und anordnest, so wie du eine Seite layouten würdest. Dies ist der Standard für eine neue Vorlage und die richtige Wahl für fast alle.
- HTML-Modus — du schreibst das HTML der E-Mail direkt, in ein einfaches Textfeld, derselbe Editor, den Agon schon immer hatte. Nutze diesen nur, wenn du etwas brauchst, das der Block-Editor nicht kann — ein Layout, das die verfügbaren Blöcke nicht unterstützen, oder HTML, das du von woanders einfügst.
Die Canvas zeigt die E-Mail genau so, wie sie gerendert wird, live, während du Blöcke hinzufügst oder bearbeitest — es gibt keinen separaten „Vorschau“-Schritt zum Durchklicken.
Eine E-Mail aus Blöcken erstellen
-
Gehe in der linken Seitenleiste unter dem Abschnitt Marketing zu E-Mail-Vorlagen.
-
Klicke auf Neue Vorlage. Eine neue Vorlage öffnet sich im Canvas-Modus mit einer leeren Canvas.
-
Gib einen Vorlagennamen (für deine eigene Referenz — Kunden sehen ihn nie) und eine Betreffzeile ein.
-
Füge Blöcke aus der Palette über der Canvas hinzu: Text, Bild, Schaltfläche, Trennlinie, Abstandshalter oder HTML. Jeder Klick fügt diesen Block unten an der Canvas hinzu und wählt ihn aus.
-
Klicke auf einen beliebigen Block in der Canvas, um ihn auszuwählen. Seine Steuerelemente erscheinen im Panel Blockeigenschaften auf der rechten Seite:
Block Steuerelemente Text Inhalt, Fett, Kursiv, Ausrichtung, Schriftgröße, Textfarbe Bild Bild hochladen, Alternativtext, Breite, Ausrichtung, Link (optional) Schaltfläche Schaltflächentext, Schaltflächenlink, Ausrichtung, Hintergrundfarbe, Textfarbe Trennlinie Farbe der Trennlinie Abstandshalter Höhe (px) HTML Reiner HTML-Inhalt, für einen Block, über den du volle manuelle Kontrolle möchtest -
Ordne Blöcke neu an, indem du einen an eine neue Position ziehst oder indem du über einen Block fährst und auf die erscheinenden Pfeile ↑ / ↓ klickst. Entferne einen Block mit der Schaltfläche × in denselben Hover-Steuerelementen.
-
Klicke bei einem Textblock auf einen der Variablen-Chips unter dem Inhaltsfeld (zum Beispiel
{{client_name}}), um ihn am Ende deines Textes einzufügen — er wird beim Versand der E-Mail durch den tatsächlichen Wert des Kunden ersetzt. -
Klicke auf Speichern, wenn du fertig bist. Die Vorlage ist bereit, an ein E-Mail-Ereignis oder einen Schritt einer Marketing-Automatisierung angehängt zu werden.
Ein Bild in einen Bildblock hochladen
- Füge einen Bild-Block aus der Palette hinzu oder wähle einen bestehenden aus.
- Klicke im Panel Blockeigenschaften auf Bild hochladen und wähle eine Datei von deinem Computer.
- Warte, bis der Upload abgeschlossen ist — der Block zeigt während des Vorgangs eine „Wird hochgeladen…“-Überlagerung. Sobald er abgeschlossen ist, erscheint das Bild in der Canvas.
- Lege optional Alternativtext fest (angezeigt, wenn das Bild im E-Mail-Programm des Empfängers nicht geladen werden kann, und für die Barrierefreiheit verwendet), Breite, Ausrichtung und einen Link, wenn das Bild selbst anklickbar sein soll.
Es gibt keine gemeinsame Medienbibliothek — jedes Bild, das du hochlädst, gehört zu diesem einen Bildblock. Wenn du dasselbe Bild in zwei Blöcken haben möchtest, lade es zweimal hoch (einmal pro Block).
Das Panel „HTML anzeigen / kopieren“ verwenden
Klicke jederzeit oben im Editor auf HTML anzeigen / kopieren, um das genaue HTML zu sehen, das deine Canvas derzeit erzeugt. Klicke auf HTML kopieren, um es in deine Zwischenablage zu kopieren — nützlich, wenn du dieselbe gestaltete E-Mail woanders wiederverwenden möchtest, etwa indem du sie in ein anderes Tool einfügst. Klicke auf Zurück zur Canvas, um zum Block-Editor zurückzukehren; nichts, was du hier kopierst oder ansiehst, ändert die Vorlage.
Eine reine HTML-Vorlage in den Canvas-Modus umwandeln
Eine vor dieser Funktion erstellte Vorlage — oder eine, die du absichtlich im HTML-Modus erstellt hast — hat noch keine Blöcke. Wenn du sie zur Bearbeitung öffnest, wird neben dem HTML-Editor ein Link In Canvas umwandeln angezeigt.
Ein Klick darauf verpackt dein bestehendes HTML als einzelnen Start-HTML-Block auf der Canvas — nichts geht verloren. Von dort aus kannst du:
- diesen einen Block unverändert lassen und neue Blöcke (Text, Bild, Schaltfläche usw.) darüber oder darunter hinzufügen, oder
- das reine HTML des verpackten Blocks direkt bearbeiten (es ist immer noch ein HTML-Block, nur jetzt auf der Canvas), oder
- ihn löschen und die E-Mail von Grund auf mit gewöhnlichen Blöcken neu aufbauen.
Das Umwandeln geschieht nur, wenn du auf den Link klickst — eine Vorlage wechselt nie automatisch den Modus, und wenn du den Editor ohne Speichern schließt, bleibt die ursprüngliche HTML-Modus-Vorlage unberührt.
Wann du stattdessen den HTML-Modus verwenden solltest
Der Canvas-Modus deckt die Layouts ab, die die meisten Studios brauchen, aber du kannst eine neue Vorlage direkt im HTML-Modus starten (klicke auf oder mit reinem HTML beginnen auf einer brandneuen, noch leeren Canvas) oder eine bestehende HTML-Modus-Vorlage unverändert lassen. Gründe, im HTML-Modus zu bleiben:
- Du fügst eine vollständige E-Mail ein, die du woanders entworfen oder exportiert hast, und möchtest sie nicht Block für Block neu aufbauen.
- Du brauchst ein Layout oder eine Styling-Technik, die die sechs Blocktypen des Block-Editors nicht unterstützen.
- Du möchtest das HTML präzise von Hand feinjustieren und brauchst den Drag-and-Drop-Workflow nicht.
Eine Vorlage befindet sich immer im einen oder anderen Modus — der Wechsel von HTML in den Canvas-Modus ist immer die ausdrückliche Aktion In Canvas umwandeln oben, nie automatisch.
E-Mail-Ereignisse
Ein E-Mail-Ereignis ist das, was tatsächlich auslöst, dass eine Vorlage gesendet wird. Das Zuweisen einer Vorlage zu einem Ereignis macht aus einer oben erstellten Vorlage eine echte, automatische E-Mail.
- Gehe in der linken Seitenleiste unter dem Abschnitt Marketing zu E-Mail-Ereignisse.
- Wähle für jeden Ereignistyp in der Liste die Vorlage, die gesendet werden soll, wenn dieses Ereignis eintritt, oder belasse es bei Standardvorlage, um stattdessen Agons eigenen eingebauten Wortlaut für dieses Ereignis zu verwenden statt eines benutzerdefinierten.
Die Ereignistypen sind:
| Ereignis | Sendet, wenn |
|---|---|
| Kundeneinladung | Ein neues Kundenkonto wird erstellt |
| Passwort zurücksetzen | Ein Kunde fordert ein Zurücksetzen des Passworts an |
| Buchung bestätigt | Ein Kunde bucht einen Kurs |
| Buchung storniert | Eine Buchung wird storniert (durch den Kunden, einen Manager oder eine Kursabsage) |
| Kurserinnerung | Kurz vor einem Kurs, in den der Kunde gebucht ist |
| Mitgliedschaft läuft ab | Die Mitgliedschaft eines Kunden läuft bald ab |
| Von der Warteliste nachgerückt | Ein Kunde rückt von der Warteliste in einen bestätigten Platz nach |
Anders als bei SMS-Ereignissen (siehe SMS-Nachrichten) ist hier jeder Ereignistyp vollständig verdrahtet — das Zuweisen einer Vorlage zu einem beliebigen davon wird sofort wirksam, nicht nur bei den beiden Abläufen, die SMS derzeit unterstützt.
Eine Vorlage, die derzeit einem Ereignis zugewiesen ist, kann nicht aus E-Mail-Vorlagen gelöscht werden — hebe die Zuweisung hier zuerst auf.
Was tun, wenn etwas schiefgeht?
Mein Bild-Upload ist fehlgeschlagen oder hängt bei „Wird hochgeladen…“ Versuche es erneut — ein fehlgeschlagener Upload zeigt eine Fehlermeldung unter dem Eigenschaften-Panel, und der Block behält einfach sein vorheriges (oder leeres) Bild, nichts geht verloren. Wenn es weiterhin fehlschlägt, prüfe, ob die Datei eine echte Bilddatei und nicht ungewöhnlich groß ist.
Ich habe eine HTML-Vorlage in Canvas umgewandelt und möchte zurück Es gibt keine direkte Aktion „zurück umwandeln“, aber bei der Umwandlung ist nichts verloren gegangen — dein ursprüngliches HTML ist intakt im einzelnen HTML-Block erhalten, den die Umwandlung erstellt hat. Lösche jeden anderen Block, den du seitdem hinzugefügt hast, und du bist zurück beim ursprünglichen HTML, verpackt in einem Block. Wenn du seit der Umwandlung nicht gespeichert hast, verwirft das Schließen des Editors ohne Speichern die Umwandlung vollständig.
Ich kann nicht erkennen, ob meine Vorlage im Canvas-Modus oder im HTML-Modus ist Der Canvas-Modus zeigt die Blockpalette, die Drag-and-Drop-Canvas und ein Panel Blockeigenschaften. Der HTML-Modus zeigt ein einzelnes großes Textfeld und eine Liste einfügbarer Variablen-Chips dar über. Wenn du eine ältere Vorlage bearbeitest und das einfache Textfeld siehst, ist diese Vorlage noch im HTML-Modus — nutze In Canvas umwandeln, wenn du sie umstellen möchtest.
Ich habe eine Vorlage versehentlich gelöscht Es gibt kein Rückgängigmachen. Wenn die Vorlage einem E-Mail-Ereignis zugewiesen war oder in einem Schritt einer Marketing-Automatisierung verwendet wurde, blockiert Agon die Löschung und sagt dir, welches Ereignis oder welche Automatisierung sie noch verwendet — weise diese Referenz zuerst neu zu oder entferne sie, wenn du sie tatsächlich löschen möchtest.
Die E-Mail sieht bei der Ankunft nicht richtig aus Die Canvas zeigt eine live, akkurate Vorschau des HTML, das du erzeugst, aber verschiedene E-Mail-Programme (Gmail, Outlook, Apple Mail usw.) können HTML-E-Mails leicht unterschiedlich voneinander rendern — das ist eine allgemeine Eigenschaft von HTML-E-Mails, nicht spezifisch für Agon. Nutze HTML anzeigen / kopieren und sende dir über ein zugewiesenes E-Mail-Ereignis einen Test, wenn du genau bestätigen möchtest, wie sie in deinem eigenen Posteingang aussieht, bevor du dich darauf verlässt.
Häufig gestellte Fragen
Kann ich in derselben Vorlage einige Blöcke und etwas reines HTML haben?
Ja — ein HTML-Block ist einer der sechs Blocktypen. Du kannst gewöhnliche Blöcke (Text, Bild, Schaltfläche, Trennlinie, Abstandshalter) mit einem oder mehreren HTML-Blöcken auf derselben Canvas mischen; was du nicht kannst, ist eine Vorlage zu haben, die teils Canvas-strukturiert und teils ein separater reiner html_body außerhalb dieser Struktur ist. Sie ist entweder vollständig im Canvas-Modus (aus Blöcken erstellt, HTML-Blöcke inbegriffen) oder vollständig im HTML-Modus (ein Textfeld, gar keine Blöcke).
Zählt das Bild, das ich hochlade, gegen irgendetwas oder läuft es ab? Nein. Ein hochgeladenes Bild wird auf dem eigenen Server deines Studios gespeichert und bleibt unbegrenzt verfügbar, genau wie jede andere Datei, die Agon für dich speichert.
Können Kunden die Canvas oder den Block-Editor sehen? Nein. E-Mail-Vorlagen, einschließlich des Canvas-Editors, sind nur für Manager. Kunden sehen immer nur die fertige, gerenderte E-Mail in ihrem Posteingang.
Warum gibt es keine „Vorschau“-Schaltfläche? Die Canvas selbst ist immer eine live, exakte Vorschau — jede Blockbearbeitung aktualisiert sie sofort, sodass es nichts Zusätzliches zum Durchklicken gibt.