E-Mail-Vorlagen in Adaptive Forms
Adaptive Forms ermöglicht die Verwendung von HTML- und E-Mail-Vorlagen im Klartext. HTML-E-Mail-Vorlagen ermöglichen es Ihnen, beim Senden eines Formulars ansprechende, personalisierte und visuell ansprechende E-Mails zu senden. Diese E-Mails können mit Formulardaten angepasst und mit verschiedenen E-Mail-Tags, wie Bildern und Links, erweitert werden. Bei Adaptive Forms können Sie entweder eine Datei hochladen, die eine HTML-Vorlage enthält, oder einen Texteditor verwenden, um diese Vorlagen zu erstellen.
Dieser Artikel hilft Ihnen bei der Konfiguration und Verwendung von E-Mail-Vorlagen in adaptiven Forms. Am Ende werden Sie in der Lage sein,
Im Folgenden finden Sie einen kurzen Überblick über die erforderlichen Schritte:
- Öffnen Sie das adaptive Formular zum Bearbeiten.
- Konfigurieren der Übermittlungsaktion EMail senden“.
- Wählen Sie eine HTML-Vorlage aus oder laden Sie sie hoch oder geben Sie die E-Mail-Vorlage manuell ein.
- Testen Sie Ihre E-Mail-Konfiguration.
Konfigurieren einer HTML-Vorlage für ein adaptives Formular
Sie können ein adaptives Formular so einrichten, dass eine E-Mail beim Senden gesendet wird, indem Sie die Übermittlungsaktion E-Mail). Die Aktion bietet zwei Methoden zum Konfigurieren einer HTML-Vorlage:
Option 1: Eine Datei mit der HTML-Vorlage auswählen
Bevor Sie fortfahren, stellen Sie sicher, dass Sie die HTML-Vorlage in Ihre AEM Forms-Umgebung hochgeladen haben.
-
Öffnen Sie das adaptive Formular zum Bearbeiten.
-
Wechseln Sie zum Inhaltsbrowser, wählen Sie den Guide-Container und tippen Sie auf das Symbol Eigenschaften . Ein Dialogfeld mit dem Titel "
Adaptive Form Container" wird angezeigt. -
Wechseln Sie zur Registerkarte Übermittlung und wählen Sie die Übermittlungsaktion E-Mail senden aus.
-
Aktivieren Sie die Option Externe Vorlage verwenden.
-
Aktivieren Sie die HTML-Vorlage verwenden.
-
Klicken Sie auf das Ordnersymbol für die Option Pfad für externe Vorlage und wählen Sie Ihre HTML-Vorlage aus.
-
Klicken Sie Fertig, um die Konfiguration zu speichern.
Ihre HTML-Vorlage ist jetzt für das adaptive Formular konfiguriert.
Option 2: Manuelles Eingeben oder Einfügen einer HTML-Vorlage
- Öffnen Sie das adaptive Formular zum Bearbeiten.
- Wechseln Sie zum Inhaltsbrowser, wählen Sie den Guide-Container und tippen Sie auf das Symbol Eigenschaften . Ein Dialogfeld mit dem Titel "
Adaptive Form Container" wird angezeigt. - Wechseln Sie zur Registerkarte Übermittlung und wählen Sie die Übermittlungsaktion E-Mail senden aus.
- Aktivieren Sie die HTML-Vorlage verwenden.
- Geben Sie Ihren HTML-Code direkt in das bereitgestellte Feld E-Mail-Vorlage ein.
Konfigurieren einer Nur-Text-Vorlage für ein adaptives Formular
Sie können ein adaptives Formular so einrichten, dass eine E-Mail beim Senden gesendet wird, indem Sie die Übermittlungsaktion E-Mail). Die Aktion bietet zwei Methoden zum Konfigurieren einer Nur-Text-Vorlage:
Option 1: Wählen Sie eine Datei aus, die die Vorlage enthält
Bevor Sie fortfahren, stellen Sie sicher, dass Sie die HTML-Vorlage in Ihre AEM Forms-Umgebung hochgeladen haben.
- Öffnen Sie das adaptive Formular zum Bearbeiten.
- Wechseln Sie zum Inhaltsbrowser, wählen Sie den Guide-Container und tippen Sie auf das Symbol Eigenschaften . Ein Dialogfeld mit dem Titel "
Adaptive Form Container" wird angezeigt. - Wechseln Sie zur Registerkarte Übermittlung und wählen Sie die Übermittlungsaktion E-Mail senden aus.
- Aktivieren Sie die Option Externe Vorlage verwenden.
- Klicken Sie auf das Ordnersymbol für die Option Pfad für externe Vorlage und wählen Sie Ihre Nur-Text-Vorlage aus.
- Klicken Sie auf Fertig , um die Konfiguration zu speichern.
Ihre Vorlage ist jetzt für das adaptive Formular konfiguriert.
Option 2: Manuelles Eingeben oder Einfügen einer HTML-Vorlage
- Öffnen Sie das adaptive Formular zum Bearbeiten.
- Wechseln Sie zum Inhaltsbrowser, wählen Sie den Guide-Container und tippen Sie auf das Symbol Eigenschaften . Ein Dialogfeld mit dem Titel "
Adaptive Form Container" wird angezeigt. - Wechseln Sie zur Registerkarte Übermittlung und wählen Sie die Übermittlungsaktion E-Mail senden aus.
- Geben Sie den Code Ihrer Textvorlage direkt in das bereitgestellte Feld E-Mail-Vorlage ein oder fügen Sie ihn ein.
Verwenden von Formulardaten in E-Mail-Vorlagen
Sie können Formulardaten mithilfe von Platzhaltern in Ihre E-Mail-Vorlagen einfügen. Diese Platzhalter werden beim Senden der E-Mail dynamisch durch die tatsächlichen Formularfeldwerte ersetzt. Zum Beispiel:
- ${name}: Der Wert des Felds mit dem Namen „name“.
- ${email}: Der Wert des Felds mit dem Namen „email“.
- ${message}: Der Wert des Felds mit dem Namen „message“.
Beispiel einer HTML-E-Mail-Vorlage
Im Folgenden finden Sie ein Beispiel für eine HTML-E-Mail-Vorlage, die Platzhalter für Formulardaten verwendet:
<!DOCTYPE html>
<html>
<head>
<title>Form Submission</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
}
h2 {
color: #0056b3;
}
</style>
</head>
<body>
<h2>Thank You for Your Submission</h2>
<p>Dear ${name},</p>
<p>We have received your submission with the following details:</p>
<ul>
<li><strong>Email:</strong> ${email}</li>
<li><strong>Phone Number:</strong> ${phone_number}</li>
<li><strong>Message:</strong> ${message}</li>
</ul>
<p>We will get back to you soon!</p>
<p>Best regards,</p>
<p>Your Team</p>
</body>
</html>
Beispielvorlage für Nur-Text-E-Mails
Im Folgenden finden Sie ein Beispiel für eine Nur-Text-E-Mail-Vorlage:
Subject: Thank You for Your Submission
Dear ${name},
We have received your submission with the following details:
- Email: ${email}
- Phone Number: ${phone_number}
- Message: ${message}
We will get back to you soon!
Best regards,
Your Team
Best Practices für das HTML von E-Mail-Vorlagen
- Stellen Sie sicher, dass Ihre Stile inline sind, um eine bessere Kompatibilität mit E-Mail-Clients zu gewährleisten.
- Gestalten Sie Ihre Vorlage responsiv, um ein besseres Erlebnis auf Mobilgeräten zu erzielen.
- Verwenden Sie Tools wie Litmus oder Email on Acid, um eine Vorschau Ihrer E-Mail über verschiedene E-Mail-Clients hinweg anzuzeigen.
- Stellen Sie sicher, dass die Platzhalternamen genau mit den Formularfeldnamen übereinstimmen.
- Prüfen Sie Ihre HTML-Vorlage auf fehlende oder falsche Tags.
- Überprüfen Sie, ob ÜbermittlungsaktionE-Mail senden“ korrekt konfiguriert ist.