Email-Vorlagen

  • Veröffentlicht am May 2, 2025
Prev Next

Diese Funktion ermöglicht es Ihnen, vorhandene Vorlagen zu verwenden, sie anzupassen oder völlig neue Vorlagen für die verschiedenen automatisierten Sendungen zu erstellen, die unsere App anbietet.

E-Mail-Vorlagen_Vorderseite_Bild.jpeg

Verwenden Sie die neue WYSIWYG-Schnittstelle, um die Standardvorlagen an Ihre geschäftlichen Anforderungen anzupassen.

Lassen Sie uns diesen Abschnitt gemeinsam entdecken!

Zugriff auf die E-Mail-Vorlagen

Um die vorhandenen Standardvorlagen zu überprüfen oder benutzerdefinierte Vorlagen hinzuzufügen, können Sie die Oberfläche erreichen, indem Sie:

  1. Klicken Sie in der linken Navigationsleiste auf Konfiguration > Kundenkommunikation.

  2. Klicken Sie dann auf E-Mail-Vorlagen

screenshot-staging-admin_billwerk_plus-2024_11_27-13_13_39.png

Die Seite E-Mail-Vorlagen wird geöffnet und zeigt Ihnen mehrere Optionen für E-Mails an:

  1. Vorlagen für Rechnungen: E-Mail-Vorlagen für Rechnungen

  2. Vorlagen für Abonnements: E-Mail-Vorlagen für Abonnements

  3. Konto-Vorlagen: E-Mail-Vorlagen für die Verwaltung von Benutzerkonten

  4. Webhook-Vorlagen: E-Mail-Vorlagen mit Bezug zu Webhooks

  5. Kundenportal-Vorlagen: E-Mail-Vorlagen für das Kundenportal

screencapture-staging-admin-billwerk-plus-2024-11-27-13_14_49.png

Liste der verfügbaren E-Mail-Vorlagen

Sie können die folgenden Standardvorlagen verwenden und benutzerdefinierte Vorlagen für diese Anwendungsfälle erstellen:

Vorlagen für Rechnungen

Vorlagen für Quittungen

Quittung auf der Rechnungskarte

Wird gesendet, wenn eine Rechnung mit einer Kreditkartentransaktion erfolgreich bezahlt wurde.

Manueller Rechnungseingang

Versendet, wenn eine Rechnung erfolgreich mit einer manuellen Transaktion bezahlt wurde.

Rechnung mit Nullbetrag, Quittung

Wird gesendet, wenn eine Rechnung mit einem Nullsummenbetrag ohne Transaktionen beglichen wird. Ein Plan mit einem Nullbetrag oder ein Guthaben, das höher ist als der Plan- und Zusatzkostenbetrag, kann zu diesem Szenario führen.

Vorlagen für Rückerstattungen

Rückerstattungsbeleg auf der Rechnungskarte

Versendet, wenn eine Rückerstattung für eine bezahlte Rechnung erfolgt ist, die mit einer Kreditkartenüberweisung bezahlt wurde.

Rechnung, manueller Rückerstattungsbeleg

Versendet, wenn eine Rückerstattung für eine bezahlte Rechnung erfolgt ist, die mit einer manuellen Transaktion bezahlt wurde.

Mahnungsvorlagen

Mahnbescheid für Rechnungen

Versendet gemäß dem Mahnungsschema.

Mahnbescheid für Rechnung ohne Zahlweg

Versendet, wenn der angemahnten Rechnung keine Zahlungsmethode hinzugefügt wurde.

Vorlagen für Abonnements

Anmeldungsvorlagen

Beleg für die Anmeldung

Versendet, wenn ein Kunde sich für ein Abonnement angemeldet hat und die Registrierungsmethode nicht darin besteht, eine E-Mail mit der Aufforderung zur Auswahl einer Zahlungsmethode für das Abonnement zu senden.

Anmeldebestätigung Zahlungsmethode anfordern

Versendet, wenn ein Kunde sich für ein Abonnement angemeldet hat und die Registrierungsmethode darin besteht, eine E-Mail mit der Aufforderung zur Auswahl einer Zahlungsmethode für das Abonnement zu senden.

Vorlagen ändern

Änderung des Abonnements

Versendet, wenn die Abonnementpreise oder Abrechnungsperioden für ein Abonnement geändert werden (der Plan oder der Beginn der nächsten Abrechnungsperiode wird für das Abonnement geändert).

Pausenvorlagen

Abonnement in der Warteschleife

Versendet, wenn ein Abonnement ausgesetzt worden ist.

Mahnwesen für Abonnement in Wartestellung

Wird gesendet, wenn ein Abonnement aufgrund eines fehlgeschlagenen Mahnvorgangs pausiert wird. Diese Mails haben oft einen anderen Inhalt als die normalen Pausenmails.

Abonnement reaktiviert

Versendet, wenn ein ausgesetztes Abonnement reaktiviert wurde.

Vorlagen abbrechen

Abonnement gekündigt

Wird gesendet, wenn ein Abonnement gekündigt wird. Gibt an, wann das Abonnement abläuft.

Abonnement nicht gekündigt

Versendet, wenn ein gekündigtes Abonnement wieder aktiviert wird.

