### [So zeigen Sie die Bestätigung und das Formular nach der Übermittlung erneut an](https://wpforms.com/developers/how-to-display-the-confirmation-and-the-form-again-after-submission/) **Veröffentlicht:** 10. März 2021 **Autor:** Redaktionsteam **Auszug:** In diesem Tutorial zeigen wir Ihnen, wie Sie die Bestätigungsnachricht und das Formular mit einem kleinen PHP-Snippet auf derselben Seite anzeigen können. **Inhalt:** Möchten Sie die Bestätigungsnachricht des Formulars zusammen mit dem Formular selbst nach der Übermittlung anzeigen? Normalerweise haben Sie nach der Übermittlung eines Formulars die Möglichkeit, entweder eine Bestätigungsnachricht anzuzeigen oder zu einer anderen Webseite weiterzuleiten. In diesem Tutorial führen wir Sie jedoch durch den Prozess, beides mit einem einfachen Code-Snippet zu erreichen. ## Erstellen des Formulars Zuerst müssen Sie ein neues Formular erstellen. Für dieses Tutorial haben wir diesen Schritt bereits abgeschlossen. Wenn Sie jedoch Hilfe beim Erstellen eines Formulars mit WPForms benötigen, [lesen Sie bitte diese Dokumentation](https://wpforms.com/docs/creating-first-form/ "Erstellen Ihres ersten Formulars"). Für unser Formular haben wir nur die Formularfelder **Name**, **E-Mail** und **Absatztext** hinzugefügt.  ## AJAX im Formular deaktivieren Stellen Sie als Nächstes sicher, dass die Option **AJAX-Formularübermittlung aktivieren** im Formular deaktiviert ist. Um diese Einstellung zu überprüfen, klicken Sie im Formular-Builder auf die Registerkarte **Einstellungen** und dann auf **Allgemein**.  ## Anzeigen der Bestätigung und des Formulars Als Nächstes müssen Sie ein kleines Code-Snippet zu Ihrer Website hinzufügen, das es ermöglicht, das Formular vor der Bestätigungsnachricht erneut anzuzeigen. Wenn Sie Hilfe beim Hinzufügen von Snippets zu Ihrer Website benötigen, [lesen Sie bitte dieses Tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Hinzufügen von benutzerdefiniertem PHP oder JavaScript für WPForms"). ``` /* * Bestätigungsnachricht und Formular nach erfolgreicher Übermittlung anzeigen. * * @link https://wpforms.com/developers/how-to-display-the-confirmation-and-the-form-again-after-submission/ */ function wpf_dev_frontend_output_success( $form_data, $fields, $entry_id ) { // Optional, Sie können es auf bestimmte Formulare beschränken. Unten beschränken wir die Ausgabe auf Formular Nr. 235. if ( absint( $form_data[ 'id' ] ) !== 235 ) { return; } // Felder auf leer zurücksetzen unset( $_GET[ 'wpforms_return' ], $_POST[ 'wpforms' ][ 'id' ] ); // Kommentar diese Zeile aus, wenn Sie die Formularfeldwerte nach der Übermittlung löschen möchten unset( $_POST[ 'wpforms' ][ 'fields' ] ); // Das Formular tatsächlich rendern. wpforms()->frontend->output( $form_data[ 'id' ] ); } add_action( 'wpforms_frontend_output_success', 'wpf_dev_frontend_output_success', 10, 3 ); ``` Da wir möchten, dass dieses Snippet nur für ein bestimmtes Formular ausgeführt wird, verwenden wir `if ( absint( $form_data[ 'id' ] ) !== 235 )`. Das bedeutet, dass dieses Snippet **nur** ausgeführt wird, wenn die Formular-ID mit **235** übereinstimmt. Wenn Sie Hilfe bei der Identifizierung Ihrer Formular-ID benötigen, [sehen Sie bitte dieses Tutorial](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "Formular-ID und Feld-ID finden") nach. Wenn Sie die Werte in den Formularfeldern nach der Formularübermittlung beibehalten möchten, kommentieren Sie einfach `unset( $_POST[ 'wpforms' ][ 'fields' ] );` aus. Sie können dies tun, indem Sie **zwei Schrägstriche (//)** vor den Code für die nicht gesetzten Felder setzen. Beispiel: `// unset( $_POST[ 'wpforms' ][ 'fields' ] );` Nun sehen Sie, wenn das Formular übermittelt wird, dass Ihre Besucher die Bestätigung und das Formular auf derselben Seite sehen, nachdem das Formular übermittelt wurde!  Das ist alles! Möchten Sie ein Standarddatum für Ihren Datumsselektor festlegen? Sehen Sie sich unser Tutorial [So legen Sie ein Standarddatum für Ihr Datumsselektor-Formularfeld fest](https://wpforms.com/developers/how-to-set-a-default-date-for-your-date-picker-form-field/) an. ## Referenzaktion [wpforms\_frontend\_output\_success](https://wpforms.com/developers/wpforms_frontend_output_success/ "Verwendung der Aktion wpforms_frontend_output_success") ## FAQ #### F: Warum erscheint meine Bestätigungsnachricht unter dem Formular? **A:** Wenn Ihre Bestätigungsnachricht über Ihrem Formular erscheint und Sie möchten, dass sie darunter erscheint, ändern Sie bitte die Priorität dieser Funktion. Um die Priorität einer Funktion zu erklären, werfen wir einen Blick auf das obige Snippet, insbesondere auf die letzte Zeile. ``` add_action( 'wpforms_frontend_output_success', 'wpf_dev_frontend_output_success', 10, 3 ); ``` In diesem Fall ist der Name des Action Hooks (wie von WPForms definiert) **wpforms\_frontend\_output\_success**, der Name unserer Funktion ist **wpf\_dev\_frontend\_output\_success**. Innerhalb dieser Funktion übergeben wir **3** Argumente (**$form\_data, $fields, $entry\_id**) und haben die Standardpriorität auf **10** gesetzt. Da wir möchten, dass die Standardfunktionalität des Formulars zuerst erscheint, in diesem Fall die Bestätigungsnachricht, müssen wir die Priorität ändern, damit die Nachricht zuerst erscheint und die Funktion danach ausgeführt wird. Dazu erhöhen wir die Priorität auf **1000**. Die meisten Funktionen verwenden **10** als Standardprioritätszahl. Wenn Sie also möchten, dass etwas zuerst ausgeführt wird, legen Sie eine Priorität unter **10** fest. Wenn Sie möchten, dass die Funktion danach ausgeführt wird, erhöhen Sie die Priorität auf etwas über **10**. ``` /* * Bestätigungsnachricht und Formular nach erfolgreicher Übermittlung anzeigen. * * @link https://wpforms.com/developers/how-to-display-the-confirmation-and-the-form-again-after-submission/ */ function wpf_dev_frontend_output_success( $form_data, $fields, $entry_id ) { // Optional, Sie können es auf bestimmte Formulare beschränken. Unten beschränken wir die Ausgabe auf Formular Nr. 235. if ( absint( $form_data[ 'id' ] ) !== 235 ) { return; } // Felder auf leer zurücksetzen unset( $_GET[ 'wpforms_return' ], $_POST[ 'wpforms' ][ 'id' ] ); // Kommentar diese Zeile aus, wenn Sie die Formularfeldwerte nach der Übermittlung löschen möchten unset( $_POST[ 'wpforms' ][ 'fields' ] ); // Das Formular tatsächlich rendern. wpforms()->frontend->output( $form_data[ 'id' ] ); } add_action( 'wpforms_frontend_output_success', 'wpf_dev_frontend_output_success', 1000, 3 ); ``` #### F: Warum funktioniert das Snippet bei mir nicht? **A:** Wenn das Snippet nicht funktioniert, stellen Sie bitte sicher, dass Sie die **235** geändert haben, um Ihre eigene Formular-ID auf Ihrer Website anzupassen. [Bitte sehen Sie dieses Tutorial, um Ihre Formular-ID zu finden](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "Formular-ID und Feld-ID finden"). #### F: Warum sehe ich nach der zweiten Übermittlung eine leere Seite? **A:** Wenn Sie eine leere Seite oder einen AJAX-Fehler im Konsolenprotokoll sehen, stellen Sie bitte sicher, dass Sie AJAX wie in den obigen Schritten erwähnt deaktiviert haben. Dieses Snippet funktioniert nur, wenn AJAX im Formular deaktiviert ist.  **Kategorien:** Erweitern **Tags:** PHP ---