Anmerkung
Diese Informationen gelten speziell für den Editor 2.0, der früher als All-Flex-Editor bezeichnet wurde. Informationen zum Identifizieren Ihrer aktuellen Editor-Version finden Sie unter Identifizieren der Editor-Version, die von Ihrer Website verwendet wird.
Mit dem Advanced Forms widget können Sie individuelle Formulare erstellen, die sowohl das Engagement als auch die Konversionsrate steigern und sich nahtlos in Ihr Website-Design integrieren lassen. Sie können beispielsweise ein Formular erstellen, um Informationen über potenzielle Kunden zu sammeln, Kundenfeedback einzuholen oder die Registrierung für Konten und Veranstaltungen anzubieten. Sie können sogar lange oder komplexe Formulare in mehrere Schritte unterteilen, um ein reibungsloseres und zielgerichteteres Formularerlebnis zu ermöglichen und so die Abschlussquoten zu erhöhen.
Im Folgenden sind einige Vorteile der Verwendung des widget „Erweiterte Formulare“ aufgeführt:
-
Gestaltungsflexibilität. Fügen Sie widget und innere Spalten hinzu, um das Formulardesign individuell anzupassen.
-
Bedingte Logik. Ermöglicht es, das Formular anzupassen und bestimmte Felder basierend auf den vorherigen Antworten des Nutzers anzuzeigen/auszublenden.
-
Benutzerdefinierte Nachrichten. Erstellen Sie individuelle Erfolgs- und Fehlermeldungen, die auf Ihr Unternehmen zugeschnitten sind.
-
Einreichungseinstellungen. Legen Sie fest, wer eine Kopie der Formularübermittlungen erhält und wohin Besucher nach dem Absenden des Formulars weitergeleitet werden.
-
Nachverfolgung der Einreichungen. Die Formularantworten lassen sich sowohl im Editor als auch im Website-Dashboard bequem einsehen.
Einschränkungen
Im Folgenden sind die aktuellen Einschränkungen aufgeführt:
-
Sowohl die Eingabefelder als auch die Schaltfläche absenden müssen im Formularcontainer bleiben.
-
Die Schaltfläche „Senden“ kann nicht gelöscht oder dupliziert werden.
Beim Erstellen eines erweiterten Formulars kann man das Design mit inneren Spalten und widgetanpassen und dann die Funktionalität mit Eingabefeldern, Schritten und bedingter Logik anpassen.
Um eine fortgeschrittene Form zu erstellen:
-
Suche nach erweiterten Formularen und ziehe sie dann per Drag & Drop auf die Leinwand.
-
Drag & Drop innere Spalten und widget aus dem Element-Panel nach Bedarf, um dein gewünschtes Design zu erreichen.
-
Ziehen Sie Eingabefelder aus dem Formularbereich des Element-Panels in Ihr Formular.
Verfügbare Eingabefelder: kurzer Text, langer Text, Kontrollkästchen, Optionsfelder, Opt-in-Feld, Dropdown-Menü, Telefonnummer, Datum, Uhrzeit, Dateihochladen, Nummer und E-Mail.
-
Klicken Sie auf ein Eingabefeld, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Inhalt. Gegebenenfalls konfigurieren Sie den Feldtitel, den Platzhaltertext, die Optionen und ob das Feld das Formular einreichen muss. Wiederhole das für jedes Feld, das du dem Formular hinzugefügt hast.
-
(Optional) Füge Schritte zu deinem Formular hinzu, indem du die Anweisungen im Abschnitt Schritte zu einem erweiterten Formular hinzufügen befolgst. Beachten Sie, dass jeder Schritt auf einer neuen Seite im Formular eingefügt wird.
-
(Optional) Füge deinem Formular bedingte Logik hinzu, indem du den Anweisungen im Abschnitt "Bedingte Logik zu einem erweiterten Formular hinzufügen " befolgst.
-
Konfigurieren Sie Formulareinreichungseinstellungen, indem Sie den Anweisungen im Abschnitt "Einreichungseinstellungen konfigurieren" für ein erweitertes Formular folgen.
Du kannst ein mehrstufiges Formular erstellen, bei dem jeder Schritt auf einer separaten Seite erscheint.
Um Schritte hinzuzufügen:
-
Klicken Sie auf die erweiterte Formular- widget , um das schwebende Menü zu öffnen, und klicken Sie dann auf Schritte.
-
Klicke auf +Schritt hinzufügen für jeden benötigten Schritt. Drag & Drop die Schritte in der gewünschten Bestellung.
-
Klicken Sie auf das Drei-Punkte-Symbol neben dem Schritt, um den Schritt umzubenennen, zu duplizieren oder zu löschen . Das Duplizieren eines Schrittes bewahrt das Layout des ursprünglichen Schrittes und spart Zeit beim Erstellen mehrerer Schritte.
Bedingte Logik erlaubt es dir, Regeln festzulegen, die steuern, wie sich ein Formular basierend auf dem Eingaf des Nutzers verhält. Das Formular verwendet if/then-Logik, um sich an frühere Benutzerantworten anzupassen, indem Felder erscheinen, verschwinden oder erforderlich werden.
Um mehr darüber zu erfahren, wann bedingte Logik hilfreich sein kann, siehe Use cases for conditional logic.
Wichtige Hinweise:
-
Wenn du ein Feld löschst, das Teil einer bedingten Logikregel ist, bricht die Logik und das Formular funktioniert nicht richtig. Neben der Regel erscheint auch eine Fehlermeldung "Logic issue".
-
Felder oder Formularschritte, die bedingte Logik verwenden, können nicht dupliziert werden.
Um bedingte Logik hinzuzufügen:
-
Klicken Sie auf die erweiterte Formulare widget , um das schwebende Menü zu öffnen, und klicken Sie dann auf Einstellungen.
-
Klicken Sie im Dialog "Formular verwalten" auf den Reiter Logik.
-
Klicke + Regel hinzufügen.
-
Geben Sie einen Regelnamen ein. Dies ist nur intern sichtbar und wird Website-Nutzern nicht angezeigt.
-
Für den IF-Teil der Regel verwenden Sie die Dropdown-Menüs, um ein Feld aus dem Formular auszuwählen, wie die Bedingung* definiert ist und, falls zutreffend, welchen Wert die Bedingung erfüllen muss, um den THEN-Teil der Regel auszulösen.
*Je nach gewähltem Feldtyp umfassen die verfügbaren Bedingungen: ist gleich mit, ist nicht gleich mit, ist leer, ist nicht leer, enthält, enthält nicht, beginnt mit, beginnt nicht mit, endet mit und endet nicht mit.
-
Für den DANN-Teil der Regel verwenden Sie die Dropdown-Menüs, um die Aktion* auszuwählen, die auftritt, wenn die IF-Bedingung erfüllt ist, und auf welches Formfeld die Aktion angewendet wird.
*Verfügbare Aktionen sind: zeigen, verstecken, optional machen oder erforderlich machen.
-
Klicken Sie auf Speichern.
Bedingte Logik ist ein leistungsstarkes tool , das es ermöglicht, Formularfelder in Echtzeit basierend auf den vorherigen Antworten des Nutzers anzupassen. Im Folgenden sind Anwendungsfälle für verschiedene Branchen aufgeführt.
Immobilien-Lead-Erfassung
Ein Immobilienunternehmen verwendet ein fortschrittliches Formular, um Leads zu erfassen. Um sicherzustellen, dass Agenten qualifizierte Leads erhalten, kann folgende bedingte Logik dem Formular hinzugefügt werden:
-
Wenn "Kaufen" ausgewählt ist, zeige Felder, die nach Budget und bevorzugtem Bereich fragen.
-
Wenn "verkaufen" ausgewählt ist, zeigen Sie Felder, die nach Immobilientyp und geschätztem Wert fragen.
-
Wenn "Mieten" ausgewählt ist, zeigen Sie Felder, die nach Einzugsdaten fragen.
Haustierservice
Ein Unternehmen, das Haustierdienste (wie Pflege, Tierarzt oder Schulung) anbietet, ermöglicht es Kunden, Termine über ein erweitertes Formular zu buchen. Um dem Kunden ein personalisierteres Erlebnis zu bieten, kann folgende bedingte Logik auf das Formular angewendet werden:
-
Wenn "Hund" als Haustiertyp ausgewählt wird, zeigen Sie Felder, die nach Alter und Geschlecht fragen.
-
Wenn "Katze" als Haustiertyp ausgewählt wird, zeigen Sie Felder, die nach dem Status der Katze im Haus oder Draußen fragen.
-
Wenn Sie einen Termin zur Pflege anfordern, zeigen Sie Felder, die nach dem Felltyp des Tieres fragen.
-
Wenn Sie einen Schulungstermin beantragen, zeigen Sie Felder, die Verhaltensprobleme betreffen.
Verwenden Sie versteckte Felder, um zusätzliche Informationen über den Formular-Einreicher zu sammeln, wie z. B. Tracking-Daten, Kampagnenkennungen und CRM-Routing-Werte. Versteckte Felder sind für den Website-Besucher nicht sichtbar und müssen nicht manuell ausgefüllt werden, sondern sind in der Formularabgabe enthalten.
Verfügbare versteckte Felder:
-
Automatisch gesammelte Metadaten. Erfasst Metadaten, die Ihre Website bereits erfasst.
-
URL-Parameter. Erfasst Werte aus der URL, mit der der Besucher angekommen ist, wie zum Beispiel eine Werbekampagnen-ID.
-
Statischer Wert. Erfasst einen festen Wert pro Formular.
-
Dynamische Datenbindung. Erfasst Werte von der aktuellen Seite, auf der sich das Formular befindet. Dies kann hilfreich sein, wenn das Formular auf einer dynamischen Seite ist, wie z. B. einer store Produktseite.
-
Custom (JS). Verzeichnet einen benutzerdefinierten Wert.
Um ein verstecktes Feld hinzuzufügen:
-
Klicken Sie auf das erweiterte Formular, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Einstellungen.
-
Im Formular verwalten klicken Sie auf Versteckte Felder.
-
Klicke + Neue Wertquelle und wähle eine der folgenden Optionen aus:
-
Automatisch erhobene Metadaten
-
URL-Parameter
-
Statischer Wert
-
Dynamische Datenbindung
-
Custom (JS)
-
-
Je nach ausgewählter Quelle verwenden Sie entweder das Wert-Dropdown-Menü oder das Werttextfeld , um einen Wert einzugeben.
Für benutzerdefiniert (JS) klicken Sie auf Entwicklermodus öffnen. Überprüfen und bearbeiten Sie den hinzugefügten Code, dann klicken Sie auf Speichern.
-
Geben Sie einen Anzeigenamen ein. Der Anzeigename erscheint in der Formularabgabetabelle als Spaltenname für die Daten.
-
Klicken Sie auf Speichern.
In den Formularübermittlungseinstellungen können Sie einen Formularnamen hinzufügen, die E-Mail-Adresse konfigurieren, die an den Seiteninhaber und den Website-Besucher, der das Formular übermittelt hat, gesendet wird, und optional Website-Besucher nach dem Absenden des Formulars auf eine bestimmte Seite oder externe Website weiterleiten.
Um Einreichungseinstellungen zu konfigurieren:
-
Klicken Sie auf die erweiterte Formulare widget um die schwebende Leiste zu öffnen, und klicken Sie dann auf Einstellungen.
-
Im Reiter Einstellungen im Formular verwalten-Dialog erweitern Sie die verschiedenen Abschnitte und konfigurieren Sie Folgendes:
-
Formularname. Geben Sie einen Namen für das Formular ein. Dieser Name ist nur intern sichtbar. Wir empfehlen, jedem Formular einen anderen Namen zu geben, damit die Formulare beim Betrachten der Antworten leichter unterschieden werden können.
-
Gesendet von. Gib einen Namen ein. Standardmäßig zeigt dieses Feld Ihren Firmennamen oder Ihre Website-Domain an.
-
Betreffzeile per E-Mail. Geben Sie eine Betreffzeile ein.
-
Benachrichtigen Sie per E-Mail an. Geben Sie in dieses Feld eine E-Mail-Adresse ein. Wenn Sie mehrere E-Mail-Adressen eingeben, trennen Sie diese mit einem Leerzeichen oder klicken Sie auf die Eingabetaste.
-
(Optional) Aktivieren Sie das Kontrollkästchen "E-Mail-Benachrichtigungen der Inhaltsbibliothek verwenden" , damit die Formulareinsendungen an die in der Inhaltsbibliothek angegebene E-Mail-Adresse gesendet werden.
-
-
(Optional) Aktivieren Sie die Option „Automatische Antwort an den Formularabsender “, wenn Website-Besucher eine E-Mail-Kopie ihrer Antworten erhalten sollen. Die E-Mail wird versendet, sobald der Website-Besucher das Formular absendet. Falls diese Option aktiviert ist, müssen Sie die Felder „Absender“, „Betreffzeile“ und „E-Mail-Nachricht“ konfigurieren.
-
(Optional) Im Abschnitt "Nach Einreichen" Einstellungen klicken Sie auf "Nach der Einreichung auf eine Seite weiterleiten ", um die bestehende Webseitenseite oder externe URL auszuwählen, auf die Besucher nach der Einreichung weitergeleitet werden. Wenn aktiviert, überspringt er die Erfolgsmeldung.
-
Sie können Formulareinreichungen im Editor oder im Projekt-Dashboard ansehen, jedoch können Formularantworten nur vom Projekt-Dashboard heruntergeladen werden.
Editor
Um Formulareinreichungen im Editor anzusehen, klicken Sie im Seitenpanel auf Mehr und wählen Sie dann Einstellungen. Klicken Sie auf den Reiter "Formularantworten verwalten ".
Projekt-Dashboard
Um die Antworten im Projekt-Dashboard anzuzeigen, navigieren Sie zu Ihrer Website-Liste und klicken Sie dann auf das Projekt-Dashboard-Symbol neben der gewünschten Website. Im Bereich Projektübersicht klicken Sie auf Formularantworten. Wenn Sie Formularantworten herunterladen möchten, klicken Sie auf Export to CSV.
Das Advanced Forms widget bietet größere Designflexibilität und Anpassungsmöglichkeiten, während das Kontaktformular widget ein grundlegenderes Design und weniger Anpassungsmöglichkeiten bietet.
Im Folgenden ein Vergleich der wichtigsten Merkmale:
|
Feature |
Kontaktformular- widget |
Fortgeschrittene Formulare widget |
|---|---|---|
|
widgethinzufügen und anordnen |
Nein |
Ja Sie können beliebige widget und Flex-Elemente in den Container „Erweitertes Formular“ einfügen. |
|
Eindeutige widget |
Nein |
Ja Jedes Feld im erweiterten Formular ist ein separates widget, sodass Sie jedes Feld individuell gestalten können. |
|
Benutzerdefinierte Erfolgs- und Fehlermeldungen |
Nein |
Ja Schreiben und gestalten Sie benutzerdefinierte Erfolgs- und Fehlermeldungen für Formulareinsendungen. |
|
Mehrstufiges Formular |
Nein |
Ja |
|
Bedingte Logik |
Nein |
Ja |
|
Verfügbare Formularfelder |
Text, Dropdown-Menü, Optionsfelder, Kontrollkästchen, Dateianhang, Datum, Uhrzeit, Langtext, Click-to-E-Mail, Telefonnummer, Opt-In, Nummer und Freitext. |
Optionsfelder, E-Mail, kurzer Text, langer Text, Opt-in, Nummer, Telefonnummer, Kontrollkästchen, Datum, Dateihochladen, Zeit und Dropdown-Menü. |
So bearbeiten Sie Formularnachrichten:
-
Klicken Sie auf die erweiterte Formulare widget um die schwebende Leiste zu öffnen, und klicken Sie dann auf Schritte.
-
Klicken Sie entweder auf Erfolg oder Fehler. Auf der Leinwand zeigt das widget nun den Standardtext für entweder die Erfolgs- oder Fehlermeldung an, anstatt der Schritte oder Felder des Formulars.
-
Klicken Sie auf das Text-Widget, das die Fehler- oder Erfolgsmeldung enthält, und bearbeiten Sie Text und Design nach Wunsch. Sie können in dieser Ansicht auch zusätzliche widget oder innere Spalten hinzufügen.
So senden Sie Website-Besuchern eine Kopie ihrer Formularantworten:
-
Klicken Sie auf die erweiterte Formulare widget um die schwebende Leiste zu öffnen, und klicken Sie dann auf Einstellungen.
-
Erweitern Sie die E-Mail-Benachrichtigung auf den Bereich Website-Besucher .
-
Aktiviere den Schalter neben Auto-Reply to Form Submitter. Dann konfigurieren Sie die Felder Gesendet von, Betreffzeile E-Mail und E-Mail-Nachricht.
Ja. Um beim Absenden des Formulars eine E-Mail zu erhalten, müssen Sie die E-Mail-Adresse des gewünschten Empfängers im Inhaltsbereich des Formulars hinzufügen.
Um eine E-Mail zu versenden, wenn ein Besucher ein Formular absendet:
-
Klicken Sie auf die erweiterte Formulare widget um die schwebende Leiste zu öffnen, und klicken Sie dann auf Einstellungen.
-
Im Tab Einreichungseinstellungen scrollen Sie nach unten und erweitern Sie den Bereich E-Mail-Benachrichtigungen auf Seiteninhaber .
-
Geben Sie im Feld „Per E-Mail benachrichtigen an:“ eine E-Mail-Adresse ein. Wenn Sie mehrere E-Mail-Adressen eingeben, trennen Sie diese mit einem Leerzeichen oder klicken Sie auf die Eingabetaste. Oder aktivieren Sie das Kontrollkästchen „E-Mail der Inhaltsbibliothek verwenden“, um die Formulareinsendungen an die in der Inhaltsbibliothek aufgeführte E-Mail-Adresse zu senden.
Um einen Schritt oder ein Feld in Ihrer fortgeschrittenen Form zu machen, ist erforderlich:
-
Klicken Sie auf das gewünschte Feld, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Inhalt.
-
Aktivieren Sie den Umschalter „Erforderliches Feld“ .
So blenden Sie einen Feldtitel aus:
-
Klicken Sie auf das gewünschte Eingabefeld, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Inhalt.
-
Klicken Sie auf das Augensymbol neben dem Eingabefeldtitel. Das Auge wird durchgestrichen, wenn der Feldtitel verborgen ist.