Vorlagen ablaufen lassen

Das Abonnement ist abgelaufen

Versendet, wenn ein Abonnement abgelaufen ist, entweder wegen vorheriger Kündigung oder weil eine feste Anzahl an Abrechnungszyklen erreicht wurde.

Mahnungen für abgelaufene Abonnements

Wird gesendet, wenn ein Abonnement aufgrund eines fehlgeschlagenen Mahnvorgangs abgelaufen ist. Diese Mail hat oft einen anderen Inhalt als die normale Expire-Mail.

Erinnerungsvorlagen

Erinnerung an die Abonnementverlängerung

X Tage vor der Verlängerung des Abonnements versendet, als Erinnerung daran, dass die Kreditkarte des Kunden belastet wird.

Erinnerung an das Ende des Probeabonnements

X Tage vor Ablauf der Testphase eines Abonnements versendet.

Konto-Vorlagen

Vorlagen einladen

Benutzerkonto einladen

Versendet, wenn neue Benutzer eingeladen werden.

Benachrichtigung über das Benutzerkonto

Versendet, wenn ein existierender Benutzer zur Verwaltung eines Billwerk+ Dashboards eingeladen wird.

Vorlagen für die Verifizierung

Benutzer-E-Mail verifizieren

Versendet, wenn ein existierender Benutzer eine E-Mail-Verifizierung anfordert.

Vorlagen zurücksetzen

Benutzer-Passwort zurücksetzen

Versendet, wenn ein existierender Benutzer die Zurücksetzung seines Passworts anfordert.

b

Alert-Vorlagen

Webhook-Fehler

Versendet, wenn ein Webhook wiederholt fehlgeschlagen ist.

Kundenportal-Vorlagen

Vorlage für die Anmeldung

Anmeldung

Wird gesendet, wenn der Benutzer versucht, sich beim Kundenportal anzumelden. Diese E-Mail enthält das einmalige Anmeldekennwort

E-Mail-Vorlage deaktivieren oder reaktivieren

Um das Senden der E-Mail-Benachrichtigung zu beenden:

  1. Sie können auf die Vorlage zugreifen, die Sie deaktivieren möchten.

  2. Öffnen Sie das Akkordeonmenü der Vorlagengruppe, an der Sie interessiert sind, indem Sie auf den Namen klicken.

  3. Verwenden Sie den Schalter um die Vorlage zu deaktivieren oder zu reaktivieren:
    Deaktiviert_eine_E-Mail-Vorlage_1

Vorsicht

Die Konto-Vorlagen und die Webhook-Vorlagen können nicht deaktiviert werden, da sie systemrelevante Benachrichtigungen versenden. Dennoch können Sie sie wie die anderen anpassen.

E-Mail-Typ-Einstellungen

Mit den Einstellungen für den E-Mail-Typ können Sie die Standard-E-Mail-Adresse ändern, die Sie in den E-Mail-Einstellungen auf der Ebene der E-Mail-Vorlage angegeben haben. Das bedeutet, dass Sie diese Informationen für jede der oben aufgeführten Vorlagen anpassen können.

Vorsicht

Wenn Sie die Standard-E-Mail-Adresse für eine bestimmte Vorlage ändern, wird die Standard-E-Mail-Adresse für diese eine Vorlage überschrieben.

Sie können auf diese Weise den angezeigten Namen und die angezeigte E-Mail-Adresse überschreiben:

  1. Der Sender

  2. Die Antwort auf

  3. Die Zusätzliche Emails: CC und BCC.

Um auf diese Einstellungen zuzugreifen, lesen Sie bitte diesen Artikel: Zugang zu den E-Mail-Vorlagen.

  1. Klicken Sie dann auf das Symbol gear_icon_Reepay.png hinter den Namen der Vorlage, die Sie anpassen möchten:
    screenshot-staging-admin_billwerk_plus-2024_11_27-16_32_22.png

  2. Klicken Sie anschließend auf die Seite Reepay_Admin_-_Pencil_icon.png:
    E-Mail_Typ_Einstellungen_2

  3. Klicken Sie auf Reepay_Admin_-_Continue.png, nachdem Sie die Fehlermeldung gelesen haben:
    E-Mail-Typ_Einstellungen_3

  4. Ändern Sie dann die Name(n) und/oder E-Mail-Adresse(n), die Sie für die Vorlage anpassen möchten.

  5. Klicken Sie schließlich auf Reepay_Admin_-_Confirm_button.png.

Großartig, Sie haben gerade die gewünschten Informationen geändert und die E-Mail-Einstellungen Ihrer Vorlage angepasst.

Vorschau einer existierenden E-Mail-Vorlage

Um auf die E-Mail-Vorlagen zuzugreifen, lesen Sie bitte diesen Artikel: Zugang zu den E-Mail-Vorlagen.

