Przekieruj na stronę z podziękowaniami po przesłaniu formularza kontaktowego 7
Jeśli korzystasz z wtyczki Contact Form 7, prawdopodobnie wiesz, że gdy użytkownik wypełni formularz kontaktowy i kliknie przycisk Prześlij, nie przekieruje na żadną stronę. Zamiast tego ta wtyczka przetwarza dane użytkownika za pośrednictwem Ajax i utrzymuje użytkownika na tej samej stronie.
Jest to typowy przepływ dla większości formularzy. Ale co, jeśli chcesz, aby użytkownik po przesłaniu Formularza Kontaktowego 7 przekierowywał Cię na stronę z podziękowaniami lub dowolną niestandardową stronę witryny? Jeśli jesteś tym, który go szuka, czytaj dalej.
Dlaczego trzeba przekierowywać na innej stronie?
Do celów analitycznych właściciel witryny zwykle prowadzi stronę sukcesu lub podziękowania w witrynie. Ilu użytkowników jest przekierowywanych na te strony, oblicza współczynnik sukcesu kampanii. Strona z podziękowaniem służy do śledzenia konwersji. Dodatkowo oprócz wyświetlania treści typu „Dziękujemy za zapytanie. Wkrótce skontaktujemy się z Tobą.’, możesz zrobić o wiele więcej rzeczy na tej samej stronie.
W zależności od Twojej witryny możesz zastosować następujące taktyki na stronie z podziękowaniami.
- Wyświetl promocję
- Dodaj linki do najlepszych treści
- Poproś czytelników o wypełnienie ankiety
- Dołącz do swojej społeczności
- Wyświetl referencje
- Poproś ich o udostępnienie Twojej witryny
- Pokaż wideo
- Poproś o opinię
- Poproś ich, aby śledzili Cię w mediach społecznościowych
Oto kilka wskazówek, które możesz zastosować na stronie. Możesz wyświetlić wszystko, co może ci pomóc.
Przekieruj na stronę z podziękowaniami po przesłaniu formularza kontaktowego 7
Mam nadzieję, że jesteś przekonany o znaczeniu strony z podziękowaniami dla Twojej witryny. Następnie zobaczmy, jak wykonać przekierowanie we wtyczce Contact Form 7.
Wtyczka Contact Form 7 udostępnia różne zdarzenia DOM, które można wykorzystać z różnych powodów. W tym samouczku możemy użyć zdarzeń „wpcf7mailsent" lub „wpcf7submit”.
Zdarzenie „wpcf7mailsent” jest uruchamiane, gdy wiadomość e-mail zostanie wysłana podczas przesyłania formularza. Zdarzenie „wpcf7submit” jest kręcone po przesłaniu formularza kontaktowego. Użytkownik może wybrać dowolne zdarzenie w poniższym kodzie JavaScript. Możesz umieścić poniższy kod w footer.php
po wp_footer()
rozmowie.
<script>
document.addEventListener( 'wpcf7mailsent', function( event) {
location = "<?php echo get_bloginfo('url'); ?>/thank-you";
}, false );
</script>
Tutaj zakładam, że Twój ruch na stronie to „dziękuję”. Dostosuj ten ślimak zgodnie ze swoimi stronami.
Śmiało i spróbuj. Po przesłaniu formularza kontaktowego należy przekierować stronę z podziękowaniami. Chciałbym usłyszeć wasze przemyślenia i sugestie w sekcji komentarzy poniżej.
Powiązane artykuły
- Jak zapisać formularz kontaktowy 7 zgłoszeń do bazy danych WordPress
- Jak dodać listę krajów w formularzu kontaktowym 7 Plugin
- Usuń formularz kontaktowy 7 CSS i JS, gdy nie są potrzebne