Reindirizzamento WooCommerce dopo il checkout: reindirizza alla pagina di ringraziamento personalizzata

Vuoi creare un reindirizzamento WooCommerce personalizzato dopo il checkout che porti i tuoi clienti a una bellissima pagina di destinazione? I reindirizzamenti WooCommerce più comuni sono dopo il pagamento o il checkout. Per impostazione predefinita, il cliente viene reindirizzato alla pagina predefinita "Grazie" di WooCommerce.

Se stai cercando la soluzione migliore per creare il reindirizzamento WooCommerce dopo il checkout; questo post ti guiderà su come implementare il reindirizzamento utente di WooCommerce dopo il checkout a una pagina di ringraziamento personalizzata.

Questa può essere una buona soluzione per l'utente di essere reindirizzato a una pagina in cui può usufruire del servizio post-vendita o dell'assistenza clienti dopo il completamento del pagamento.

Reindirizzamento WooCommerce dopo il checkout: come creare un reindirizzamento passo dopo passo

Il modo ideale per creare un reindirizzamento WooCommerce dopo il checkout è comprendere i passaggi coinvolti nel processo di checkout dalla pagina del carrello a quando il cliente effettua un pagamento. I passaggi possono essere delineati come segue:

1. Il cliente effettua l'ordine dopo aver cliccato su procedi al checkout dalla pagina del carrello WooCommerce
2. Il cliente controlla il contenuto del carrello e seleziona il metodo di pagamento
3. Il cliente procede con l'ordine facendo clic sul pulsante Effettua ordine .
4. Se il pagamento va a buon fine il cliente viene reindirizzato alla pagina di ringraziamento

Per creare il reindirizzamento WooCommerce dopo il checkout è necessario intercettare il reindirizzamento WooCommerce predefinito dopo il checkout utilizzando un filtro azione come vedrai nello snippet che condividerò nella prossima sezione.

Creazione di reindirizzamenti WooCommerce

In precedenza, ho scritto come reindirizzare gli utenti di WooCommerce dopo la registrazione in base al ruolo dell'utente e come creare il reindirizzamento di WooCommerce dopo il logout . Se non hai letto questi due post, potrebbe essere una buona idea leggerlo prima in modo da comprendere l'idea generale dei reindirizzamenti di WooCommerce.

Eventualmente, desideri che l'utente arrivi a una pagina personalizzata dopo aver effettuato l'ordine in cui puoi gestire il servizio e il supporto post-vendita.

Reindirizzamento WooCommerce dopo i passaggi di pagamento

Diamo un'occhiata a come implementare una soluzione rapida che reindirizza gli utenti al termine del checkout. Ho due soluzioni perfette per il reindirizzamento WooCommerce dopo il checkout.

Puoi utilizzare lo snippet di codice che condividerò in questo tutorial oppure puoi implementare il reindirizzamento basato utilizzando il plug-in che ho creato appositamente per risolvere questo problema.

Se non vuoi modificare il file functions.php o aggiungere snippet e preferisci usare un plugin, ho creato un plugin per questo reindirizzamento e puoi trovarlo qui.

Reindirizzamento WooCommerce dopo lo snippet di codice di pagamento

Questo frammento di codice WooCommerce condiviso di seguito può essere aggiunto al file functions.php per creare un reindirizzamento a una pagina personalizzata dopo che l'utente ha completato un pagamento.

Affinché questo snippet sia efficace è necessario aggiungerlo al tema figlio attivo functions.php e modificare l'URL nelle funzioni wp_redirect() alla pagina personalizzata in cui si desidera reindirizzare gli utenti.

Questo è un utile snippet di reindirizzamento di WooCommerce che viene spesso utilizzato dai proprietari di negozi che vogliono mostrare prodotti di up-sell nella pagina di ringraziamento o che vogliono mostrare ai clienti una pagina di benvenuto personalizzata dopo il completamento del checkout.

Questa può essere un'ottima soluzione per un sito di abbonamento WooCommerce e può essere un buon posto per aiutare gli utenti a iniziare il processo di iscrizione.

 
add_action( 'woocommerce_thankyou', 'njengah_woocommerce_redirect_after_checkout');

function njengah_woocommerce_redirect_after_checkout( $order_id ){

    $order = wc_get_order( $order_id );

    $url = 'https://example.com/custom-url';

    if ( ! $order->has_status( 'failed' ) ) {

        wp_safe_redirect( $url );

        exit;

    }

}