Wenn Sie eine bereits vorhandene Vorlage öffnen und eine Vorschau ansehen möchten, folgen Sie bitte diesen Schritten:

  1. Klicken Sie auf der Seite E-Mail-Vorlagen auf die Vorlagengruppe, die Sie interessiert.

  2. Klicken Sie dann auf den Vorlagennamen, um das Akkordeonmenü zu öffnen.

  3. Sie sehen eine Liste der vorhandenen Vorlagen für diesen Anwendungsfall:
    Reepay_Admin_-_Vorschau_Email_templates.png

  4. Klicken Sie dann auf eye-solid.png, um die Vorschau zu öffnen:
    Reepay_Admin_-_Vorschau_2_Email_templates.png

  5. Scrollen Sie nach unten, um die gesamte Vorlage zu sehen.

  6. Klicken Sie dann auf close_Reepay.png.

Erstellen Sie eine benutzerdefinierte E-Mail-Vorlage

Es gibt zwei Möglichkeiten, eine benutzerdefinierte Vorlage zu erstellen:

  1. Entweder klonen Sie ein Existierendes (Standard oder Benutzerdefiniert)
    eine_angepasste_email_vorlage5.png erstellen

  2. Oder Sie erstellen eine neue Vorlage von Grund auf neu.
    eine_angepasste_email_vorlage4.png erstellen

Für beide Optionen benötigen Sie

  1. Greifen Sie zunächst auf die Schnittstelle für E-Mail-Vorlagen zu.
    screenshot-staging-admin_billwerk_plus-2024_11_27-19_51_39.png

  2. Öffnen Sie dann die Vorlagengruppe, indem Sie auf den Namen klicken. (Vorlagen für Rechnungen und Quittungen als Beispiele).
    Eine_angepasste_E-Mail-Vorlage_erstellen2.png

  3. Klicken Sie danach auf den Namen der Vorlage, die Sie anpassen möchten.
    eine_angepasste_email_vorlage3.png erstellen

Klonen einer vorhandene E-Mail Vorlage

Folgen Sie diesen Schritten, wenn Sie eine Vorlage mit geringfügigen Änderungen anpassen möchten.

  1. Klicken Sie auf das Symbol Reepay_Admin_-_Copy_Icon.png.
    klonen_einer_vorhandenen_email_vorlage.png

  2. Sie werden die Vorschau der Vorlage sehen, die Sie klonen möchten.
    klonen_einer_vorhandenen_email_vorlage2.png

  3. Fügen Sie einen Namen für Ihren Klon ein.

  4. Klicken Sie dann auf Reepay_Admin_-_Confirm_button.png.

  5. Sie werden zu der Liste der Vorlagen weitergeleitet.

  6. Klicken Sie auf den Namen Ihrer neuen Vorlage.

  7. Der E-Mail-Editor wird geöffnet.
    klonen_einer_vorhandenen_email_vorlage3.png

Der E-Mail-Editor

Entweder haben Sie wie oben beschrieben eine bestehende E-Mail-Vorlage geklont oder Sie haben auf das Symbol Reepay_Admin_-_Plus_button.png geklickt, um eine neue Vorlage zu erstellen.

Auf beiden Wegen wird der E-Mail-Editor geöffnet. Die Schnittstelle besteht aus vier Registerkarten:

  1. Editor: Eine Drag-and-Drop-Schnittstelle, mit der Sie Komponenten zu Ihrer Vorlage hinzufügen können.

  2. Text: Ein Texteditor, mit dem Sie Platzhalter, Platzhalterregeln und Bedingungen hinzufügen können.

  3. JSON: Eine Schnittstelle, die Ihnen die Möglichkeit gibt,  Ihre JSON-Datei hochzuladen und  die JSON-Datei der Vorlage herunterzuladen.

  4. HTML: Sie können die HTML-Ausgabe Ihrer Vorlage sehen und kopieren.

Wir werden uns zunächst auf den Editor und seine verschiedenen Komponenten konzentrieren:

Reepay_Admin_-_Emailvorlage_bearbeiten.png

Inhalt

Sie haben mehrere Komponenten, um Ihre E-Mail-Vorlage anzupassen:

Inhalt-Bilder.PNG

Inhalt-Spalten.PNG

  1. Ziehen & Sie die Spaltenkomponente in die Vorlage, um Ihre E-Mail zu strukturieren.
    Reepay_Admin_-_Email_Editor_Spalten1.png

  2. Sie können die Optionen für die Geräte Desktop oder Mobile einstellen.
    Reepay_Admin_-_Email_Editor_Spalten2.png

  3. Fügen Sie eine Anzeigebedingung hinzu, indem Sie auf das Feld klicken.

    Es öffnet sich das Fenster Anzeigebedingungen für den Block verwalten.
    Reepay_Admin_-_Anzeige_Bedingungen_E-Mail-Vorlage_bearbeiten.png

    1. Klicken Sie auf Bedingung hinzufügen.

    2. Wählen Sie den Bereich , aus dem die Felder für Ihre Bedingung stammen sollen.

    3. Wählen Sie dann die Felder aus.

    4. Entscheiden Sie, ob die Informationen verfügbar sein sollen oder nicht.

    5. Klicken Sie auf Reepay_Admin_-_Confirm_button.png.

  4. Im Bereich Spalten können Sie die Verteilung Ihrer Spalten festlegen. Sie können bis zu vier Spalten auf unterschiedliche Weise anzeigen. Klicken Sie auf die Verteilung, die Sie sehen möchten.

    Hinweis

    Wenn Sie die Anzahl der Spalten reduzieren, werden Sie durch eine Fehlermeldung darauf hingewiesen, dass Sie im Begriff sind, Spalten zu löschen. Dadurch wird der Inhalt dieser Spalten gelöscht.

  5. Für jede Spalte können Sie Spalteneigenschaften einstellen:
    Reepay_Admin_-_Email_Editor_Spalten3.png

    Hinweis

    Sie können weitere Optionen aktivieren, um für jede Seite Ihrer Zelle das Padding und Border Design anzupassen.

  6. Die Zeileneigenschaften ermöglichen es Ihnen, den Hintergrund und die Auffüllung der Zeile festzulegen:
    Reepay_Admin_-_Email_Editor_Spalten4.png

  7. Im Responsive Design können Sie entscheiden, ob die Spalte in der Desktop-Version (oder in der anderen Registerkarte, siehe Punkt 2, in der mobilen Version) ein- oder ausgeblendet werden soll.

