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?

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”.

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:

• Łatwość obsługi.
• Brak konieczności modyfikowania kodu.

Wady:

• Możliwość obciążenia strony.
• Ograniczone możliwości personalizacji.

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:

• Pełna kontrola nad przekierowaniem.
• Brak obciążenia strony dodatkowymi wtyczkami.

Wady:

• Wymaga umiejętności kodowania.
• Ryzyko problemów przy aktualizacjach motywu.

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.