Reindirizzamento personalizzato WooCommerce dopo l'ordine

Puoi creare il reindirizzamento WooCommerce dopo il checkout in base a diverse condizioni prima di esaminare come creare il reindirizzamento WooCommerce generale dopo il checkout, fammi tabulare i modi più comuni per creare i reindirizzamenti WooCommerce dopo il checkout:

Per reindirizzare l'utente dopo che l'ordine è stato effettuato, è necessario utilizzare il modello di reindirizzamento hook e una funzione di richiamata con l'URL di reindirizzamento. In un breve riassunto ecco i dettagli passo dopo passo :

• #1) Innanzitutto è buona norma verificare se l'utente si trova nella pagina di pagamento, nella pagina dell'ordine o nella pagina dell'ordine ricevuto prima di creare il reindirizzamento personalizzato dopo il pagamento.
• #2) Per reindirizzare automaticamente i tuoi clienti a una pagina personalizzata dopo che l'ordine è stato effettuato, dobbiamo utilizzare la funzione template_redirect() .
• #3) Aggiungi ad esempio l'hook dell'azione template_redirect -? add_action('template_redirect', 'your_callback_function');
• #4) Crea la funzione di richiamata a cui hai fatto riferimento nell'hook di reindirizzamento del modello sopra e il nome deve corrispondere al nome utilizzato nell'hook.
• #5) Nella funzione di callback usa la funzione wp_redirect() per aggiungere la pagina dove vuoi che l'utente venga reindirizzato dopo il checkout riuscito. Aggiungi sempre un'uscita dopo la funzione wp_redirect per evitare problemi di reindirizzamento.
• #6) Questo codice viene aggiunto al tuo file functions.php nel tema . Individua quel file e aprilo nell'editor per aggiungere questo hook di azione per il reindirizzamento WooCommerce dopo il checkout.
• #7) Salva le modifiche o aggiorna il tuo functions.php del tema o il file del plugin e creerai correttamente il reindirizzamento alla pagina preferita dopo il checkout di WooCommerce.

Hook per l'azione di reindirizzamento WooCommerce

Innanzitutto, creiamo un hook di azione con il reindirizzamento del modello e una funzione di callback come mostrato di seguito:

 add_action( 'template_redirect', 'woocommerce_redirect_after_checkout');

Questo codice registra l'hook di reindirizzamento del modello che implementa la funzione di callback che utilizzeremo per indirizzare l'azione "ordine effettuato". Fondamentalmente, questo dice a WordPress che ogni volta che viene effettuato un ordine viene avviata l'azione di reindirizzamento.

WooCommerce Reindirizza la funzione di richiamata

Ora creiamo la funzione di callback che ha il codice che viene eseguito nel reindirizzamento. Di seguito è riportato il codice per la funzione di callback:

 funzione woocommerce_redirect_after_checkout() {
globale $wp;

if ( is_checkout() && ! empty( $wp->query_vars['order-received'] ) ) {

$redirect_url = 'https://yoursite/url-to-redirect-after-checkout';

wp_redirect($redirect_url);

Uscita;
}
}

In questa funzione di callback, utilizziamo l' oggetto globale $wp per accedere al metodo di post query per scoprire se l'ordine è stato effettuato e se il luogo è stato reindirizzato all'URL di reindirizzamento predefinito.

Questo codice dovrebbe essere aggiunto al file functions.php e il codice completo dovrebbe essere il seguente:

 add_action( 'template_redirect', 'woocommerce_redirect_after_checkout');

funzione woocommerce_redirect_after_checkout() {
globale $wp;

if ( is_checkout() && ! empty( $wp->query_vars['order-received'] ) ) {

$redirect_url = 'https://yoursite/url-to-redirect-after-checkout';

wp_redirect($redirect_url);

Uscita;
}

}

Dopo aver aggiunto questo codice al file functions.php nel tuo tema; prova con un prodotto per assicurarti che il reindirizzamento avvenga correttamente dopo aver fatto clic sul pulsante effettua l'ordine come mostrato di seguito:

Quando si fa clic sull'ordine invece di reindirizzare alla pagina di ringraziamento predefinita con i dettagli dell'ordine, dovresti essere reindirizzato alla pagina personalizzata che hai aggiunto all'action hook sopra.

