Szybkie wsparcie: 511 280 732 lub [email protected]
Dominik Krawiec ✅ Ekspert SEO & WordPress

Jak przekierować na stronę podziękowania po wysłaniu formularza Contact Form 7?

Użytkownicy często potrzebują dodać stronę podziękowania po wysłaniu formularza Contact Form 7, aby zwiększyć zaangażowanie odwiedzających. Można to zrobić za pomocą prostych ustawień wtyczki lub własnego kodu JS. Jak dokładnie wykonać takie przekierowanie?

Po co tracisz czas?

Ciągłe wprowadzanie poprawek na swojej stronie to uciążliwe zajęcie.
Z pewnością masz ważniejsze sprawy na głowie.
Zadbam o Twojego WordPressa.

... jeśli koniecznie chcesz zrobić to samodzielnie

Wykonaj poniższe kroki.

  1. Zainstaluj wtyczkę Redirection for Contact Form 7.
  2. W ustawieniach formularza przejdź do zakładki Actions.
  3. Wybierz typ Redirect i ustaw stronę z podziękowaniem.

Metoda 1: Użycie wtyczki Redirection for Contact Form 7

Następną opcją jest użycie wtyczki Redirection for Contact Form 7. Po zainstalowaniu i aktywowaniu tej wtyczki, przejdź do ustawień formularza, gdzie znajdziesz nową zakładkę „Actions”.

dodaj przekierowanie do thank you page

Po wybraniu akcji Redirect, możesz określić, do jakiej strony użytkownik ma zostać przekierowany po wysłaniu formularza. Możesz również dodać czas opóźnienia przed przekierowaniem, co pozwala na wyświetlenie krótkiego komunikatu przed przeniesieniem na stronę podziękowania.

Zaznaczając poszczególne checkboxy, masz możliwość konfiguracji przekierowania, np. dotyczących przekazywanych parametrów w adresie URL. Sekcja „How many seconds to delay” pozwala określić, ile czasu ma minąć od wysłania formularza do przekierowania na stronę z podziękowaniem za kontakt.

Ta metoda pozwala na bardziej zaawansowane opcje, takie jak opóźnienie czy warunkowe przekierowania. Minusem jest konieczność instalowania dodatkowej wtyczki, co może obciążać stronę.

Zalety:

Wady:

Metoda 2: Dodanie kodu JavaScript

Ostatnią zaprezentowaną metodą jest dodanie własnego kodu JavaScript do strony, na której znajduje się formularz. W tym celu przejdź do edycji strony i dodaj poniższy kod w sekcji „Dodatkowy kod HTML” lub w swoim pliku motywu.

document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://twojastrona.pl/dziekuje';
}, false );

Kod ten nasłuchuje na zdarzenie wysłania formularza i przekierowuje użytkownika na stronę podziękowania. Jest to rozwiązanie bardzo elastyczne, pozwalające na dalsze modyfikacje i personalizacje.

Zalety:

Wady:

W porównaniu do wtyczek, ten sposób jest bardziej elastyczny i pozwala na pełną personalizację. Można dostosować kod do specyficznych potrzeb bez dodatkowego obciążenia dla strony, co jest ważne dla dużych witryn z wieloma użytkownikami.

Zadbam o Twoją stronę internetową

Wypełnij poniższy formularz - odezwę się do Ciebie, by porozmawiać o Twojej stronie internetowej.



    Wysyłając wiadomość, akceptujesz politykę prywatności i wyrażasz zgodę na przetwarzanie podanych danych osobowych w celu przygotowania oferty.
    🔒 Twoje dane są bezpieczne.

    Copyright 2024 WooCado - Opieka nad stroną Polityka prywatności