Snippet

Przekierowanie użytkowników na konkretną stronę po przesłaniu formularza w WordPressie

Jak przekierować po przesłaniu formularza w WordPressiePrzekierowanie formularza WordPress na inną stronęPrzekierowanie użytkowników po przesłaniu formularza w WordPressiePrzekierowanie w WordPressie po przesłaniu formularzaPrzekierowanie na konkretną stronę po przesłaniu formularza w WordPressieWtyczka do przekierowania formularza w WordPressieJak skonfigurować przekierowanie po przesłaniu formularza w WordPressieSamouczek dotyczący przekierowania po przesłaniu formularza w WordPressieNajlepsza wtyczka do przekierowania po przesłaniu formularza w WordPressiePrzekierowanie formularza WordPress do URL

Objaśnienie

Oto jak możesz przekierować użytkowników na konkretną stronę po przesłaniu formularza na swojej stronie WordPress.

Obsługa przesyłania formularza:

  • Kod sprawdza, czy formularz został przesłany za pomocą specjalnej nazwy przycisku.
  • Używa zabezpieczenia o nazwie "nonce", aby upewnić się, że przesłanie formularza jest bezpieczne.
  • Po przetworzeniu danych formularza (takich jak oczyszczenie tekstu) przekierowuje użytkowników na stronę, którą wybierzesz.
  • Zmień '/thank-you/' na stronę, którą chcesz, aby użytkownicy zobaczyli po przesłaniu formularza.

Wyświetlanie formularza:

  • Formularz jest tworzony z prostym polem tekstowym i przyciskiem przesyłania.
  • Pole nonce jest dołączone dla bezpieczeństwa.

Używanie formularza:

  • Dostępny jest shortcode, który umożliwia łatwe dodanie formularza do dowolnej strony lub wpisu. Użyj po prostu [wp_dudecom_form] w miejscu, gdzie chcesz, aby formularz się pojawił.

Ta konfiguracja zapewnia, że po wypełnieniu i przesłaniu formularza użytkownicy są płynnie przekierowywani na stronę, którą wybierzesz, na przykład stronę "Dziękujemy". Pamiętaj tylko, aby zaktualizować URL, aby odpowiadał twojemu pożądanemu miejscu docelowego!

Kod

1<?php 2// Function to handle form submission and redirect 3function wp_dudecom_handle_form_submission() { 4 // Check if the form is submitted 5 if ( isset( $_POST['wp_dudecom_form_submit'] ) ) { 6 7 // Verify nonce for security 8 if ( ! isset( $_POST['wp_dudecom_form_nonce'] ) || ! wp_verify_nonce( $_POST['wp_dudecom_form_nonce'], 'wp_dudecom_form_action' ) ) { 9 wp_die( 'Nonce verification failed!' ); 10 } 11 12 // Process form data here 13 // Example: $form_data = sanitize_text_field( $_POST['form_field_name'] ); 14 15 // Redirect to a specific page after form submission 16 $redirect_url = home_url( '/thank-you/' ); // Change '/thank-you/' to your desired page slug 17 wp_safe_redirect( $redirect_url ); 18 exit; 19 } 20} 21add_action( 'init', 'wp_dudecom_handle_form_submission' ); 22 23// Function to display the form 24function wp_dudecom_display_form() { 25 ?> 26 <form method="post" action=""> 27 <?php wp_nonce_field( 'wp_dudecom_form_action', 'wp_dudecom_form_nonce' ); ?> 28 <!-- Add your form fields here --> 29 <input type="text" name="form_field_name" required /> 30 <input type="submit" name="wp_dudecom_form_submit" value="Submit" /> 31 </form> 32 <?php 33} 34 35// Shortcode to display the form 36function wp_dudecom_form_shortcode() { 37 ob_start(); 38 wp_dudecom_display_form(); 39 return ob_get_clean(); 40} 41add_shortcode( 'wp_dudecom_form', 'wp_dudecom_form_shortcode' ); 42?>

Instrukcja

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki.

Wymagania wstępne:

  • Upewnij się, że masz dostęp do plików motywu WordPress lub własnej wtyczki.
  • Podstawowa znajomość shortcode'ów WordPress i slugów stron.

Kroki wdrożenia:

  1. Otwórz panel administracyjny WordPress.
  2. Przejdź do Wygląd > Edytor motywu, jeśli używasz functions.php, lub do Wtyczki > Edytor, jeśli korzystasz z własnej wtyczki.
  3. Znajdź plik functions.php lub plik swojej własnej wtyczki.
  4. Skopiuj i wklej podany kod do pliku.
  5. Zmodyfikuj zmienną $redirect_url, aby wskazywała na pożądany slug strony, np. '/thank-you/'.
  6. Zapisz zmiany w pliku.
  7. Aby wyświetlić formularz na stronie lub w poście, użyj shortcode'u [wp_dudecom_form] w edytorze treści, w miejscu, gdzie chcesz, aby formularz się pojawił.
  8. Przetestuj formularz, wysyłając go, i upewnij się, że przekierowuje na wskazaną stronę.

Ten przewodnik pomoże Ci skonfigurować formularz, który przekierowuje użytkowników na określoną stronę po wysłaniu, poprawiając doświadczenia użytkowników, prowadząc ich do strony "Dziękujemy" lub innej wybranej przez Ciebie strony.

Potrzebujesz pomocy przy wdrożeniu lub zaawansowanej funkcjonalności? Odwiedź wp-dude.com po profesjonalne usługi WordPress.