Inhalt-Überschrift.PNG

  1. Ziehen Sie & Ziehen Sie die Überschriftenkomponente in die Vorlage, um einen Überschriftentextblock einzufügen.
    Reepay_Admin_-_Überschrift_1_Emailvorlage_bearbeiten.png

  2. Sie können die Optionen für die Geräte Desktop oder Mobile einstellen.

  3. Fügen Sie eine Anzeigebedingung hinzu.

  4. Verwenden Sie Smart Headings, um automatisch eine Überschrift zu erstellen, indem Sie mindestens zwei Schlüsselwörter einfügen:
    Reepay_Admin_-_Überschrift_2_Emailvorlage_bearbeiten.png

    Klicken Sie auf Get Suggestions, um den Ton auszuwählen:
    Reepay_Admin_-_Überschrift_3_Emailvorlage_bearbeiten.png

    Klicken Sie auf Refresh, um weitere Vorschläge zu erhalten.

    Dann klicken Sie auf den Vorschlag, um ihn in Ihr Template einzufügen.

  5. Legen Sie die Eigenschaften von Text wie folgt fest:
    Reepay_Admin_-_Überschrift_4_Emailvorlage_bearbeiten.png

  6. Für Links können Sie entscheiden, ob Sie die Formatvorlagen für den Textkörper übernehmen möchten, was Ihnen erlaubt, eine eigene Farbe festzulegen und den Linktext zu unterstreichen oder nicht.

  7. Wenn Sie weitere Optionen im Abschnitt Allgemein aktivieren, können Sie die Polsterung für die vier Seiten um Ihre Kopfzeile herum festlegen.

  8. Im Responsive Design können Sie entscheiden, ob die Kopfzeile in der Desktop-Version (oder in der anderen Registerkarte, siehe Punkt 2, in der mobilen Version) angezeigt oder ausgeblendet werden soll.
    Reepay_Admin_-_Überschrift_5_Emailvorlage_bearbeiten.png

Inhalt-Text.PNG

  1. Ziehen & Sie die Textkomponente in die Vorlage, um Ihre E-Mail zu strukturieren.
    Inhalt-Text1.PNG

  2. Sie können die Optionen für die Geräte Desktop oder Mobile einstellen.
    inhalt-desktopormobile.PNG

  3. Fügen Sie eine Anzeigebedingung hinzu, indem Sie auf das Kästchen klicken.

  4. Für jeden Text-Block können Sie Texteigenschaften einstellen:
    Inhalt-Text-Eigenschaften.PNG

  5. Für Links können Sie entscheiden, ob Sie die Formatvorlagen für den Textkörper übernehmen möchten, was Ihnen erlaubt, eine eigene Farbe festzulegen und den Linktext zu unterstreichen oder nicht.

  6. Wenn Sie weitere Optionen im Abschnitt Allgemein aktivieren, können Sie den Abstand für die vier Seiten um Ihren Textblock herum festlegen.

  7. Im Responsive Design können Sie entscheiden, ob der Text in der Desktop-Version (oder in der anderen Registerkarte, siehe Punkt 2, in der mobilen Version) angezeigt oder ausgeblendet werden soll.

Hinweis

Darüber hinaus können Sie auch die Smart-Text-Funktion nutzen, um sich bei der Erstellung des gewünschten Textes von der KI helfen zu lassen. Ein Beispiel: "Grüße an alle! Schön, dass du hier bist!'

  1. Klicken Sie auf den Textblock und wählen Sie im Bearbeitungsfenster Smart Text.
    Inhalt-Text-schlau.PNG

  2. Verwenden Sie im Fenster Smart Text eine der verschiedenen AI-Textbearbeitungsoptionen. Wir werden unseren Text umformulieren. Wählen Sie Text umformulieren.
    Inhalt-Text-smart2.PNG

  3. Nach einer Sekunde formuliert die KI den Textblock in eine alternative Version um "Hallo zusammen! Wir freuen uns, Sie bei uns zu haben!'
    Inhalt-Text-smart3.PNG

