Vorwort
Im Bereich Setup > NLS kann eine individuelle E-Mail-Bestätigung konfiguriert werden. In dieser können auch Werte aus dem übermittelten Formular verwendet werden.
Anforderungen
Bestätigung an den Datenempfänger wird über den Workflow definiert. Wenn eine zusätzliche Bestätigung an die Person welche das Formular ausfüllt versendet werden soll, benötigt die ein Workflow-Konfiguration, welche über eine zusätzliche Nachrichten-Kante ein die im Formular in einem bestimmten Feld erfasste E-Mail-Adresse versendet wird. Diese Einstellungen sind je nach Kundensystem individuell und entsprechend in der Dokumentation des Kundenprojektes beschrieben.
Es kann auch die Referenz-E-Mail-Adresse aus der Konfiguration verwerdet werden
Anleitung
Loggen Sie sich im JAXForms Backend als Mandant ein.
- Navigieren Sie im Menü "Formularverwaltung" auf "Suchen" und öffnen Ihr Formular.
- Navigieren Sie auf die Seite 2 (Ressourcen/Konfigurator" und öffnen Sie auf dem entsprechenden Formular die Formulareigenschaften (Klick auf "blauer Badge" oder rotes Bleistift).
Öffnen Sie im Bereich "Setup" (unten nach den Haupteinstellungen) den Aufklappbereich "NLS" > Email.
- Konfigurieren Sie die gewünschte Anzahl Einträge, indem Sie "neuen Datensatz hinzufügen" wählen oder verändern Sie vorhandene Einträge.
- Sprache und Text sind zwingend zu erfassen. Der Text kann als HTML Content (Template Syntax) verwendet werden.
- Sprache gemäss im Projekt/Mandant verwendeten Sprachen.
- Text > Bestätigungsseite (Siehe nachstehende Info).
- Formular speichern.
Beispiel eines HTML E-Mail-Codes
Dieses Beispiel zeigt den HTML Code inkl. CSS.
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<style>
.content { mso-line-height-alt:110%;}
table, p, h1, h2, h3, h4, div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #161616; margin:0; padding: 0;}
h1 { font-size: 19px; color:#515151;}
h2 { font-size: 17px; color:#323232; margin: 20px 0 0}
h3 { font-size: 15px; color:#323232; margin: 12px 0 0}
h4 { font-size: 13px; color:#323232; margin: 12px 0 0}
table {width: 90%; border-bottom: 1px solid #c8d9e9; border-top: 12px solid #ffffff; clear: both; empty-cells: show; }
th, td {vertical-align: top; border-top: 1px solid #c8d9e9; mso-height-alt: auto; padding: 4px 8px; line-height: 16px;}
th { background-color: #ECF2F7; text-align: left;}
.jax-th-first {width: 25%; color:#323232;text-align: right;}
</style>
</head>
<body>
<p>Guten Tag<br/></p>
<p>Besten Dank für Ihre Anmeldung. Nachfolgende Daten wurden übermittelt:</p>
<p>${previewTable}<br/><br/></p>
<p><strong>Staatskanzlei des Kantons Bern</strong><br/>Postgasse 68<br/>Postfach<br/> 3000 Bern 8<br/><br/>
<a href="mailto:info.sta@be.ch">info.sta@be.ch</a><br/>
<a href="https://www.be.ch/sta">www.be.ch/sta</a></p>
</body></html>
Einfaches Beispiel ohne Daten, dafür mit Verwendung von Werten aus dem eingereichten Formular
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<style>
.content { mso-line-height-alt:110%;}
table, p, h1, h2, h3, h4, div { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #161616; margin:0; padding: 0;}
h1 { font-size: 21px; color:#515151;}
h2 { font-size: 19px; color:#323232; margin: 20px 0 0}
h3 { font-size: 17px; color:#323232; margin: 12px 0 0}
h4 { font-size: 15px; color:#323232; margin: 12px 0 0}
table {width: 90%; border-bottom: 1px solid #c8d9e9; border-top: 12px solid #ffffff; clear: both; empty-cells: show; }
th, td {vertical-align: top; border-top: 1px solid #c8d9e9; mso-height-alt: auto; padding: 4px 8px; line-height: 16px;}
th { background-color: #ECF2F7; text-align: left;}
.jax-th-first {width: 25%; color:#323232;text-align: right;}
</style>
</head>
<body>
<p>Guten Tag<br/><br/></p>
<p>Guten Tag ${f_firstName} ${f_lastName}</p>
<p>Vielen Dank für Ihrer Beratungsanfrage.</p>
<p>Wir kontaktieren Sie so rasch wie möglich telefonisch oder per E-Mail, um einen Beratungstermin mit Ihnen zu vereinbaren.<br/><br/></p>
<p>Freundliche Grüsse<br/></p>
<p>Fachstelle für die Gleichstellung von Frauen und Männern des Kantons Bern<br/><br/></p>
<p>Formular-ID: ${FP_pid}<br/>Datum: ${FP_CREATED}<br/><br/></p>
</body></html>
Achtung Datenschutz!
Im gezeigten Beispiel werden mit der Variable ${previewTable} zudem alle gespeicherten Formulardaten übermittelt. Da die E-Mails im Normalfall unverschlüsselt übermittelt werden, sollten Formulardaten nur übermittelt werden, wenn keine schützenswerte Angaben in den Daten sind.
Werte aus Formular verwenden
Dazu wird der Feldname (Feld-ID) verwendet. 
Die Syntax ist ${feldname}.
- " Besten Dank Hans Muster, Ihre Anmeldung ist eingetroffen. Sie erhalten eine Bestätigung auf die E-Mail-Adresse «hans.muster@domain.ch» "
Dieses Beispiel würde im Text wie folgt aussehen:
<p>Besten Dank ${firstName} ${lastName}, Ihre Anmeldung ist eingetroffen. Sie erhalten eine Bestätigung auf die E-Mail-Adresse «${email}».</p>
Wird HTML Code verwendet, ist dieser im Falle eines in einer Website integrierten Formulars, den Vorgaben der Website (Struktur und Styles) zu gestalten.
Zudem können auch Systeminformationen ausgegeben werden. Oft wird die Übermittlungsnummer (UUID) verwendet.
- ${FP_pid} > Ausgabe der UUID des Formulars
Eigenschaften aus Formular verwenden
Auf der Formulardefinition können beliebig viele Eigenschaften (key/value) hinterlegt werden.
Diese können dann im Template mit folgender Adressierung ausgelesen werden.
${JAX_FORMDEF_PROP_email_toAsk}
Das obige Beispiel liest den Inhalt der Eigenschaft "email_toAsk" aus der Formulardefinition.
Dynamische Anzeige, wenn Bedingung/Wert zutrifft
Über "IF" Abfrage können im Bestätigungs-E-Mail auch Bereiche eingeblendet werden.
Beispiel mit Textvergleich (String)
<#if ("${teilnahme}" == "Ja")>
<p style="font-family: Arial,Helvetica,sans-serif; font-size: 12px;">Besten Dank für Ihre Anmeldung zur Präsidialfeier.<br/><br/></p>
<p style="font-family: Arial,Helvetica,sans-serif; font-size: 12px;">Nachstehend finden Sie die von Ihnen gemachten Angaben.<br/><br/></p>
<div>${previewTable}</div>
</#if>
<#if ("${teilnahme}" == "Nein")>
<p style="font-family: Arial,Helvetica,sans-serif; font-size: 12px;">Besten Dank für Ihre Abmeldung zur Präsidialfeier.</p>
</#if>
Beispiel mit Wertzuweisung
<p>AnzahlTiere: ${AnzahlTiere}</p>
<#assign counter = AnzahlTiere?number>
<#if (counter > 3)>
<br/><hr/>Export von mehr als drei Tieren:<br/>Mit folgendem Link können Sie weitere Tiere erfassen, welche diesen Exportvorgang betreffen. Verwenden Sie diesen Link einfach entsprechend mehrfach.<br/>https://www.vol.be.ch/vol/de/index/veterinaerwesen/einfuhr_ausfuhr/ausfuhr/formular_equiden-export/weiteres-tier-erfassen.html?NrExpMeldung=${FP_pid}&email=${email}<hr/>
</#if>
<#assign mrMrs="${FORMULA_EQ_nodeValue_LLB__DQ_mrMrs_DQ__RRB_}">
<p>
<#if mrMrs== "mrs">
Sehr geehrte Frau ${officialName}
<#else>
Sehr geehrter Herr ${officialName}
</#if>
</p>
Tips & Warnungen
- Option-Value statt Anzeigewert > Für das Übermitteln von Werten als GET Parameter muss z.B. für Dropdown oder ähnliche Felder der technische Value anstelle des Anzeigewertes übermittelt werden. Dieser muss über eine spezielle Form im Link-String ergänzt werden.
- Muster >${FORMULA_EQ_nodeValue_LLB__DQ_feldname_DQ__RRB_} - dabei ist feldname durch den Feldnamen (Feld-ID) zu ersetzen. Siehe Konstanten und Variablen/Formate für Templates
Verwandte Themen
- Übergabe von Get-Parametern
- Bestätigungsseite mit Werten aus Formular
- Konstanten und Variablen/Formate für Templates