È importante assicurarsi di rimuovere l'esempio di URL nel codice e sostituirlo con l'URL del proprio sito in cui si desidera che i clienti vengano reindirizzati dopo il checkout o dopo aver effettuato un ordine.

Ci sono più opzioni che possiamo aggiungere alla funzione di callback per far avanzare le nostre opzioni di reindirizzamento, ma per questo tutorial non entreremo in opzioni più avanzate. Ci sono anche opzioni per utilizzare i plug-in per creare reindirizzamenti personalizzati dopo il checkout in WooCommerce.

WooCommerce Reindirizzamento dopo il checkout Plugin (WRAC)

Diversi lettori di questo post mi hanno chiesto di aiutare con l'aggiunta di questo codice ai temi di WordPress, di recente ho sviluppato un plug-in che aiuterà a creare il reindirizzamento WooCommerce dopo il checkout.

Soluzione semplice

WRAC è una soluzione semplice per un problema del mondo reale, se vuoi controllare il reindirizzamento dei tuoi clienti WooCommerce dopo il checkout, hai bisogno di questo plugin.

È un innovativo e potente plug-in di reindirizzamento WooCommerce dopo il checkout che può aiutarti a gestire l'esperienza del cliente dopo il checkout o dopo un acquisto andato a buon fine. La versione corrente consente di impostare qualsiasi pagina come pagina di ringraziamento personalizzata.

Installazione semplice e alta flessibilità

Non devi più reindirizzare la pagina di ringraziamento predefinita di WooCommerce, con il plug-in WRAC, devi semplicemente selezionare la pagina che desideri impostare come pagina di ringraziamento personalizzata e impostarla in meno di un minuto. Questo ti dà la libertà di creatività poiché puoi utilizzare qualsiasi modello di pagina personalizzato e aggiungere funzionalità illimitate alla pagina di ringraziamento personalizzata.

La soluzione definitiva per la pagina di ringraziamento personalizzata

È la soluzione definitiva per creare qualsiasi pagina di ringraziamento personalizzata WooCommerce o reindirizzare a qualsiasi pagina desideri utenti
dove andare dopo il check-out. Puoi anche scegliere se visualizzare o meno i dettagli dell'ordine nella pagina di ringraziamento personalizzata.

Buona documentazione e installazione e supporto gratuiti

È completamente compatibile con tutti i temi WooCommerce e viene fornito con un'ottima documentazione e installazione e configurazione gratuite da parte mia.

Documentazione video rapida

Come puoi ottenere il plug-in?

• Puoi ottenere il plug-in da qui: reindirizzamento WooCommerce dopo il plug-in di pagamento
• Puoi quindi richiedere la tua installazione gratuita se non sai come installare un plugin.
• Il plugin viene fornito con una documentazione approfondita.

Se stai cercando la soluzione perfetta per il reindirizzamento WooCommerce dopo il checkout o dopo il checkout riuscito o fallito, questo plugin che ho sviluppato può essere una buona soluzione per questo problema

Alcuni mesi fa, quando ho condiviso quella soluzione in questo post del blog, ho ricevuto diverse richieste per aiutare i lettori a integrare questo codice nei loro siti o temi WooCommerce, anche tu puoi richiedere assistenza – qui.

Problema di reindirizzamento alla cassa di WooCommerce

Inizialmente, ho aiutato quasi 100 lettori con idee su come aggiungere questo codice di reindirizzamento WooCommerce dopo l'acquisto ai loro siti Web, ma spesso mi sono imbattuto in diverse sfide poiché tutti i temi sono codificati in modo diverso.

Mi sono reso conto che era necessario che gli utenti di WooCommerce avessero una soluzione perfetta che aiutasse con il reindirizzamento dopo un checkout riuscito o fallito.

Questa è un'importante ottimizzazione del processo di pagamento di WooCommerce che aiuta molto ad aumentare le conversioni e a raddoppiare, triplicare o aumentare le vendite di dieci volte.

Problema di reindirizzamento alla cassa WooCommerce predefinito

Per impostazione predefinita, il checkout di WooCommerce reindirizza alla pagina ORDINE RICEVUTO o alla pagina GRAZIE che fornisce dettagli utili sull'ordine ma non ha la possibilità di personalizzare per aggiungere più funzionalità. Come puoi vedere nell'immagine qui sotto:

• È a questo punto che tu come proprietario di un negozio WooCommerce puoi mostrare al cliente un'altra offerta o altre informazioni importanti relative al prodotto che ha appena acquistato, per impostazione predefinita WooCommerce non ha modo di aggiungere opzioni personalizzate qui.
• Personalizzare questa pagina per aggiungere più funzionalità come l'offerta speciale non è facile poiché è necessario capire come creare o costruire una pagina personalizzata utilizzando il codice PHP e gli hook di WordPress.
• È anche una perdita di tempo creare la pagina di ringraziamento personalizzata poiché ci vuole tempo per imparare a programmare e farlo correttamente.

WRAC - WooCommerce Reindirizzamento dopo il plug-in di pagamento

Per risolvere questo problema, ho deciso di creare un plugin che fosse facile da installare e configurare per creare reindirizzamenti dopo il checkout di WooCommerce senza scrivere alcun codice.

Il plugin che ho creato alcuni mesi fa – WRAC – WooCommerce redirect dopo il checkout ha continuato a crescere nel numero di utenti oggi fino a oltre 600+ .

Ho ricevuto numerose email di feedback e richieste di funzionalità e in questa nuova versione della versione 1.0.3 ho incluso tutte le funzionalità precedentemente richieste.

Questa versione prevedeva solo un'opzione per reindirizzare globalmente tutti gli utenti dopo il checkout a una pagina di ringraziamento personalizzata. Consentiva agli utenti di reindirizzare a qualsiasi pagina e disponeva di opzioni di reindirizzamento riuscite e non riuscite.

Le funzionalità in un riepilogo per la versione 1.0.0 includono:

Questa versione ha avuto un discreto successo e la maggior parte delle richieste provenienti dagli utenti è stata quella di aggiungere quanto segue:

La funzionalità più richiesta è stata il reindirizzamento in base ai prodotti selezionati su cui ho lavorato e che ho aggiunto nella versione successiva (1.0.1) del plugin WRAC.

Questa versione ha aggiunto l'opzione per creare reindirizzamenti in base ai prodotti selezionati e mantiene tutte le funzionalità della versione precedente.

Nella stessa pagina Reindirizzamento dopo il checkout scheda WooCommerce, ho aggiunto la sezione per il reindirizzamento in base ai prodotti selezionati. Di seguito è riportato un riepilogo delle funzionalità della versione 1.0.1:

Questa versione ha avuto successo e il feedback più frequente è stato quello di creare reindirizzamenti condizionali che consentissero a più prodotti di avere un reindirizzamento specifico.

Ad esempio: il prodotto A reindirizza alla pagina Y mentre il prodotto B reindirizza alla pagina X.

Nel nuovo aggiornamento questo è stato incluso e gli utenti ora possono creare più reindirizzamenti per i prodotti insieme ad altri reindirizzamenti condizionali.

Questa versione è un importante aggiornamento del plug -in per creare reindirizzamenti più globali e aggiungere i reindirizzamenti condizionali dopo il checkout di WooCommerce. La maggior parte di queste funzionalità si basa sulle richieste degli oltre 600+ utenti che stanno già utilizzando il plugin.

Queste funzionalità rendono anche questo plug-in il plug-in di reindirizzamento WooCommerce più avanzato dopo il checkout poiché fornisce tutti i possibili scenari utilizzando la funzione di reindirizzamento condizionale.

Di seguito è riportato il riepilogo delle funzionalità della versione WRAC 1.0.2:

Opzioni di reindirizzamento globale

Le opzioni globali sono state migliorate e ho aggiunto molte altre opzioni che possono essere utilizzate per creare reindirizzamenti a livello globale. Di seguito è riportato il riepilogo delle opzioni di reindirizzamento globale:

Schermate – Opzioni di reindirizzamento globale- Globale | Prodotti & Categorie | Cronologia acquisti | Metodo di pagamento | Subtotale ordini | ID utente e ruolo | Ora - Intervallo di date

Reindirizzamento del totale parziale dell'ordine globale

Reindirizzamento globale

Reindirizzamento del metodo di pagamento globale

Reindirizzamento globale di prodotti e categorie _Seleziona rapidamente le categorie

Reindirizzamento globale di prodotti e categorie _Seleziona prodotti rapidamente

Reindirizzamento globale di prodotti e categorie

Reindirizzamento cronologia acquisti globale

Opzioni di reindirizzamento condizionale – Reindirizzamento WooCommerce dopo il checkout