Inhalt-Bild.PNG

  1. Drag & Ziehen Sie die Bildkomponente in die Vorlage, um ein Bild einzufügen.
    inhalt-bild1.PNG

  2. Sie können die Optionen für die Geräte Desktop oder Mobile einstellen.
    inhalt-desktopormobile.PNG

  3. Fügen Sie eine Anzeigebedingung hinzu, indem Sie in das Feld klicken.

  4. Rufen Sie ein KI-generiertes benutzerdefiniertes Bild auf, indem Sie Content-generate.PNG wählen.

    1. Bitte geben Sie eine Beschreibung des Bildes an, damit AI es erstellen kann. Wie im Beispiel "Videobesprechung mit dem Chef". Klicken Sie anschließend auf Bilder generieren.
      Inhalt-Bilder-Smart2.PNG

    2. Nach wenigen Sekunden stehen vier generierte Bilder zur Auswahl für Ihre Vorlage bereit. Wenn das Bild ausgewählt ist, bewegen Sie den Mauszeiger über das Bild und wählen Sie Bild verwenden.
      Inhalt-Bilder-Smart3.PNG

    3. Das ausgewählte Bild wird automatisch zur E-Mail-Vorlage hinzugefügt.
      Inhalt-Bilder-Smart6.PNG

    4. Für jedes Bild können Sie verschiedene Eigenschaften festlegen:
      Inhalt-Bilder-Smart5.PNG

    Alternativer Text soll eine textliche Beschreibung des Bildinhalts für Personen mit eingeschränkter Sehfähigkeit liefern, die Bildschirmlesegeräte verwenden.

    Hinweis

    Außerdem können Sie auf Effekte anwenden klicken, um ein Bearbeitungswerkzeug mit grundlegenden Funktionen zu öffnen, z. B. zum Abrunden von Kanten oder zur Größenänderung des Bildes.

    Inhalt-Bilder-Smart7.PNG

    Wenn die KI nicht das gewünschte Ergebnis ausgibt, können Sie ebenfalls auf Stock Fotos zurückgreifen.

    1. Gehen Sie auf More Images und wählen Sie Stock Photos.
      Inhalt-Bilder-Smart8.PNG

    2. Geben Sie das Stichwort ein, das Ihr Bild beschreibt. Zum Beispiel "Büro". Es wird eine Liste von Fotos angezeigt, aus der Sie auswählen können. Klicken Sie auf das gewünschte Bild. Alles erledigt!
      Inhalt-Bilder-Smart9.PNG

  5. Im Abschnitt Aktion können Sie ein Ereignis erstellen. Sie löst eine bestimmte Aktion aus, wenn der Benutzer auf ein Bild klickt. Wir können eine Website öffnen, eine E-Mail senden oder eine Telefonnummer anrufen.
    inhalt-bild-aktion.PNG

  6. Wenn Sie weitere Optionen im Abschnitt Allgemein aktivieren, können Sie die Polsterung für die vier Seiten um Ihre Kopfzeile herum festlegen.

  7. Im Responsive Design können Sie entscheiden, ob das Bild in der Desktop-Version (oder in der anderen Registerkarte, siehe Punkt 2, in der mobilen Version) angezeigt oder ausgeblendet werden soll.

Inhalt-Schaltfläche.PNG

  1. Ziehen & Sie die Schaltflächenkomponente in die Vorlage, um Ihre E-Mail zu strukturieren.
    inhaltsschaltfläche1.PNG

  2. Sie können die Optionen für die Geräte Desktop oder Mobile einstellen.
    inhalt-desktopormobile.PNG

  3. Fügen Sie eine Anzeigebedingung hinzu, indem Sie in das Feld klicken.

  4. Verwenden Sie Smart Buttons, um automatisch eine Schaltfläche zu erstellen, indem Sie mindestens zwei Schlüsselwörter eingeben:
    Inhalt-Schaltfläche2.PNG

    Klicken Sie auf Get Suggestions, um den Ton auszuwählen:
    Inhalt-Schaltfläche3.PNG

    Nachdem Sie den bevorzugten Ton gewählt haben, sehen Sie fünf Vorschläge für den Text Ihres Buttons.

  5. Im Abschnitt Aktion können Sie ein Ereignis erstellen. Sie löst eine bestimmte Aktion aus, wenn der Benutzer auf eine Schaltfläche klickt. Wir können eine Website öffnen, eine E-Mail senden oder eine Telefonnummer anrufen.
    inhalt-bild-aktion.PNG

  6. Mit den Optionen von Button können Sie den Hintergrund, die Schriftart, die Textfarbe usw. festlegen.
    Inhalt-Schaltfläche4.PNG

  7. Der Abschnitt Abstand legt die Konfiguration für Auffüllung, Rahmen und abgerundeten Rahmen fest. Mit More Options können Sie all diese Aspekte von allen Seiten konfigurieren.

    Hinweis

    Hier ist die Beispielkonfiguration für die Border mit einer gepunkteten Ober- und Unterseite einer Schaltfläche:

    Inhalt-Schaltfläche6.PNG

    Ergebnis:

    Inhalt-Schaltfläche7.PNG

  8. Wenn Sie weitere Optionen im Abschnitt Allgemein aktivieren, können Sie die Polsterung für die vier Seiten um Ihre Schaltfläche herum festlegen.

    Hinweis

    Es gibt einen Unterschied zwischen den an dieser Stelle konfigurierten Abständen und dem Bereich Abstand: Die Abstände, die Sie im Bereich Allgemein festlegen, beziehen sich auf das Schaltflächenelement - die Abstände im Bereich Abstand beziehen sich auf den Text innerhalb der Schaltfläche.

  9. Im Responsive Design können Sie entscheiden, ob die Schaltfläche in der Desktop-Version (oder in der anderen Registerkarte, siehe Punkt 2, in der mobilen Version) angezeigt oder ausgeblendet werden soll.

