CF7 Come reindirizzare a pagine diverse dopo l’invio del form

indirizzamento a pagine diverse

Può succedere che si voglia indirizzare l’utente a pagine diverse a seconda delle scelte effettuate. Prendiamo in esempio i sistemi di pagamento di una quota associativa. Spesso sono diversi: Stripe, Paypal, Bonifico Bancario, Bollettino Postale, Contanti, ecc…
Oppure rimandare a pagine contenenti informazioni, far scaricare un .pdf, far compilare un altro modulo. Insomma… in tutti quei casi che non basta indirizzare solo a una “tank you page” ma  esiste la necessità di rimandare a una pagina dedicata e non generica.

Come si fa?

Basta aggiungere questo semplice script in fondo al modulo di Contact Form 7

<script>
document.addEventListener( 'wpcf7submit', function( event ) {
    var inputs = event.detail.inputs;
    for ( var i = 0; i < inputs.length; i++ ) {
        if ( 'pagamento' == inputs[i].name ) {
            $pagamento = inputs[i].value;
        }
}
if($pagamento == "Uno") {document.location.href="https://www.tapulli.it/page-1/";}
if($pagamento == "Due") {document.location.href="https://www.tapulli.it/page-2/";}
if($pagamento == "Tre") {document.location.href="https://www.tapulli.it/page-3/";}
}, false );
</script>

Come funziona?

Creiamo il nostro form con tutti i dati che ci interessano (nome, mail, indirizzo ecc), aggiungiamo un menu a discesa (o un check box) con le opzioni da far scegliere, il tasto invia (qui puoi scoprire come nasconderlo)  e aggiungiamo lo script qui sopra nella parte bassa del modulo.

Nome
[text* your-name] 
Mail
[email* your-email] </label>
Scegli il metodo di Pagamento
[select* pagamento "Uno" "Due" "Tre"]
[submit "Invia"]

Una volta fatto questo modifichiamo l’URL a seconda delle nostre esigenze e salviamo. Quando l’utente invia il modulo viene indirizzato nella pagina dedicata a seconda della scelta che ha effettuato nel menu a discesa.

 

 

Lascia un commento

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Su di me

Genovese di origine, trasferito in Riviera, da sempre appassionato di tecnologia comincio nel 2003 a smanettare su internet per poi fare della passione un lavoro.

Articoli recenti

tapulli checkout field

Tapulli Checkout Field

Per un progetto un po’ particolare mi serviva un semplice sistema per nascondere alcuni campi di checkout di Woocommerce. Niente di particolare, ma per Woocommerce

Leggi Tutto »