Anmerkung
Diese Informationen sind spezifisch für den Editor 2.0, der früher als All-Flex Editor bekannt war. Um Ihre aktuelle Editor-Version zu identifizieren sieheSo identifizieren Sie die Editor-Version, die Ihre Website verwendet .
Anmerkung
[en] Not sure which form widget you're using? Click a field in the form. If only that field is selected, it's an advanced form. If the whole form is selected and the floating bar shows Manage Form, it's the Contact Form widget. See Widgets: Contact Forms.
dem Widget „Erweiterte Formulare“ können Sie benutzerdefinierte Formulare erstellen, die sowohl das Engagement als auch die Konversionsrate steigern und sich nahtlos in das Design Ihrer Website integrieren lassen. Sie können beispielsweise ein Formular erstellen, um Informationen über potenzielle Kunden zu sammeln, Kundenfeedback einzuholen oder die Registrierung von Konten und Veranstaltungen anzubieten. Sie können sogar lange oder komplexe Formulare in mehrere Schritte unterteilen, um ein reibungsloseres, fokussierteres Formularerlebnis zu erzielen und die Ausfüllquote zu erhöhen
Im Folgenden sind einige Vorteile der Verwendung des Advanced Forms-Widgets aufgeführt:
-
Flexibilität beim Design. Fügen Sie Widgets und innere Spalten hinzu, um das Formulardesign wirklich anzupassen.
-
Bedingte Logik. Ermöglicht es dem Formular, bestimmte Felder auf der Grundlage der vorherigen Antworten des Benutzers anzupassen und einzu-/auszublenden
-
Benutzerdefinierte Nachrichten. Schreiben Sie individuelle Erfolgs- und Fehlermeldungen, die auf Ihr Unternehmen zugeschnitten sind.
-
Einstellungen für die Einreichung. Definieren Sie, wer eine Kopie der Formularübermittlungen erhält, und konfigurieren Sie, wohin Besucher nach dem Absenden des Formulars weitergeleitet werden.
-
Nachverfolgung der Einreichung. Sie können die Antworten auf Formulare sowohl im Editor als auch im Dashboard der Website ganz einfach einsehen.
Einschränkungen
Im Folgenden sind die aktuellen Einschränkungen aufgeführt:
-
Sowohl die Eingabefelder als auch die Schaltfläche „Senden“ müssen innerhalb des Formularcontainers bleiben.
-
Die Schaltfläche „Senden“ kann nicht gelöscht oder dupliziert werden.
Einen kurzen Überblick und eine Demo des Advanced Forms-Widgets finden Sie im folgenden Video:
[en] Each field, inner column, and widget inside an advanced form is its own element. When you click a field, only that field is selected, and the floating bar shows the field's options (Content and Edit Design) instead of the form's options.
[en] To select the whole form:
-
[en] On the canvas, click any field or element inside the form.
-
[en] Do one of the following:
-
[en] Hover over the breadcrumb above the floating bar, then click Advanced Form.
-
[en] If the design panel is open, click Advanced Form in the breadcrumb at the top of the panel.
-
[en] When the form is selected, the floating bar shows Steps, Settings, and Edit Design.
Wenn Sie ein erweitertes Formular erstellen, können Sie das Design mit inneren Spalten und Widgets anpassen und dann die Funktionalität mit Eingabefeldern, Schritten und bedingter Logik anpassen.
Um ein erweitertes Formular zu erstellen:
-
Suche nach Fortgeschrittene Formulareund ziehen Sie es dann per Drag & Drop auf die Leinwand.
-
Ziehen Sie innere Spalten und Widgets per Drag-and-Drop aus dem Element Panel nach Bedarf, um Ihr gewünschtes Design zu erreichen.
-
Ziehen Sie Eingabefelder per Drag & Drop in Ihr Formular aus dem Formular Abschnitt des Element-Panels.
Verfügbare Eingabefelder: Kurztext, Langtext, Checkbox, Radiobutton, Opt-In-Feld, Dropdown, Telefonnummer, Datum, Uhrzeit, Datei-Upload, Nummer und E-Mail.
-
Klicken Sie auf ein Eingabefeld, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Inhalt. Konfigurieren Sie gegebenenfalls den Feldtitel, den Platzhaltertext und die Optionen und ob das Feld zum Absenden des Formulars erforderlich ist. Wiederholen Sie dies für jedes Feld, das Sie dem Formular hinzugefügt haben
-
(Fakultativ) Fügen Sie Ihrem Formular Schritte hinzu, indem Sie den Anweisungen in der Fügen Sie Schritte zu einem erweiterten Formular hinzu Abschnitt. Beachten Sie, dass jeder Schritt auf einer neuen Seite innerhalb des Formulars platziert wird.
-
(Fakultativ) Fügen Sie Ihrem Formular bedingte Logik hinzu, indem Sie den Anweisungen in der Fügen Sie einem erweiterten Formular bedingte Logik hinzu Abschnitt.
-
Konfigurieren Sie die Einstellungen für das Senden von Formularen, indem Sie den Anweisungen in der Konfigurieren Sie die Einstellungen für das Senden eines Formulars für Fortgeschrittene Abschnitt.
Anmerkung
Um die Einwilligung eines Besuchers einzuholen, beispielsweise im Rahmen der DSGVO, fügen Sie ein Opt-in -Feld hinzu. Im Gegensatz zu anderen Feldtypen kann das Opt-in-Feld nicht als Pflichtfeld festgelegt werden. Weitere Informationen zum Einholen der Einwilligung finden Sie unter Formularübersicht.
Sie können ein mehrstufiges Formular erstellen, bei dem jeder Schritt auf einer separaten Seite angezeigt wird.
So fügst du Schritte hinzu:
-
Klicken Sie auf das Widget „Erweiterte Formulare“, um das schwebende Menü zu öffnen, und klicken Sie dann auf Schritte.
-
Klicken Sie +Schritt hinzufügen für jeden Schritt, den Sie benötigen. Ziehen Sie die Schritte per Drag-and-Drop in die gewünschte Reihenfolge.
-
Klicken Sie auf das Dreipunktsymbol neben dem Schritt zu umbenennen, duplizieren, oder löschen der Schritt. Beim Duplizieren eines Schritts bleibt das Layout des ursprünglichen Schritts erhalten, sodass Sie Zeit sparen, wenn Sie mehrere Schritte erstellen
Mit bedingter Logik können Sie Regeln festlegen, die das Verhalten eines Formulars auf der Grundlage der Benutzereingaben steuern. Das Formular verwendet die Wenn/Dann-Logik, um sich an frühere Benutzerantworten anzupassen, indem Felder erscheinen, verschwinden oder erforderlich
Weitere Informationen darüber, wann bedingte Logik hilfreich sein kann, finden Sie unter Anwendungsfälle für bedingte Logik.
Wichtige Hinweise:
-
Wenn Sie ein Feld löschen, das Teil einer Regel mit bedingter Logik ist, geht die Logik kaputt und das Formular funktioniert nicht richtig. Neben der Regel wird auch die Fehlermeldung „Logikproblem“ angezeigt.
-
Felder oder Formularschritte, die bedingte Logik verwenden, können nicht dupliziert werden.
So fügen Sie bedingte Logik hinzu:
-
Klicken Sie auf das Widget „Erweiterte Formulare“, um das schwebende Menü zu öffnen, und klicken Sie dann auf Einstellungen.
-
Klicken Sie auf Logik Tab in der Formular verwalten Dialog.
-
Klicken Sie + Regel hinzufügen.
-
Geben Sie einen Regelnamen ein. Dies ist nur intern sichtbar und wird den Benutzern der Website nicht angezeigt.
-
Für die WENN Teil der Regel, verwenden Sie die Dropdownmenüs, um ein Feld aus dem Formular auszuwählen, wie die Bedingung* definiert ist und gegebenenfalls, wie hoch der Wert sein muss, damit die Bedingung erfüllt ist, und lösen Sie den THN-Teil der Regel aus.
*Je nach ausgewähltem Feldtyp sind folgende Bedingungen verfügbar: 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.
-
Für die DANN Teil der Regel, verwenden Sie die Dropdownmenüs, um die Aktion* auszuwählen, die auftritt, wenn die IF-Bedingung erfüllt ist, und auf welches Formularfeld die Aktion angewendet wird.
*Zu den verfügbaren Aktionen gehören: anzeigen, ausblenden, optional machen oder als erforderlich kennzeichnen.
-
Klicken Sie Speichern.
Bedingte Logik ist ein leistungsstarkes Tool, mit dem Sie Formularfelder in Echtzeit an die vorherigen Antworten des Benutzers anpassen können. Im Folgenden finden Sie Anwendungsfälle für verschiedene Branchen.
Erfassung von Leads im Immobilienbereich
Ein Immobilienunternehmen verwendet ein erweitertes Formular, um Leads zu erfassen. Um sicherzustellen, dass Makler qualifizierte Leads erhalten, kann dem Formular die folgende bedingte Logik hinzugefügt werden:
-
Wenn „Kaufen“ ausgewählt ist, zeigen Sie Felder an, in denen Sie nach Budget und bevorzugtem Gebiet gefragt werden.
-
Wenn „Verkaufen“ ausgewählt ist, zeigen Sie Felder an, in denen Sie nach der Art der Immobilie und dem geschätzten Wert gefragt werden.
-
Wenn „Vermietung“ ausgewählt ist, zeigen Sie Felder an, in denen Sie nach Einzugsterminen gefragt werden.
Dienstleistungen für Haustiere
Ein Unternehmen, das Dienstleistungen für Haustiere anbietet (z. B. Tierpflege, Tierpflege oder Schulung), ermöglicht es Kunden, Termine über ein Formular für Fortgeschrittene zu buchen. Um dem Kunden ein persönlicheres Erlebnis zu bieten, kann die folgende Bedingungslogik auf das Formular angewendet werden
-
Wenn „Hund“ als Haustiertyp ausgewählt ist, zeigen Sie Felder an, in denen Sie nach Alter und Geschlecht gefragt werden.
-
Wenn „Katze“ als Haustiertyp ausgewählt ist, zeigen Sie Felder an, in denen Sie nach dem Status der Katze im Haus oder im Freien gefragt werden.
-
Wenn Sie einen Fellpflegetermin vereinbaren, zeigen Sie Felder an, in denen Sie nach dem Felltyp des Tieres gefragt werden.
-
Wenn Sie einen Schulungstermin anfragen, zeigen Sie Felder an, in denen Sie nach Verhaltensproblemen gefragt werden.
Verwenden Sie versteckte Felder, um zusätzliche Informationen über den Absender des Formulars zu sammeln, z. B. Tracking-Daten, Kampagnenkennungen und CRM-Routing-Werte. Versteckte Felder sind für den Besucher der Website nicht sichtbar und müssen nicht manuell ausgefüllt werden, sind aber in der Formularübermittlung enthalten
Verfügbare versteckte Felder:
-
Automatisch gesammelte Metadaten. Zeichnet Metadaten auf, die Ihre Website bereits verfolgt.
-
URL-Parameter. Zeichnet Werte aus der URL auf, mit der der Besucher angekommen ist, z. B. eine Anzeigenkampagnen-ID.
-
Statischer Wert. Zeichnet einen festen Wert pro Formular auf.
-
Dynamische Datenbindung. Zeichnet Werte von der aktuellen Seite auf, auf der sich das Formular befindet. Dies kann hilfreich sein, wenn sich das Formular auf einer dynamischen Seite befindet, z. B. eine Shop-Produktseite.
-
Benutzerdefiniert (JS). Zeichnet einen benutzerdefinierten Wert auf.
Um ein ausgeblendetes Feld hinzuzufügen:
-
Klicken Sie auf das Formular „Erweitert“, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Einstellungen.
-
In der Formular verwalten Popup, klicken Sie Versteckte Felder.
-
Klicken Sie + Neue Wertquelle, und wählen Sie eine der folgenden Optionen aus:
-
Automatisch gesammelte Metadaten
-
URL-Parameter
-
Statischer Wert
-
Dynamische Datenbindung
-
Benutzerdefiniert (JS)
-
-
Abhängig von der ausgewählten Quelle verwenden Sie entweder die Wert Drop-down-Menü oder Wert Textfeld zur Eingabe eines Werts.
Klicken Sie für Benutzerdefiniert (JS) auf Öffnen Sie den Entwicklungsmodus. Überprüfen und bearbeiten Sie den hinzugefügten Code und klicken Sie dann auf Speichern.
-
Geben Sie a ein Namen anzeigen. Der Anzeigename wird in der Tabelle zum Senden des Formulars als Spaltenname für die Daten angezeigt.
-
Klicken Sie Speichern.
In den Übermittlungseinstellungen des Formulars fügen Sie einen Formularnamen hinzu, konfigurieren E-Mails, die an den Eigentümer und Besucher der Website gesendet werden, die das Formular gesendet haben, und leiten die Besucher der Website optional nach dem Absenden des Formulars auf eine bestimmte Seite oder externe Website weiter.
[en] To configure submission settings:
-
[en] Select the advanced form (see Select an Advanced Form), then in the floating bar, click Settings.
-
[en] On the Settings tab of the Manage form dialog, type a Form name. This name is only visible internally. Give each form a different name so it's easy to tell forms apart when viewing form responses.
-
[en] Expand Email Notification to Site Owner to set up the email sent when someone submits the form:
-
[en] Sent from. Type a name. By default, this field displays your business name or site domain.
-
[en] Email subject. Enter a subject line.
-
[en] Notify by email to. Enter the email addresses that receive form submissions. To add more than one, press Space or Enter after each address.
-
[en] Use email in the Content Library. Check this box to send form submissions to the email listed in the content library.
-
-
[en] (Optional) To send site visitors an email copy of their responses, expand Email Notification to Site Visitor:
-
[en] Auto-reply to form submitter. Turn on this toggle to send the email as soon as the visitor submits the form.
-
[en] Sent from, Email subject, and Email message. Set up the email the visitor receives.
-
-
[en] (Optional) To send visitors to another page after they submit, expand After Submission Settings, click Redirect to a page after submission, and select a site page or external URL. Visitors are redirected instead of seeing the success message.
Sie können Formularübermittlungen im Editor oder im Projekt-Dashboard anzeigen, Formularantworten können jedoch nur vom Projekt-Dashboard heruntergeladen werden.
Redakteur
Um Formularübermittlungen im Editor anzuzeigen, klicken Sie auf Mehr im Seitenbereich und wählen Sie dann Einstellungen. Klicken Sie auf Antworten auf Formulare verwalten Registerkarte.
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. In der Überblick über das Projekt Abschnitt, klicken Sie Antworten auf das Formular. Wenn Sie die Antworten auf das Formular herunterladen müssen, klicken Sie auf Als CSV exportieren.
Das Advanced Forms-Widget bietet derzeit Integrationen mit Zapier, Google, MailChimp, HubSpot, Albato und ActiveCampaign.
[en] To view available integrations, select the advanced form (see Select an Advanced Form), then in the floating bar, click Settings. Click the Integrations tab, then click the integration you want and follow the on-screen prompts.
Anmerkung
Benutzer müssen Kostenlose App-Verwaltung Erlaubnis, Integrationen hinzuzufügen. Wenn ein Benutzer nicht über die Berechtigung verfügt, ist der Integrationsbereich leer
Das Widget „Erweiterte Formulare“ bietet eine größere Designflexibilität und Anpassungsoptionen, während das Widget „Kontaktformular“ ein einfacheres Design und weniger Anpassungsoptionen bietet.
Es folgt ein Vergleich größerer Funktionen:
|
Merkmal |
Kontaktformular-Widget |
Widget „Erweiterte Formulare“ |
|---|---|---|
|
Widgets hinzufügen und anordnen |
Nein |
Ja Sie können beliebige Widgets und Flex-Elemente zum Advanced Form-Container hinzufügen. |
|
Einzigartige Widget-Felder |
Nein |
Ja Jedes Feld im erweiterten Formular ist ein separates Widget, mit dem Sie jedes Feld individuell gestalten können. |
|
Benutzerdefinierte Erfolgs- und Fehlermeldungen |
Nein |
Ja Schreiben und gestalten Sie benutzerdefinierte Erfolgs- und Fehlermeldungen für Formularübermittlungen. |
|
Mehrstufiges Formular |
Nein |
Ja |
|
Bedingte Logik |
Nein |
Ja |
|
Integrationen |
Ja |
|
|
Verfügbare Formularfelder |
Text, Dropdown, Optionsfeld, Checkboxen, Dateianhang, Datum, Uhrzeit, Langtext, Click-to-E-Mail, Telefonnummer, Opt-In, Nummer und Freitext. |
Optionsfeld, E-Mail, Kurztext, Langtext, Opt-In, Nummer, Telefonnummer, Checkbox, Datum, Datei-Upload, Uhrzeit und Dropdown. |
[en] To set up the Contact Form widget, see Widgets: Contact Forms.
So bearbeiten Sie Formularnachrichten:
-
Klicken Sie auf das Widget „Erweiterte Formulare“, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Schritte.
-
Klicken Sie entweder Erfolgreich oder Fehler. Auf der Arbeitsfläche zeigt das Widget jetzt den Standardtext für die Erfolgs- oder Fehlermeldung anstelle der Schritte oder Felder des Formulars an.
-
Klicken Sie auf das Text-Widget, das die Fehler- oder Erfolgsmeldung enthält, und bearbeiten Sie den Text und das Design wie gewünscht. In dieser Ansicht können Sie auch zusätzliche Widgets oder innere Spalten hinzufügen.
So sendest du Seitenbesuchern 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 die E-Mail-Benachrichtigung an den Besucher der Website Abschnitt.
-
Aktiviere den Schalter neben Automatische Antwort an den Absender des Formulars. Konfigurieren Sie dann die Felder Gesendet von, E-Mail-Betreffzeile und E-Mail-Nachricht.
[en] Yes. Add the recipient's email address in the form's settings.
[en] To send an email when a visitor submits a form:
-
[en] Select the advanced form (see Select an Advanced Form), then in the floating bar, click Settings.
-
[en] On the Settings tab, expand Email Notification to Site Owner.
-
[en] In Notify by email to, enter the email addresses that should receive form submissions. To add more than one, press Space or Enter after each address. Or, check Use email in the Content Library to send form submissions to the email listed in the content library.
Um einen Schritt oder ein Feld in Ihrem erweiterten Formular erforderlich zu machen:
-
Klicken Sie auf das gewünschte Feld, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Inhalt.
-
Aktiviere die Erforderliches Feld umschalten.
Um einen Feldtitel auszublenden:
-
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 Eingabefeldes. Das Auge wird durchgestrichen, wenn der Feldtitel ausgeblendet ist.