Dynamischer Inhalt

  1. Einleitung
  2. Variablen
  3. Auto-Suggest-Tool
  4. Filter
  5. Bedingungen

Einleitung

Dynamischer Inhalt ist eine spannende neue Funktion, die leistungsstarke Inhaltsanpassungen ermöglicht. Mit dynamischem Inhalt können Sie eine E-Mail senden oder ein PDF-Dokument generieren (erfordert das PDF Add-On) mit HTML-formatiertem Text, der basierend auf Feldwerten angezeigt wird.

Zum Beispiel können Sie den Betreff Ihrer E-Mails so strukturieren, dass der entsprechende Benutzername angezeigt wird, anstatt einen bestimmten Wert festzucodieren:

Danke {{ Name }}, wir haben Ihre Nachricht erhalten!

Derzeit ist diese Funktionalität verfügbar in:

  • Bestätigungsnachrichten
  • Bestätigungs-E-Mails und
  • E-Mail-Benachrichtigungen

Außerdem ist dynamischer Inhalt in unseren Premium-Add-Ons wie bedingten E-Mails oder PDF verfügbar.

Variablen

Sie können Variablen in den E-Mail-Text einfügen, und diese werden durch die Werte ersetzt, die der Benutzer in das Feld eingibt.

Um eine Variable zu verwenden, muss sie zwischen doppelten geschweiften Klammern stehen: {{ und }}. Beispiel: {{ Meine Variable }}

Im folgenden Beispiel zeigen wir zwei Möglichkeiten, wie Sie Variablen verwenden können:

  • Verwendung des Feldetiketts: Die Variable {{ Ihr Name }} wurde in die Bestätigungs-E-Mail eingefügt und wird durch den Namen ersetzt, den der Benutzer im Formular eingibt.
  • Verwendung der Feld-ID: Sie können auch eine Feld-ID als Variablennamen verwenden. Im nächsten Bild verwenden wir beispielsweise die folgende Variable, um den Namen des Benutzers anzuzeigen: {{ text_1 }} , gleichzeitig verwenden wir {{ Ihr Name }} . Mit anderen Worten, wir können beide Typen von Variablen verwenden, um dieselben Feldinformationen zu erhalten. Wenn Ihr Feld kein Etikett hat, sollten Sie diese Option verwenden.

iform4u - Nachricht anpassen

Zusätzlich können Sie die folgenden Variablen verwenden:

  • {{ form_id }} : Formular-ID.
  • {{ form_name }} : Formularname.
  • {{ submission_id }} : Übermittlungs-ID.
  • {{ submission_number }} : Übermittlungsnummer.
  • {{ submission_table }} : Der Inhalt aller Formularfelder (HTML-Format).
  • {{ submission_text }} : Der Inhalt aller Formularfelder (Textformat).
  • {{ created_at }} : Datum der Übermittlung.
  • {{ ip_address }} : IP-Adresse.
  • {{ user_agent }} : Browser-User-Agent des Absenders.
  • {{ url }} : URL der Webseite, auf der das Formular eingebettet ist.
  • {{ referrer }} : URL der Webseite, von der der Besucher auf das Formular gelangt ist.
  • {{ country }} : Land des Absenders.
  • {{ city }} : Stadt des Absenders.
  • {{ longitude }} : Die geografische Koordinate, die die Ost-West-Position des Absenders angibt.
  • {{ latitude }} : Die geografische Koordinate, die die Nord-Süd-Position des Absenders angibt.
  • {{ edit_link }} : URL zur öffentlichen Formularseite, um eine Übermittlung zu bearbeiten. Sie müssen "In Datenbank speichern" und "Bearbeitbar" aktivieren, um diese Funktion zu nutzen.
  • {{ optin_link }} : Link zur Opt-In-Bestätigungsseite. Sie müssen "In Datenbank speichern" aktivieren, um diese Funktion zu nutzen.

Dies ist eine großartige Möglichkeit, Ihre Nachricht zu personalisieren. Jedes Formularfeld kann auf diese Weise verwendet werden.

Auto-Suggest-Tool

Die "Formulareinstellungen", "Formularregeln" und Premium-Add-Ons ermöglichen die Ersetzung von Platzhaltern durch die von Ihren Formularen gesammelten Daten. Um dies zu vereinfachen, haben wir ein visuelles Tool implementiert, das Ihnen ermöglicht, Formularfelder auszuwählen, ohne sie sich merken zu müssen. Um dieses Tool zu verwenden, geben Sie einfach eine geschweifte Klammer "{" ein, und die Liste der Formularfelder wird angezeigt. Wählen Sie das gewünschte Feld aus, und fertig.

iform4u - Nachricht anpassen

Filter

Filter ermöglichen es, die Ausgabe einer Variable zu ändern. Sie müssen nach der Variablen und durch eine Pipe "|" getrennt verwendet werden.

Standardwerte verwenden

Für nicht erforderliche Felder können Sie einen Standardwert angeben, der verwendet wird, falls das Feld keinen Wert hat.

Danke {{ Name | default: "Freund" }}, wir haben Ihre Nachricht erhalten!