Inhalt-Teiler.PNG

  1. Ziehen & Sie die Trennkomponente in die Vorlage, um Ihre E-Mail zu strukturieren.
    Inhalt-Teiler1.PNG

  2. Sie können die Optionen für die Geräte Desktop oder Mobile einstellen.
    inhalt-desktopormobile.PNG

  3. Fügen Sie eine Anzeigebedingung hinzu, indem Sie in das Feld klicken.

  4. Im Bereich Linie können Sie die Eigenschaften Ihrer Trennlinie festlegen. Sie können die Breite, die Art der Linie, die Farbe oder die Ausrichtung ändern.
    Inhalt-Teiler2.PNG

  5. Wenn Sie weitere Optionen im Abschnitt Allgemein aktivieren, können Sie die Polsterung für die vier Seiten um Ihre Trennwand herum festlegen.

  6. Im Responsive Design können Sie entscheiden, ob Sie die Trennlinie in der Desktop-Version (oder in der anderen Registerkarte, siehe Punkt 2, der mobilen Version) ein- oder ausblenden möchten.

Inhalt-html.PNG

  1. Ziehen & Sie die HTML-Komponente in die Vorlage, um Ihre E-Mail zu strukturieren.
    Inhalt-html1.PNG

  2. Sie können die Optionen für die Geräte Desktop oder Mobile einstellen.
    inhalt-desktopormobile.PNG

  3. Fügen Sie eine Anzeigebedingung hinzu, indem Sie in das Feld klicken.

  4. Im Abschnitt HTML können Sie Ihre HTML-Syntax einfügen, um Ihr Element zu strukturieren.
    Inhalt-html2.PNG

    Hinweis

    Als Beispiel haben wir die Google-Suchfunktion als Blockinhalt hinzugefügt.

    <form action="http://www.google.com/search" method="get"> <fieldset> 
<input type="hidden" name="sitesearch" value="yoursite.com" /> 
<input type="text" name="q" size="31" maxlength="255" value="" /> 
<input type="submit" value="Google Search" /> </fieldset> </form>

    Ergebnis:
    Inhalt-html3.PNG

  5. Wenn Sie weitere Optionen im Abschnitt Allgemein einschalten, können Sie die Polsterung für die vier Seiten um Ihr HTML-Element herum festlegen.

  6. Im Responsive Design können Sie entscheiden, ob das HTML-Element in der Desktop-Version (oder in der anderen Registerkarte, siehe Punkt 2, in der mobilen Version) angezeigt oder ausgeblendet werden soll.

Inhalt-Menü.PNG

  1. Ziehen & Sie die Menükomponente in die Vorlage, um Ihre E-Mail zu strukturieren.
    Inhalt-Menü1.PNG

  2. Sie können die Optionen für die Geräte Desktop oder Mobile einstellen.
    inhalt-desktopormobile.PNG

  3. Fügen Sie eine Anzeigebedingung hinzu, indem Sie in das Feld klicken.

  4. Im Abschnitt Menüpunkte können Sie interaktive Texte hinzufügen, aus denen Ihr Menü bestehen wird. Jeder Menüpunkt hat einen Text und einen Aktionstyp. Sie funktioniert ähnlich wie die Funktion der Schaltfläche. Neues Element hinzufügen ermöglicht es Ihnen, eine weitere interaktive Schaltfläche zu Ihrem Menü hinzuzufügen.
    Inhalt-Menü3.PNG

  5. Unter Styles können Sie die folgenden Eigenschaften festlegen:
    Inhalt-Menü4.PNG

    Hinweis

    Separator ist ein Char-Element, das Ihre Menüpunkte voneinander trennt. Nehmen wir '-' als Beispiel:
    Inhalt-Menü5.PNG

    Die Konfiguration von Padding bezieht sich auf die Menüpunkte im Inneren.

  6. Wenn Sie weitere Optionen im Abschnitt Allgemein aktivieren, können Sie die Polsterung für die vier Seiten um Ihr Menüelement herum festlegen.

  7. Im Responsive Design können Sie entscheiden, ob das Menü in der Desktop-Version (oder in der anderen Registerkarte, siehe Punkt 2, in der mobilen Version) angezeigt oder ausgeblendet werden soll.

Blöcke

Sie können den Abschnitt Blöcke verwenden, um Ihre Vorlage zu strukturieren.

Wählen Sie aus einer Vielzahl von Spalten in verschiedenen Verteilungen und ziehen Sie & auf die gewünschte Spalte in die Vorlage.

Reepay_Admin_Schlösser_Emailvorlage_bearbeiten.png

Sobald Sie den Block fallen gelassen haben, zeigt Ihnen das Menü die Einstellungen, die Sie bereits aus dem Abschnitt Spalten kennen, den wir zuvor besprochen haben.