Ciò include una serie di opzioni di reindirizzamento che sono state riapplicate in modo condizionale utilizzando gli operatori per ciascuna condizione e le azioni vengono applicate in base alla condizione.

Ciò ti consente di creare un reindirizzamento WooCommerce illimitato dopo le opzioni di pagamento per il reindirizzamento WooCommerce. Di seguito è riportato il riepilogo delle opzioni di reindirizzamento condizionale:

Screenshot – Opzioni di reindirizzamento condizionale – Prodotto | Categorie | Metodo di spedizione | Posizione geografica| Metodo di pagamento | Ruolo utente | Ora – Intervallo di date | Buono

Opzioni di azioni di reindirizzamento condizionale

Reindirizzamento condizionale Aggiungi nuovo reindirizzamento

Opzioni di reindirizzamento condizionale

Panoramica del reindirizzamento condizionale

Intervallo di tempo di reindirizzamento condizionale

Opzioni di condizione di reindirizzamento condizionale

Se non si dispone ancora di una copia del plug-in WRAC, è necessario eseguire l'operazione. Usa il pulsante qui sotto per averlo a un prezzo scontato. Stiamo contando le ore prima della scadenza di questa offerta!

Conclusione

Spero che questo post evidenzi tutte le opzioni disponibili che puoi utilizzare per creare un reindirizzamento WooCommerce personalizzato dopo il checkout nel tuo negozio WooCommerce. Se hai domande sul codice fornito qui o stai cercando aiuto da uno sviluppatore WooCommerce? Puoi metterti in contatto con me per ulteriore aiuto.

Articoli simili

1. Come mettere il carrello e il pagamento WooCommerce su una pagina
2. Come aggiungere un metodo di spedizione personalizzato in WooCommerce
3. Come aggiungere una descrizione dopo il prezzo in WooCommerce
4. Come reindirizzare l'utente se non ha effettuato l'accesso a WordPress » Reindirizzamento della pagina
5. Come modificare il link Ritorna al negozio in WooCommerce
6. Come creare la pagina del mio account in WooCommerce
7. Come aggiungere un prodotto dopo l'installazione di Storefront [Guida per principianti]
8. Come contare gli articoli aggiunti al carrello Codice di conteggio carrello WooCommerce
9. Come nascondere il pulsante Aggiungi al carrello in WooCommerce
10. Come rimuovere è stato aggiunto al carrello Messaggio WooCommerce
11. Come modificare il testo Procedi al pagamento in WooCommerce
12. Come aggiungere testo dopo il prezzo in WooCommerce » Aggiungi suffisso prezzo
13. Come ottenere metodi di pagamento in WooCommerce » Esempio di codice
14. Come creare una pagina di accesso in WordPress senza utilizzare il plug-in
15. Come correggere l'errore di tipo non rilevato: wp.template non è una funzione
16. Come creare un tema figlio WooCommerce Storefront [Guida completa]
17. Come aggiungere testo prima del prezzo in WooCommerce »Aggiungi testo prima del prezzo
18. Che cos'è WooCommerce Storefront Theme? [risposta]
19. Oltre 100 suggerimenti, trucchi e frammenti Guida definitiva per nascondere WooCommerce
20. Come aggiungere video nell'immagine del prodotto WooCommerce
21. Come impostare la spedizione gratuita con una spesa minima in WooCommerce
22. Come aggiungere la ricerca alla pagina del negozio in WooCommerce
23. Come usare do_shortcode in WordPress (PHP)
24. Come cancellare il carrello al logout in WooCommerce
25. Come aggiungere lo SKU del prodotto in WooCommerce
26. Come aggiungere il pulsante Visualizza carrello in WooCommerce
27. Come duplicare un prodotto in WooCommerce
28. Come modificare il segnaposto del codice coupon WooCommerce
29. Come configurare il file di caricamento di WooCommerce al momento del pagamento
30. Come modificare il testo segnaposto del campo di pagamento WooCommerce
31. Come creare il pulsante Aggiungi al carrello WooCommerce per ID prodotto
32. Come trovare rapidamente il tuo ID prodotto in WooCommerce
33. Come modificare il modello di email in WooCommerce
34. Come aggiungere un prodotto al carrello in modo programmatico in WooCommerce
35. Come modificare l'etichetta di spedizione WooCommerce
36. Come aggiungere la ricerca alla pagina del negozio in WooCommerce