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
Während das widget „Erweiterte Formulare“ getestet wird, gibt es mehrere Einschränkungen:
-
Felder und die Schaltfläche „Senden“ müssen im Formularcontainer bleiben.
-
Die Schaltfläche „Senden“ kann nicht gelöscht oder dupliziert werden.
Das Advanced Form- widget verfügt standardmäßig über eine vordefinierte Vorlage, die Fehler- und Erfolgsmeldungen enthält. Sie können das Formular an Ihre geschäftlichen Bedürfnisse anpassen, indem Sie Eingabefelder, innere Spalten, widget und sogar zusätzliche Seiten für mehrstufige Formulare hinzufügen.
So erstellen Sie ein erweitertes Formular:
-
Suchen Sie nach „Erweitertes Formular“ und ziehen Sie es per Drag & Drop auf die Arbeitsfläche.
-
Fügen Sie bei Bedarf innere Spalten und widget hinzu, indem Sie diese aus dem widget -Bereich in Ihr Formular ziehen.
-
Fügen Sie Eingabefelder zum Formular hinzu, indem Sie sie aus dem Formularbereich des widget Panels per Drag & Drop hinzufügen. Die Eingabefeldoptionen sind: Kurztext, Langtext, Kontrollkästchen, Optionsfelder, Opt-In-Feld, Dropdown-Menü, Telefonnummer, Datum, Uhrzeit, Datei-Upload, Nummer und E-Mail.
Beachten Sie, dass die Darstellung der Eingabefelder auf Ihrer Live-Website je nach verwendetem Browser geringfügig von der Darstellung im Editor abweichen kann.
-
Um ein Eingabefeld zu konfigurieren, klicken Sie auf das Feld widget , um die schwebende Leiste zu öffnen, und klicken Sie dann auf Inhalt. Konfigurieren Sie gegebenenfalls den Feldtitel, den Platzhaltertext, die Optionen und ob das Feld für das Absenden des Formulars erforderlich ist. Wiederholen Sie diesen Vorgang für jedes Feld, das Sie dem Formular hinzugefügt haben.
Sie können ein mehrstufiges Formular erstellen, wobei jeder Schritt auf einer eigenen Seite steht.
Um Schritte hinzuzufügen:
-
Klicken Sie auf das erweiterte Formular widget , um das schwebende Menü zu öffnen, und klicken Sie 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 das erweiterte Formular widget , um das schwebende Menü zu öffnen, und klicken Sie auf Einstellungen.
-
Klicken Sie auf den Logik-Tab im Formular verwalten-Popup .
-
Klicke + Regel hinzufügen.
-
Geben Sie einen Regelnamen ein. Dies ist nur intern sichtbar und wird den 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 und den DANN-Teil der Regel auslöst.
*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 nutzt das erweiterte 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 das erweiterte Formular zu buchen. Um dem Kunden ein personalisierteres Erlebnis zu bieten, kann folgende bedingte Logik auf sein 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.
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.
So konfigurieren Sie die Einstellungen für die Formularübermittlung:
-
Klicken Sie auf die erweiterte Formulare widget um die schwebende Leiste zu öffnen, und klicken Sie dann auf Einstellungen.
-
Im Einstellungen-Tab des Formulars verwalten-Popup 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. Geben Sie einen Namen ein. Standardmäßig zeigt dieses Feld Ihren Firmennamen oder Ihre Website-Domain an.
-
Betreffzeile der 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) Klicken Sie im Abschnitt „Einstellungen nach dem Absenden“ auf „Weiterleitung auf eine Seite nach dem Absenden“ , um die bestehende Website-Seite oder die externe URL auszuwählen, zu der Website-Besucher nach dem Absenden weitergeleitet werden sollen. Wenn diese Option aktiviert ist, wird die Erfolgsmeldung übersprungen.
-
Das erweiterte Formular ist einzigartig, da Sie innere Spalten und widget hinzufügen und dann jedes Element unabhängig gestalten können. Bei Eingabefeldern können Sie Ausrichtung, Abstände, Größe und Animation im Designbereich ändern.
Standardmäßig werden Designstile auf die erweiterten Formularelemente angewendet, können jedoch durch beliebige Auswahlen, die Sie im Designbereich für ein bestimmtes Element treffen, überschrieben werden.
Weitere Informationen zu den verschiedenen Designoptionen im Designbereich finden Sie unter „Design mit Flex“.
Sie können Antworten auf erweiterte Formulare im Editor oder im Website-Dashboard anzeigen. Formularantworten können jedoch nur vom Website-Dashboard heruntergeladen werden.
Editor
Um die Formularantworten im Editor anzuzeigen, klicken Sie im Seitenbereich auf „Mehr“ und wählen Sie dann „Einstellungen“. Klicken Sie auf die Registerkarte „Formularantworten verwalten“ .
Website-Dashboard
Um Antworten im Website-Dashboard anzuzeigen, navigieren Sie zu Ihrer Website-Liste und klicken Sie dann auf das Website-Dashboard-Symbol neben der gewünschten Website. Klicken Sie im Abschnitt „Website-Übersicht“ auf „Formularantworten“. Wenn Sie Formularantworten herunterladen müssen, klicken Sie auf „In CSV exportieren“.
Das widget „Erweitertes Formular“ bietet mehr Flexibilität beim Design und Anpassungsoptionen, während das widget „Kontakt“ ein einfacheres Design und weniger Anpassungsoptionen bietet.
Im Folgenden ein Vergleich der wichtigsten Merkmale:
|
Feature |
Kontaktformular- widget |
Erweitertes Formular- 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. |
Derzeit sind die Optionenfelder E-Mail, Kurztext, Langtext, Opt-in, Nummer, Telefonnummer, Kontrollkästchen, Datum, Datei-Upload, Uhrzeit und Dropdown-Menü verfügbar. |
Mehrstufige Formulare sind eine hervorragende Lösung für komplexe Formulare mit vielen Fragen. Anstatt den Besuchern eine lange Liste von Fragen zu präsentieren, kann jeder Schritt im Formular eine oder mehrere zusammenhängende Fragen enthalten. Dadurch wirken die Formulare einfacher und die Einreichungsraten für Lead-Formulare, Fragebögen und komplexe Anfragen werden verbessert.
Um ein mehrstufiges Formular zu erstellen, klicken Sie auf die widget Erweiterte Formulare, um das schwebende Menü zu öffnen, und klicken Sie auf Schritte. Klicke auf +Schritt hinzufügen für jeden Schritt, den du hinzufügen musst. Beachte, dass standardmäßig eine "Zurück"-Schaltfläche hinzugefügt wird, wenn du mehr als zwei Schritte hast.
Klicken Sie auf das Drei-Punkte-Symbol neben dem Schritt, um den Schritt umzubenennen, zu duplizieren oder zu löschen. Das Duplizieren des Schrittes bewahrt das Layout der ursprünglichen Seite und spart Zeit beim Erstellen mehrerer Seiten.
So bearbeiten Sie Formularnachrichten:
-
Klicken Sie auf das erweiterte Formular 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 das erweiterte Formular widget , um die schwebende Leiste zu öffnen, und klicken Sie dann auf Einstellungen.
-
Erweitern Sie die E-Mail-Benachrichtigung auf den Bereich Website-Besucher .
-
Aktivieren Sie den Schalter neben „Automatische Antwort an Formularabsender“. Sie müssen die Felder „Gesendet von“, „E-Mail-Betreffzeile“ und „E-Mail-Nachricht“ konfigurieren.
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 erweiterte Formular 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.
So machen Sie einen Schritt oder ein Feld in Ihrem erweiterten Formular zu einem erforderlichen Schritt:
-
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 Feld, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Inhalt.
-
Klicken Sie auf das Augensymbol neben dem Feldtitel. Das Auge wird durchgestrichen, wenn der Feldtitel ausgeblendet ist.