Body

Im Abschnitt Body können Sie standardisierte Einstellungen vornehmen, die für die gesamte Vorlage gelten.

  1. Allgemein
    Reepay_Admin_-Body1_E-Mail-Vorlage bearbeiten.png

    Legen Sie das Textlayout in den allgemeinen Einstellungen fest. Sie können die

    • Textfarbe: Hex-Code oder RGB verwenden oder aus einer Farbpalette wählen

    • Hintergrundfarbe: Verwenden Sie Hex-Code oder RGB oder wählen Sie aus einer Farbpalette

    • Breite der Vorlage: Einstellung in Pixeln

    • Ausrichtung Ihres Inhalts: Links oder zentriert

    • Schriftfamilie: Zugriff auf die auf Ihrem Computer installierten Schriftarten

    • Schriftstärke: Fett oder normal

  2. E-Mail-Einstellungen

    Fügen Sie einen Preheader-Text für Ihre E-Mail-Vorlage hinzu.
    Reepay_Admin_-Body2_E-Mail-Vorlage bearbeiten.png

  3. Links

    Legen Sie die Link-Farbe fest und entscheiden Sie, ob Sie die Links Ihrer Vorlage unterstreichen möchten oder nicht.
    Reepay_Admin_-_Body3_Emailvorlage_bearbeiten.png

Bilder

Im Menü Bilder können Sie nach (lizenzierten) kostenlosen Bildern auf Unsplash, Pexels und Pixabay suchen.

Reepay_Admin_-_Images_Emailvorlage_bearbeiten.png

Über die Schaltfläche Siehe die magische können Sie auch auf die KI-Schnittstelle zugreifen, die wir bereits beschrieben haben.

Wenn Sie das Bild in die Vorlage gezogen und darauf geklickt haben, können Sie die Bildeinstellungen im Abschnitt Inhalt sehen.

Uploads

Über das Menü Uploads können Sie Bilder von Ihrem Computer importieren.

Reepay_Admin_-_Hochladen_Emailvorlage_bearbeiten.png

Um Bilder hochzuladen, können Sie

  1. klicken Sie auf die Schaltfläche Upload Image oder

  2. in das Feld unter der Schaltfläche klicken oder
    Reepay_Admin_-_Upload_2_Emailvorlage_bearbeiten.png

  3. Ihre Bilder in dieses Feld ziehen.

Wenn Sie das Bild in die Vorlage gezogen und darauf geklickt haben, können Sie die Bildeinstellungen im Abschnitt Inhalt sehen.

Texteditor (Tags & Bedingungen)

Dieser Editor gibt Ihnen die Möglichkeit, einen dynamischen Text für Ihre Vorlage zu erstellen.

Reepay_Admin_-_Text_Editor_Email_vorlage bearbeiten.png

