Aktivieren der Eintragsvorschau

Möchten Sie Nutzern eine Vorschau ihrer Einträge zeigen, bevor oder nachdem sie Ihr Formular abschicken? Mit unserem Feld Eintragsvorschau können Sie ganz einfach eine Vorschauseite zu jedem Formular auf Ihrer Website hinzufügen. Und mit unseren Einstellungen für Formularbestätigungen können Sie auch in Ihren Bestätigungen eine Vorschau der Einträge anzeigen.

Dieser Leitfaden zeigt Ihnen, wie Sie das Feld "Eintragsvorschau" und die Einstellung "Bestätigungen" in WPForms verwenden können.

Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular auszufüllen.
Schritt 1 von 2

Probieren Sie diese Formular-Demo aus!

Name

Bevor Sie mit dem folgenden Tutorial beginnen, stellen Sie sicher, dass WPForms auf Ihrer WordPress-Website installiert und aktiviert ist. Dann können Sie ein neues Formular erstellen oder ein bestehendes bearbeiten, um den Formular-Builder zu öffnen und auf das Feld Eingabevorschau zuzugreifen.

Hinzufügen eines Eingabevorschaufeldes zu Ihrem Formular

Zunächst müssen Sie Ihrem Formular ein Feld für die Eingabevorschau hinzufügen. Dieses Feld ist nur mit einer kostenpflichtigen Lizenz verfügbar. Sie finden es unter "Ausgefallene Felder" in der Formularerstellung.

Das Feld Eintragsvorschau in der Formularerstellung

Klicken Sie auf Eintragsvorschau oder ziehen Sie den Eintrag per Drag & Drop in den Vorschaubereich, um ihn Ihrem Formular hinzuzufügen.

Wenn Sie ein Feld für die Eingabevorschau zu Ihrem Formular hinzufügen, wird auch automatisch ein Feld für den Seitenumbruch hinzugefügt und Ihr Formular in mehrere Seiten aufgeteilt.

Das Feld Eintragsvorschau mit Seitenumbruch im Vorschaubereich des Formularerstellers

Hinweis: Einzelheiten zu den Optionen, die für Seitenumbrüche in WPForms zur Verfügung stehen, finden Sie in unserem Tutorial über mehrseitige Formulare.

Das Feld Eintragsvorschau erfordert ein mehrseitiges Formular, damit es funktioniert, und Sie können das Feld Seitenumbruch, das es Ihrem Formular hinzufügt, nur entfernen, wenn Sie zuerst das Feld Eintragsvorschau entfernen.

In den meisten Fällen empfiehlt es sich, die Eingabevorschau am Ende des Formulars zu platzieren, damit die Benutzer die Vorschau erst sehen, wenn sie alle Felder ausgefüllt haben.

Hinweis: Obwohl Sie Ihrem Formular nach dem Feld Eintragsvorschau weitere Felder hinzufügen können, werden nur die Daten der vorangegangenen Formularseiten angezeigt.

Wenn Sie z. B. ein Eingabevorschau-Feld auf der zweiten Seite eines dreiseitigen Formulars platzieren, werden nur die Eingaben und Auswahlen des Benutzers aus den Feldern auf der ersten Seite des Formulars angezeigt.

Anpassen des Eingabevorschaufelds

Klicken Sie anschließend auf das Feld Eintragsvorschau im Vorschaubereich des Formularerstellers, um die Feldoptionen zu öffnen.

Hier können Sie mit dem Umschalter Vorschauhinweis anzeigen eine zusätzliche Meldung vor der Eintragsvorschau ein- oder ausblenden.

Aktivieren des Feldes Eintragsvorschau Hinweis

Sie können auch den Hinweis anpassen, der über der Eintragsvorschau erscheint, wenn dieses Formular auf Ihrer Website veröffentlicht wird.

Bearbeiten des Vorschaubescheids für ein Eintragsvorschaufeld

In dieses Feld können sowohl Text als auch HTML-Tags eingegeben werden.

Auswahl eines Eintragsvorschau-Stils

Auf der Registerkarte Erweiterte Feldoptionen können Sie aus 4 verschiedenen Stilen für die Eingabevorschau Ihres Formulars wählen: Basis, Kompakt, Tabelle oder Tabelle, kompakt.

Auswählen eines Eintragsvorschau-Stils

Alle diese Optionen zeigen die gleichen Informationen, nur in unterschiedlichen Layouts.

Der grundlegende Stil der Eintragsvorschau

