Hinweis
Diese Informationen beziehen sich speziell auf den Editor 2.0, der früher als All-Flex Editor bekannt war. Um Ihre aktuelle Editorversion zu ermitteln, lesen Sie bitte den Artikel „So ermitteln Sie die Editorversion Ihrer Website“ .
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 dem Formular, sich anzupassen und bestimmte Felder basierend auf den vorherigen Antworten des Benutzers ein- oder auszublenden.
-
Benutzerdefinierte Nachrichten. Erstellen Sie individuelle Erfolgs- und Fehlermeldungen, die auf Ihr Unternehmen zugeschnitten sind.
-
Übermittlungseinstellungen. Legen Sie fest, wer eine Kopie der Formularübermittlungen erhält und wohin Besucher nach dem Absenden des Formulars weitergeleitet werden.
-
Sendungsverfolgung. 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.
Einen schnellen Überblick und eine Demo des Advanced Forms widget finden Sie im folgenden Video:
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 den 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 fortgeschrittenen 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.
-
Klicken Sie für jeden benötigten Schritt auf +Schritt hinzufügen . Ziehen Sie die Schritte per Drag & Drop in die gewünschte Reihenfolge.
-
Klicken Sie auf das Symbol mit den drei Punkten neben dem Schritt, um den Schritt umzubenennen, zu duplizieren oder zu löschen . Durch das Duplizieren eines Schrittes bleibt das Layout des Originalschritts erhalten, wodurch Sie Zeit sparen, wenn Sie mehrere Schritte erstellen.
Mit bedingter Logik können Sie Regeln festlegen, die das Verhalten eines Formulars basierend auf den Eingaben des Benutzers steuern. Das Formular verwendet Wenn/Dann-Logik, um sich an vorherige Benutzereingaben anzupassen, indem Felder eingeblendet, ausgeblendet oder zu Pflichtfeldern gemacht werden.
Mehr darüber, wann bedingte Logik hilfreich sein kann, erfahren Sie unter Anwendungsfälle für bedingte Logik.
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.
-
Klicken Sie auf „+ Regel hinzufügen“.
-
Geben Sie einen Regelnamen ein. Dies ist nur intern sichtbar und wird Website-Nutzern nicht angezeigt.
-
Verwenden Sie für den WENN- Teil der Regel die Dropdown-Menüs, um ein Feld aus dem Formular auszuwählen, die Definition der Bedingung* festzulegen und gegebenenfalls den Wert anzugeben, der erforderlich ist, damit die Bedingung erfüllt ist und der DANN-Teil der Regel ausgelöst wird.
*Je nach Art des ausgewählten Feldes stehen folgende Bedingungen zur Verfügung: ist gleich, ist ungleich, ist leer, ist nicht leer, enthält, enthält nicht, beginnt mit, beginnt nicht mit, endet mit und endet nicht mit.
-
Verwenden Sie für den DANN- Teil der Regel die Dropdown-Menüs, um die Aktion* auszuwählen, die ausgeführt wird, wenn die WENN-Bedingung erfüllt ist, und um festzulegen, auf welches Formularfeld die Aktion angewendet wird.
*Verfügbare Aktionen sind: anzeigen, ausblenden, optional machen oder erforderlich machen.
-
Klicken Sie auf Speichern.
Bedingte Logik ist ein leistungsstarkes tool , mit dem Sie Formularfelder in Echtzeit an die vorherigen Antworten des Benutzers anpassen können. Nachfolgend sind Anwendungsbeispiele für verschiedene Branchen aufgeführt.
Immobilien-Leadgenerierung
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, werden Felder angezeigt, in denen nach Budget und bevorzugtem Gebiet gefragt wird.
-
Wenn „Verkauf“ ausgewählt ist, werden Felder angezeigt, in denen nach der Art der Immobilie und dem geschätzten Wert gefragt wird.
-
Wenn „Miete“ ausgewählt ist, werden Felder angezeigt, in denen nach dem Einzugsdatum gefragt wird.
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 als Haustierart „Hund“ ausgewählt ist, werden Felder angezeigt, in denen nach Alter und Geschlecht gefragt wird.
-
Wenn als Haustierart „Katze“ ausgewählt ist, werden Felder angezeigt, die nach dem Status der Katze (Innen- oder Freigänger) fragen.
-
Bei der Anfrage nach einem Termin für die Fellpflege sollten Felder angezeigt werden, in denen nach der Fellart des Haustieres gefragt wird.
-
Wenn Sie einen Trainingstermin anfragen, zeigen Sie Felder an, in denen nach Verhaltensauffälligkeiten gefragt wird.
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 das widget „Erweiterte Formulare“, 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 "After Submission Einstellungen " klicken Sie auf nach der Einreichung auf eine Seite umleiten , um die bestehende Webseitenseite oder externe URL auszuwählen, auf die Website-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 derzeit Integrationen mit Zapier, Google, MailChimp, HubSpot, Albato und ActiveCampaign.
Um verfügbare Integrationen anzuzeigen, klicken Sie auf die widget Erweiterte Formulare, um das schwebende Menü zu öffnen, und klicken Sie dann auf Einstellungen. Klicken Sie auf den Integrationsreiter , um verfügbare Integrationen anzuzeigen. Klicken Sie auf die gewünschte Integration und folgen Sie den Bildschirmanweisungen.
Hinweis
Nutzer müssen die Berechtigung zur kostenlosen App-Verwaltung haben, um Integrationen hinzuzufügen. Wenn ein Benutzer keine Berechtigung hat, ist der Integrationsbereich leer.
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 |
|
Integrationen |
Ja. Verfügbare Integrationen anzeigen. |
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 Arbeitsfläche zeigt das widget nun den Standardtext für die Erfolgs- oder Fehlermeldung anstelle der Formularschritte oder -felder an.
-
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 das widget „Erweiterte Formulare“, um die schwebende Leiste zu öffnen, und klicken Sie dann auf „Einstellungen“.
-
Erweitern Sie den Abschnitt „E-Mail-Benachrichtigung an 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 das widget „Erweiterte Formulare“, 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 Titel des Inout-Feldes. Das Auge wird durchgestrichen, wenn der Feldtitel verborgen ist.