Omdirigera till tack sida efter kontaktformulär 7 inlämning
Om du använder Plugin för kontaktformulär 7 vet du förmodligen att när en användare fyller i ett kontaktformulär och trycker på knappen Skicka kommer de inte att omdirigera till någon sida. Istället bearbetar detta plugin användarens data via Ajax och håller användaren på samma sida.
Detta är ett vanligt flöde för de flesta former. Men tänk om du vill att användaren ska omdirigera till tacksidan eller någon anpassad sida på en webbplats efter kontaktformulär 7? Om du är den som letar efter det, fortsätt läsa.
Varför behöver du omdirigera till en annan sida?
För analysändamålet håller webbplatsägaren normalt en framgångs- eller tacksida på webbplatsen. Hur många användare som omdirigeras till dessa sidor beräknar kampanjens framgångsgrad. Tacksidan används för att spåra dina omvandlingar. Dessutom förutom att visa innehåll som ‘Tack för din förfrågan. Vi kommer snart tillbaka till dig. ‘, Du kan göra mycket fler saker på samma sida.
Beroende på din webbplats skulle du göra följande taktik på tack-sidan.
- Visa en kampanj
- Lägg till länkar till ditt bästa innehåll
- Be läsarna göra en undersökning
- Delta i din gemenskap
- Visa vittnesmål
- Be dem dela din webbplats
- Visa en video
- Be om feedback
- Be dem följa dig på sociala medier
Det här är några tips du kan använda på sidan. Du kan visa allt som kan hjälpa dig.
Omdirigera till tack-sidan efter kontaktformulär 7
Jag hoppas att du är övertygad om vikten av tack-sidan för din webbplats. Låt oss sedan se hur man gör omdirigering i Plugin för kontaktformulär 7.
Kontaktformulär 7-plugin-programmet ger olika DOM-händelser som kan användas av olika skäl. För denna handledning kan vi använda antingen ‘wpcf7mailsent’ eller ‘wpcf7submit’ händelser.
Händelsen ‘wpcf7mailsent’ utlöses när e-post skickas vid inlämning av formulär. En "wpcf7submit" -händelse skjuts när ett kontaktformulär skickas in. Användaren kan välja vilken händelse som helst i följande JavaScript-kod. Du kan placera under koden i footer.php
efter ett wp_footer()
samtal.
<script>
document.addEventListener( 'wpcf7mailsent', function( event) {
location = "<?php echo get_bloginfo('url'); ?>/thank-you";
}, false );
</script>
Här antar jag att din sidugn är "tack". Justera den här snigeln enligt dina sidor.
Fortsätt och prova. Du bör omdirigera på din tack-sida efter att kontaktformuläret har skickats. Jag skulle vilja höra dina tankar och förslag i kommentarsektionen nedan.
relaterade artiklar
- Så här sparar du kontaktformulär 7-bidrag till WordPress-databas
- Så här lägger du till landslista i kontaktformulär 7 Plugin
- Ta bort kontaktformulär 7 CSS och JS när det inte behövs