Für einen Benutzer namens John würde dies "Danke John, wir haben Ihre Nachricht erhalten!" ergeben. Wenn jedoch keine Eingabe für den Namen vorliegt, würde es "Danke Freund, wir haben Ihre Nachricht erhalten!" ergeben.

Datumsformate ändern

Wandelt einen Zeitstempel in ein anderes Datumsformat um.

{{ created_at | date: "%a, %b %d, %y" }}

Ausgabe: Fr, Jul 17, 20

{{ created_at | date: "%Y" }}

Ausgabe: 2020

Zeitzonen mit Datumsformaten verwenden

{{ created_at | timezone: "America/New_York" | date: "%Y-%m-%d %H:%M" }}

Ausgabe: 2020-07-17 01:00

Lokale und Zeitzonen mit Datumsformaten verwenden

Locales werden unter Unix-basierten und Win32-basierten Plattformen unterschiedlich benannt.

{{ date_1 | locale: "de_DE" | timezone: "Europe/Berlin" | date: "%A, %B %d, %y" }}

Ausgabe: Montag, Februar 28, 22

Für Linux:

{{ date_1 | locale: "es_ES" | timezone: "Europe/Madrid" | date: "%A, %B %d, %y" }}

Für Windows:

{{ date_1 | locale: "Spanish_Spain.1252" | timezone: "Europe/Madrid" | date: "%A, %B %d, %y" }}

Ausgabe: lunes, febrero 28, 22

URL-Codierung

Um Variablen in URLs zu verwenden (z. B. um den Benutzer auf eine andere Seite weiterzuleiten), empfehlen wir die Verwendung des url_encode-Filters.

Der url_encode-Filter konvertiert alle URL-unsicheren Zeichen in einer Zeichenfolge in Prozent-codierte Zeichen. Zum Beispiel:

{{ "" | url_encode }}

Ausgabe: john%40doe.com

New Line to Break Filter

In Textarea-Feldern werden Zeilenumbrüche als \n gespeichert. Wenn die Texteingabe und die Anzeige im Vordergrund beide in einem Textarea-Feld erfolgen, ist keine zusätzliche Verarbeitung erforderlich. Der Stil, den Sie im Textarea-Feld eingeben, wird korrekt angezeigt.

Wenn Sie jedoch Textarea-Daten als dynamischen Inhalt anzeigen möchten, müssen Sie ein HTML-Zeilenumbruch-Tag (
) vor jedem Zeilenumbruch (\n) in einer Zeichenkette einfügen.

{{ Ihre Nachricht | newline_to_br }}

Ausgabe:

Sehr geehrtes ACME-Team,

ich schreibe Ihnen bezüglich der aktuellen Situation mit dem ABC-Projekt. Wir haben einige Fragen, die wir hoffen, dass Sie beantworten können...

Signatur

Wir können eine Signatur auf verschiedene Arten anzeigen, indem wir den Signature-Filter verwenden. Zum Beispiel, um eine:

  • Signatur als Rohdaten (JSON-String, der die Punkte zur Wiederherstellung der Signatur enthält) anzuzeigen
{{ hidden_signature_1 }}
  • Signatur als Bild (HTML img-Tag) anzuzeigen
{{ hidden_signature_1 | signature }}
  • Signatur als Daten-URL (URL, die im src-Attribut eines img-Tags eingefügt werden kann) anzuzeigen
{{ hidden_signature_1 | signature: 'data_url' }}
  • Signatur als Rohdaten (zweite Option) anzuzeigen
{{ hidden_signature_1 | signature: 'data' }}
  • Signatur als Bild (zweite Option) anzuzeigen
{{ hidden_signature_1 | signature: 'image' }}

Bedingungen

Sie können bedingte Logik in Ihren Inhalt einfügen. Sie möchten möglicherweise dieselbe E-Mail mit Unterschieden für verschiedene Gruppen senden. Der häufigste Anwendungsfall dafür ist die Sprachlokalisierung, bei der Sie unterschiedlichen Benutzern unterschiedliche Inhalte senden möchten.

Mehrere Sprachen verwenden

Im folgenden Beispiel wird einem Benutzer namens John, der Spanisch als bevorzugte Sprache auswählt, die Nachricht „Hola, John!“ angezeigt.

{% if Language == 'Spanish' %}
  Hola {{ Name }}! 
{% elsif Language == 'French' %}
  Bonjour {{ Name }}!
{% else %}
  Hello {{ Name }}!
{% endif %}

Hinweis: In diesem Beispiel ist „Language“ das Feldetikett.

Bilder anzeigen

Ein weiterer häufiger Anwendungsfall ist das Anzeigen mehrerer Bilder, die von demselben Datei-Feld hochgeladen wurden, an verschiedenen Stellen. Dafür können Sie Folgendes tun:

{% if file_1[0] %}
<div class="image-item-1">
    <img src="{{ file_1[0] }}" width="300" height="300" alt="Erstes Bild" />
</div>
{{% endif %}}

{% if file_1[1] %}
<div class="image-item-2">
    <img src="{{ file_1[1] }}" width="300" height="300" alt="Zweites Bild" />
</div>
{{% endif %}}