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 .
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:
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.
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.
So konfigurieren Sie die Übermittlungseinstellungen:
-
Klicken Sie auf das Widget „Erweiterte Formulare“, um die schwebende Leiste zu öffnen, und klicken Sie dann auf Einstellungen.
-
Auf dem Einstellungen Registerkarte des Formular verwalten Erweitern Sie das Dialogfeld, erweitern Sie die verschiedenen Abschnitte und konfigurieren Sie Folgendes:
-
Name des Formulars. 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 Sie bei der Anzeige von Formularantworten leicht zwischen Formularen unterscheiden können.
-
Gesendet von. Geben Sie einen Namen ein. In diesem Feld wird standardmäßig Ihr Firmenname oder Ihre Website-Domain angezeigt.
-
Betreffzeile der E-Mail. Geben Sie eine Betreffzeile ein.
-
Per E-Mail benachrichtigen an. Geben Sie eine E-Mail-Adresse in dieses Feld ein. Wenn Sie mehrere E-Mails eingeben, trennen Sie diese durch ein Leerzeichen oder drücken Sie die Eingabetaste.
-
(Fakultativ) Überprüfe das Verwenden Sie die E-Mail-Adresse der Inhaltsbibliothek Kontrollkästchen, um die Formularübermittlungen an die in der Inhaltsbibliothek aufgeführte E-Mail zu senden.
-
-
(Fakultativ) Aktivieren Sie das Automatische Antwort an den Absender des Formulars Schalten Sie diese Option ein, wenn Sie möchten, dass die Besucher der Website eine Kopie ihrer Antworten per E-Mail erhalten. Die E-Mail wird gesendet, sobald der Besucher der Website das Formular absendet. Wenn diese Option aktiviert ist, müssen Sie die Felder Gesendet von, E-Mail-Betreffzeile und E-Mail-Nachricht konfigurieren
-
(Fakultativ) In der Einstellungen nach dem Absenden Abschnitt, klicken Sie auf Nach dem Absenden auf eine Seite umleiten um die bestehende Seite oder externe URL auszuwählen, zu der die Besucher der Website nach dem Absenden weitergeleitet werden. Wenn diese Option aktiviert ist, wird die Erfolgsmeldung übersprungen
-
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.
Um die verfügbaren Integrationen anzuzeigen, klicken Sie auf das Widget „Erweiterte Formulare“, um das schwebende Menü zu öffnen, und klicken Sie dann auf Einstellungen. Klicken Sie auf Integration Tab, um verfügbare Integrationen anzuzeigen. Klicken Sie auf die gewünschte Integration und folgen Sie den Anweisungen auf dem Bildschirm
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. |
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.
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 senden, 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.
-
Auf dem Einstellungen für die Einreichung Tab, scrolle nach unten und erweitere den E-Mail-Benachrichtigungen an den Eigentümer der Website Abschnitt.
-
Geben Sie eine E-Mail in das Per E-Mail benachrichtigen an: Feld. Wenn Sie mehrere E-Mails eingeben, trennen Sie diese durch ein Leerzeichen oder drücken Sie die Eingabetaste. Oder überprüfen Sie das Verwenden Sie die E-Mail aus der Inhaltsbibliothek Feld, um die Formularübermittlungen an die in der Inhaltsbibliothek aufgeführte E-Mail zu senden.
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.