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.
-
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
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.
Einen schnellen Überblick und eine Demo des Advanced Forms widget finden Sie im folgenden Video:
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 separaten Seite erfolgt.
Um Schritte hinzuzufügen:
-
Klicken Sie auf das widget „Erweitertes Formular“, 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.
Um bedingte Logik hinzuzufügen:
-
Klicken Sie auf das widget „Erweitertes Formular“, um das schwebende Menü zu öffnen, und klicken Sie dann auf „Einstellungen“.
-
Klicken Sie im Popup-Fenster „Formular verwalten“ auf die Registerkarte „Logik“ .
-
Klicken Sie auf „+ Regel hinzufügen“.
-
Geben Sie einen Regelnamen ein. Dies ist nur intern sichtbar und wird den Nutzern der Website nicht angezeigt.
-
Verwenden Sie das WENN- Dropdown-Menü, um das Feld und die Bedingung auszuwählen. Fügen Sie gegebenenfalls den Wert der Bedingung hinzu.
-
Verwenden Sie das Dropdown-Menü DANN , um die Aktion auszuwählen, die ausgeführt werden soll, wenn die WENN-Bedingung erfüllt ist.
-
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.
So konfigurieren Sie die Einstellungen für die Formularübermittlung:
-
Klicken Sie auf das widget „Erweiterte Formulare“, um die schwebende Leiste zu öffnen, und klicken Sie dann auf „Einstellungen“.
-
Erweitern Sie im Popup-Fenster „Formular verwalten“ auf der Registerkarte „Einstellungen“ 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“ .
Webseiten-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 Advanced Forms- widget bietet aktuell Integrationen mit Zapier, Google, MailChimp, HubSpot, Albato und ActiveCampaign. Wir arbeiten daran, in Zukunft weitere Integrationen hinzuzufügen.
Um die Integrationen anzuzeigen, klicken Sie auf das widget „Erweitertes Formular“, um das schwebende Menü zu öffnen, und klicken Sie dann auf „Einstellungen“. Klicken Sie auf die Registerkarte „Integration“ , um die verfügbaren Integrationen anzuzeigen. Klicken Sie auf die gewünschte Integration und folgen Sie den Anweisungen auf dem Bildschirm.
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 |
|
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. |
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 das widget „Erweiterte Formulare“, um das schwebende Menü zu öffnen, und klicken Sie dann auf „Schritte“. Klicken Sie für jeden hinzuzufügenden Schritt auf +Schritt hinzufügen . Beachten Sie, dass standardmäßig eine „Zurück“-Schaltfläche hinzugefügt wird, wenn Sie mehr als 2 Schritte haben.
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 dieses Schrittes bleibt das Layout der Originalseite erhalten, was Ihnen Zeit spart, wenn Sie mehrere Seiten erstellen.
So bearbeiten Sie Formularnachrichten:
-
Klicken Sie auf das widget „Erweitertes Formular“, 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 „Erweitertes Formular“, um die schwebende Leiste zu öffnen, und klicken Sie dann auf „Einstellungen“.
-
Erweitern Sie den Abschnitt „E-Mail-Benachrichtigung an 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 widget „Erweitertes Formular“, um die schwebende Leiste zu öffnen, und klicken Sie dann auf „Einstellungen“.
-
Scrollen Sie auf der Registerkarte „Einreichungseinstellungen“ nach unten und erweitern Sie den Abschnitt „E-Mail-Benachrichtigungen an 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.