Um dies zu tun, können Sie:

  1. Merge Tags: Verwenden Sie Informationen aus einem beliebigen Feld unserer App, um Ihrem Text variable Inhalte hinzuzufügen.

    Hinweis

    Beispiel: Anstatt eine allgemeine Begrüßung festzulegen, verwenden Sie den tatsächlichen Namen des Kunden, indem Sie das richtige Feld einfügen, hier:{{customer.name}}.

    1. Klicken Sie in der linken Box auf Tags zusammenführen. Wenn Sie einen Text ersetzen möchten, können Sie ihn zunächst markieren.

    2. Entscheiden Sie, was Sie tun möchten:

      • Ein reguläres Merge-Tag hinzufügen: Wir wollen uns zunächst auf diesen Fall konzentrieren.

      • Einen Merge-Tag basierend auf einer Merge-Tag-Regel hinzufügen: Schauen Sie sich die Ausführungen dazu weiter unten an.

    3. Wählen Sie in der Dropdown-Liste Artikel auswählen aus, woher Ihr Seriendruck-Tag stammen soll, z. B. Kunde.

    4. Wählen Sie in der zweiten Dropdown-Liste Element auswählen ein Feld aus, das Sie anzeigen möchten, z. B. Name.

    5. Im Feld Merge-Tag-Details sehen Sie ein Beispiel für das von Ihnen ausgewählte Merge-Tag.
      Reepay_Admin_-_Merge_Tag_Edit_email_template.png

    6. Klicken Sie auf Reepay_Admin_-_Confirm_button.png, um den Tag einzufügen.

    7. Klicken Sie regelmäßig auf Reepay_Admin_-_Save.png in der oberen rechten Ecke des Editors.

  2. Regeln für Zusammenführungs-Tags: Definieren Sie eine Regel, auf der Sie die folgenden Zusammenführungs-Tags basieren.

    Hinweis

    Beispiel: Für jede Auftragszeile möchten Sie den dazugehörigen Text anzeigen.

    1. Klicken Sie im linken Feld auf Tag-Regeln zusammenführen.

    2. Wählen Sie in der Dropdown-Liste Artikel auswählen aus, woher Ihre Merge-Tag-Regel stammen soll, z. B. Rechnungen.

    3. Wählen Sie in der Dropdown-Liste Artikel auswählen die Informationen aus, die Sie für die Definition Ihrer Regel verwenden möchten, z. B. Auftragszeilen.

    4. Klicken Sie auf das Feld Regel auswählen, das Ihnen eine Vorschau Ihrer Regel anzeigt.
      Reepay_Admin_-_Zusammenführen_Tag2_Emailvorlage_bearbeiten.png

    5. Klicken Sie dann auf Reepay_Admin_-_Confirm_button.png.

    6. Klicken Sie im linken Feld in der Mitte der beiden Tags: {{#invoice.orderlines}} HIER {{/invoice.orderlines}}.

    7. Wiederholen Sie dann das Verfahren zum Einfügen von Merge Tags wie oben beschrieben.

    8. Wählen Sie die Option Merge-Tag basierend auf einer Merge-Tag-Regel hinzufügen.

    9. Wählen Sie für unser Beispiel die Rechnungen (Invoices) > Auftragszeilen (Orderlines) > Text (Ordertext):
      Reepay_Admin_-_Zusammenführen_Tag2b_Emailvorlage_bearbeiten.png

    10. Klicken Sie dann auf Reepay_Admin_-_Confirm_button.png.

      Bevor Sie mit der nächsten Möglichkeit im Texteditor fortfahren, lassen Sie uns einen Blick auf das aktuelle Ergebnis unserer Vorlage werfen:
      Reepay_Admin_-_Zusammenführen_Tag2c_Emailvorlage_bearbeiten.png

    11. Klicken Sie regelmäßig auf Reepay_Admin_-_Save.png in der oberen rechten Ecke des Editors.

  3. Bedingungen anzeigen: Zeigen oder verbergen Sie Inhalte je nach definierten Kriterien.

    Hinweis

    Beispiel: Ein Bild, das Sie in unser Beispiel einfügen möchten, über den Perioden des Abonnementprodukts.

    Auf der Grundlage unserer jüngsten Erkenntnisse fügen wir zwei neue Zusammenführungs-Tags unter Verwendung unserer Zusammenführungsregel ein: {{period_from.date_medium}} und {{period_to.date_medium}}.

    Um die Lesbarkeit zu verbessern, fügen wir die Symbole "&gt" und "-" hinzu.

    Wenn wir die Ergebnisse sehen, sind wir nicht sehr glücklich:

    Reepay_Admin_-_Zusammenführen_Tag2d_Emailvorlage_bearbeiten.png

    Die verwendeten Symbole werden unnötig häufig wiederholt.

    Um dies zu vermeiden, werden wir die Zeile nur bei Bedarf anzeigen.

    1. Markieren Sie die Informationen, die Sie unter Bedingungen anzeigen möchten.

    2. Klicken Sie auf Bedingungen anzeigen.

    3. Es öffnet sich das Fenster Anzeigebedingungen für den Block verwalten.
      Reepay_Admin_-_Merge_Tag_3a_E-Mail-Vorlage_bearbeiten.png

    4. Für dieses Beispiel wählen Sie im Abschnitt Auswahl Dropdowns: Invoice > Orderlines.

      Hinweis

      Wir verwenden den gleichen Abschnitt wie für die Zeile, die wir konditionell zeigen möchten.

    5. In den nächsten beiden Abschnitt auswählen Dropdowns für dieses Beispiel hinzufügen: Zeitraum von > Datum Uhrzeit Medium.
      Reepay_Admin_-_Merge_Tag_3b_Emailvorlage_bearbeiten.png

    6. Wählen Sie die Bedingung: Wählen Sie, ob Sie die Zeile anzeigen möchten

      • wenn die Bedingung erfüllt ist

      • oder wenn sie nicht erfüllt ist.

    7. Klicken Sie auf Reepay_Admin_-_Confirm_button.png.

      Schauen wir uns nun das Ergebnis an:
      Reepay_Admin_-_Merge_Tag_3c_E-Mail-Vorlage_bearbeiten.png

      Sie können sehen, dass die Symbole ">" und "-" nur in der richtigen Zeile angezeigt werden.

      Hinweis

      Sie können Merge-Tags, Regeln und Bedingungen in verschiedenen Situationen verwenden:

      • Um den Text der E-Mail dynamischer zu gestalten (wie wir gerade gesehen haben).

      • Zum Hinzufügen einer variablen Betreffzeile:
        Reepay_Admin_-_Zusammenführen_Tag_4_E-Mail-Vorlage_bearbeiten.png

      • Um Bilder anzuzeigen, können Sie Merge-Regeln und -Bedingungen verwenden:
        Reepay_Admin_-_Merge_Tag_4a_E-Mail-Vorlage_bearbeiten.png

    8. Klicken Sie regelmäßig auf Reepay_Admin_-_Save.png in der oberen rechten Ecke des Editors.

  4. Vorschau

    Um die soeben erstellte Vorlage zu überprüfen, verwenden Sie die Schaltfläche Sendevorschau und bestätigen oder ändern Sie Ihre E-Mail-Adresse:
    Reepay_Admin_-_5_Emailvorlage_bearbeiten.png

Großartig! Jetzt können Sie dynamische E-Mail-Vorlagen mit Hilfe von Serientags, Serientag-Regeln und Bedingungen erstellen.

Verwandte Artikel