Bei der einfachen Eingabevorschau handelt es sich um eine einfache Liste von Feldbezeichnungen, gefolgt von den Eingaben oder Auswahlen des Benutzers. Hier sehen Sie ein Beispiel dafür, wie dieser Stil auf dem Frontend erscheint.

Die Eingabevorschau Grundlegendes Layout

Der kompakte Eintrag Vorschau Stil

Der Stil Compact verwendet Text wie der Stil Basic, platziert aber die Feldbeschriftungen und die Benutzereingaben in separaten Spalten, so dass sie weniger Platz auf der Seite einnehmen.

Die Einstiegsvorschau Kompaktstil

Hinweis: Möchten Sie weitere Möglichkeiten kennenlernen, um Ihre Formulare zu verdichten? Sehen Sie sich unser Tutorial über mehrspaltige Layouts an.

Der Tabelleneintrag Vorschau Stil

Der Stil Tabelle zeigt Einträge in einer Tabelle mit schattierten Zeilen an, um die Feldbezeichnungen von den Benutzereingaben zu unterscheiden.

Der Stil der Eintragsvorschau-Tabelle

Die Tabelle, kompakter Eintrag Vorschau Stil

Der Stil Tabelle, kompakt schließlich platziert Einträge in einer Tabelle mit separaten Spalten für die Feldbezeichnungen und die Benutzereingaben.

Die Eintragsvorschau-Tabelle, kompakter Stil

Hinzufügen von benutzerdefiniertem CSS zu einem Eingabevorschaufeld

Sie können auch benutzerdefinierte CSS-Klassen im Feld CSS-Klassen in den erweiterten Feldoptionen hinzufügen.

Die erweiterten Feldoptionen der Eintragsvorschau

Hinweis: Möchten Sie mehr über die Verwendung benutzerdefinierter CSS-Klassen in WPForms erfahren? In unserem Leitfaden zum Hinzufügen von benutzerdefiniertem CSS zu Ihren Formularen finden Sie weitere Informationen.

Einrichten von Eingabevorschau-Bestätigungen

Sie können Eintragsvorschaubestätigungen anstelle des Feldes Eintragsvorschau oder zusätzlich zu diesem Feld verwenden.

Das Feld Eintragsvorschau ermöglicht es den Nutzern, zurückzugehen und ihre Eingaben oder Auswahlen zu ändern. Dies kann nützlich sein, wenn Sie den Besuchern die Möglichkeit geben wollen, Fehler in ihren Eingaben zu korrigieren, bevor sie Ihr Formular abschicken.

Es gibt jedoch einige Situationen, in denen Sie den Benutzern eine Vorschau ihrer Eingaben ermöglichen möchten, ohne ihnen die Möglichkeit zu geben, ihre Eingaben oder Auswahlen zu ändern. In diesen Fällen können Sie stattdessen eine Eingabevorschau-Bestätigung verwenden.

Gehen Sie dazu in der Formularerstellung zu Einstellungen " Bestätigungen. Für jede Bestätigung, die Sie erstellt haben, können Sie die Option Eintragsvorschau nach Bestätigungsnachricht anzeigen einschalten.

Aktivieren der Bestätigung der Eingabevorschau

Hinweis: Benötigen Sie Hilfe beim Einrichten Ihrer Formularbestätigungen? Unsere Tutorials zu WPForms Bestätigungseinstellungen und zur Erstellung bedingter Formularbestätigungen enthalten alle Details.

Sobald diese Einstellung aktiviert ist, erscheint ein Dropdown-Menü, in dem Sie auswählen können, welchen Stil der Eintragsvorschau Sie für diese Bestätigung verwenden möchten.

Auswählen des Bestätigungsstils für die Eingabevorschau

Stellen Sie sicher, dass Sie Ihre Änderungen speichern, bevor Sie den Form Builder verlassen. Auf dem Frontend könnte Ihre Eintragsvorschau-Bestätigung etwa so aussehen.

Ein Beispiel für eine Eintragsvorschau-Bestätigung

Das war's! Jetzt können Sie den Benutzern eine Vorschau ihrer Eingaben ermöglichen, bevor oder nachdem sie Ihre Formulare abschicken.

Möchten Sie als Nächstes erfahren, wie Sie die Einträge der Benutzer verwalten können? In unserem vollständigen Leitfaden zu Einträgen in WPForms finden Sie alle Details.

Das beste WordPress Drag and Drop Form Builder Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzer, die WPForms vertrauen.

Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular auszufüllen.