Show Menu
THEMEN×

Statische Elemente in einem Webformular

Sie können Elemente einfügen, mit denen der Benutzer auf den Formularseiten nicht interagiert. Hierzu zählen statische Elemente wie Bilder, HTML-Inhalte, ein horizontaler Balken oder ein Hypertext-Link. Diese Elemente werden über die erste Schaltfläche der Symbolleiste durch Anklicken des Menüs Add static element erstellt.
Folgende Feldtypen sind verfügbar:
  • Wert auf der Basis der zuvor eingegebenen Antworten (im Kontext des Formulars) oder der Datenbank.
  • Hypertext-Link, HTML, horizontaler Balken. Siehe HTML-Inhalt einfügen .
  • Bild, das in der Ressourcenbibliothek oder auf einem für Benutzer zugänglichen Server gespeichert ist. Siehe Bilder einfügen .
  • Skript, das Client- und/oder Server-seitig ausgeführt wird. Es muss in JavaScript verfasst und mit den gängigen Browsern kompatibel sein, um die korrekte Ausführung beim Client zu gewährleisten.
    Auf der Serverseite kann das Skript die in der Campaign JSAPI-Dokumentation definierten Funktionen verwenden.

HTML-Inhalt einfügen

Sie können in eine Formularseite HTML-Inhalte einfügen, wie z. B. Hypertext-Links, Bilder, formatierte Absätze, Videos oder Flash-Objekte.
Einfügen können Sie die Inhalte mit dem HTML-Editor. Um den Editor zu öffnen, gehen Sie zu Statische Elemente > HTML .
Sie können Inhalte direkt eingeben und formatieren oder das Fenster mit dem Quellcode öffnen, um externen Code einzukopieren. Wählen Sie dazu das erste Symbol in der Symbolleiste aus, um zum Quellcode-Modus zu wechseln.
Um ein Datenbankfeld einzufügen, verwenden Sie die Personalisierungs-Schaltfläche.
Die im HTML-Editor eingegebenen Strings werden nur übersetzt, wenn sie im Unter-Tab Texte definiert sind. Ansonsten werden sie nicht erfasst. Weitere Informationen finden Sie unter Webformular übersetzen .

HTML-Inhalt personalisieren

Sie können den HTML-Inhalt einer Formularseite mit auf einer vorherigen Seite erfassten Daten personalisieren. So können Sie beispielsweise ein Webformular für eine Kfz-Versicherung erstellen, auf deren erster Seite Sie die Möglichkeit bieten, Kontaktinformationen und die Automarke einzugeben.
Mit Personalisierungsfeldern können Sie den Benutzernamen und die ausgewählte Marke nochmals auf der nächsten Seite einfügen. Die zu verwendende Syntax hängt vom Speichermodus der Informationen ab. Weitere Informationen hierzu finden Sie unter Erfasste Informationen verwenden .
Aus Sicherheitsgründen wird der in der Formel <%= eingegebene Wert durch Escape-Zeichen ersetzt. Um dies zu verhindern, können Sie bei Bedarf die folgende Syntax verwenden: <%= .
In unserem Beispiel werden der Vor- und Nachname des Empfängers in einem Feld der Datenbank gespeichert, während das Automodell in einer Variablen gespeichert wird. Die Syntax der personalisierten Nachricht auf Seite 2 sieht folgendermaßen aus:
<P>Welcome <%= ctx.recipient.@firstName %> <%= ctx.recipient.@lastName %>,</P>
<P>To start your customized study, please select your car <%=ctx.vars.marque%> and its year of purchase.</P>

Das Ergebnis sieht folgendermaßen aus:

Textvariablen verwenden

Im Tab Text können Sie Variablenfelder erstellen, die in HTML zwischen den Zeichen <%= und %> mit der folgenden Syntax verwendet werden können: $(IDENTIFIER) .
Verwenden Sie diese Methode zur einfachen Lokalisierung Ihrer Strings. Siehe Webformular übersetzen .
Sie können beispielsweise das Feld Kontakt erstellen. Damit haben Sie die Möglichkeit, den String „Datum des letzten Kontakts:“ im HTML-Inhalt anzuzeigen. Gehen Sie dazu wie folgt vor:
  1. Wählen Sie den Tab Text des HTML-Texts aus.
  2. Wählen Sie das Symbol Hinzufügen aus.
  3. Geben Sie in der Spalte Kennung den Namen der Variablen ein.
  4. Geben Sie in der Spalte Text den Standardwert ein.
  5. Geben Sie im HTML-Inhalt diese Textvariable mithilfe der Syntax <%= $(Contact) %> ein.
    Wenn Sie diese Zeichen in den HTML-Editor eingeben, werden die Felder < und > durch ihre Escape-Zeichen ersetzt. In diesem Fall müssen Sie den Quellcode durch Auswahl des Symbols Quellcode anzeigen im HTML-Texteditor korrigieren.
  6. Öffnen Sie den Titel Vorschau des Formulars, um den in HTML eingegebenen Wert anzuzeigen:
Mit diesem Verfahren können Sie den Text von Webformularen aufgliedern und Übersetzungen mit dem integrierten Übersetzungs-Tool durchführen. Weitere Informationen finden Sie unter Webformular übersetzen .

Bilder einfügen

Um in Formulare Bilder einzufügen, müssen diese auf einem Server gespeichert werden, auf den von außen zugegriffen werden kann.
Wählen Sie das Menü Statische Elemente > Bild aus.
Wählen Sie die Quelle des Bildes aus, das eingefügt werden soll: Es kann in einer öffentlichen Ressourcen-Bibliothek oder auf einem externen, von außen zugreifbaren Server gespeichert sein.
Wenn das Bild aus einer Bibliothek stammt, wählen Sie es in der Dropdown-Liste des Felds aus. Wenn es in einer externen Datei gespeichert ist, geben Sie den Zugriffspfad ein. Der Titel wird angezeigt, wenn Sie den Cursor über das Bild bewegen (entspricht einem ALT-Feld in HTML) oder wenn das Bild nicht dargestellt wird.
Das Bild kann im mittleren Bereich des Editors angezeigt werden.