Come personalizzare la pagina di ringraziamento di WooCommerce: plugin e codifica

Pubblicato: 2021-07-15

Stai cercando modi per ottenere il meglio dalle tue pagine di ringraziamento post-acquisto per una migliore generazione di lead? Allora questo articolo è perfetto per te. In questa guida vedremo diversi modi per personalizzare la pagina di ringraziamento di WooCommerce sia utilizzando i plugin che in modo programmatico .

Qual è la pagina di ringraziamento in WooCommerce?

Di solito, quando i tuoi clienti acquistano i tuoi prodotti, vengono indirizzati a una pagina di ringraziamento . Questa pagina di solito fornisce ai clienti informazioni sull'ordine che hanno effettuato come il numero d'ordine, il prodotto che hanno acquistato, il metodo di pagamento e così via.

Anche se la pagina di ringraziamento predefinita fornita con WooCommerce per impostazione predefinita è ok, non è esattamente la più ottimale quando si tratta di migliorare le vendite o attirare l'attenzione dei clienti.

Perché modificare la pagina di ringraziamento?

La pagina di ringraziamento è la prima pagina che i tuoi acquirenti vedono dopo aver acquistato da te. Ciò significa che è l'unica pagina che tutti i tuoi clienti vedranno, quindi è un mezzo aggiuntivo per aumentare le tue vendite. Ad esempio, puoi reindirizzare gli acquirenti a prodotti correlati, offrire offerte esclusive, promuovere nuovi prodotti e così via.

In alternativa, puoi visualizzare messaggi di ringraziamento personalizzati che ti aiuteranno a distinguerti dal 99% dei siti di e-commerce. Con una pagina di ringraziamento personalizzata, apri nuove strade non solo per aumentare le tue vendite, ma anche per offrire ai tuoi clienti una migliore esperienza post-vendita.

Il problema è che, per impostazione predefinita, WooCommerce non offre molte opzioni di personalizzazione per la tua pagina di ringraziamento. Ecco perché in questa guida ti mostreremo diversi metodi che puoi utilizzare per modificare la tua pagina di ringraziamento.

Come personalizzare la pagina di ringraziamento di WooCommerce

Esistono diversi modi per personalizzare la pagina di ringraziamento in WooCommerce:

  1. Con plugin
  2. Programmaticamente

Diamo un'occhiata a ciascun metodo in modo da poter scegliere quello migliore per te.

1) Modifica la pagina di ringraziamento di WooCommerce con i plugin

Ci sono molti strumenti per modificare la pagina di ringraziamento in WooCommerce. Questi sono alcuni dei migliori.

1.1) Personalizzazione della pagina di ringraziamento NextMove

personalizza la pagina di ringraziamento di woocommerce - nextmove lite

Con il personalizzatore della pagina di ringraziamento NextMove , puoi creare nuovi modi per mantenere i clienti interessati al tuo negozio. Viene fornito con componenti interessanti che puoi integrare con le tue pagine di ringraziamento in diversi modi. Ad esempio, puoi aggiungere pulsanti di condivisione social, consigliare prodotti, contenuti HTML, video e persino coupon dinamici. Inoltre, puoi aggiungere una mappa della posizione e dettagli sull'ordine e sul cliente per generare più fedeltà e trovare modi per servire i tuoi clienti ancora meglio.

Inoltre, NextMove è compatibile con la maggior parte dei page builder, quindi puoi semplicemente aggiungere la pagina di ringraziamento personalizzata utilizzando i suoi comodi shortcode. Inoltre, il plugin ha anche una versione pro con componenti aggiuntivi progettati per la generazione di lead. Ciò include coupon personalizzati e dinamici, opzioni di tangenti intelligenti, prodotti correlati e altro ancora.

Caratteristiche principali
  • Ampia varietà di componenti da aggiungere alla tua pagina di ringraziamento
  • Compatibile con le build di pagine e ogni componente viene fornito con il proprio shortcode dedicato
  • Opzioni per aggiungere contenuto HTML alla tua pagina di ringraziamento insieme ai dettagli dell'ordine e ai dettagli del cliente
Prezzo

NextMove Grazie alla personalizzazione della pagina è un plugin freemium. Ha una versione gratuita con funzionalità di base e un piano Pro che parte da 29 USD all'anno.

1.2) Grazie Reindirizzamento per WooCommerce

personalizza la pagina di ringraziamento di woocommerce - grazie reindirizzamento

Grazie Redirect per WooCommerce è un plug-in semplice e facile da usare che ti consente di impostare una pagina di reindirizzamento per i tuoi prodotti. Ti consente di definire una pagina di ringraziamento per i tuoi clienti in base al fatto che abbiano acquistato con successo i tuoi prodotti o meno.

Crea una pagina di ringraziamento personalizzata con un messaggio di ringraziamento specifico insieme a contenuti aggiuntivi come i dettagli dell'ordine e la compatibilità della traduzione linguistica. Il plug-in ti consente anche di aggiungere una pagina di ringraziamento globale o di impostare URL di reindirizzamento per prodotto per una flessibilità ancora maggiore.

Inoltre, la versione pro include funzionalità estese come la compatibilità multisito e la compatibilità con abbonamenti e donazioni WooCommerce.

Caratteristiche principali
  • Plugin di reindirizzamento facile da usare per le pagine di ringraziamento di WooCommerce
  • Pagine di ringraziamento personalizzate con messaggi, traduzioni e dettagli dell'ordine specifici
  • Crea e imposta reindirizzamenti in base al prodotto, se necessario
Prezzo

Grazie Redirect per WooCommerce è uno strumento freemium. La versione gratuita ha funzionalità standard mentre il piano Pro parte da 15 USD per un singolo sito Web e include funzionalità più avanzate.

1.3) Personalizzazione della pagina di ringraziamento di WooCommerce

personalizza la pagina di ringraziamento di woocommerce - Personalizza la pagina di ringraziamento di woocommerce

Migliora le tue vendite e le risposte dei clienti con la personalizzazione della pagina di ringraziamento per WooCommerce . Questo eccellente plugin fornisce uno strumento facile da usare per modificare facilmente le tue pagine di ringraziamento. Goditi un personalizzatore dal vivo e un'ampia gamma di componenti tra cui scegliere. Aggiungi messaggi di ringraziamento, coupon, dettagli dell'ordine, dettagli di conferma, pulsanti di condivisione sui social media e altro ancora. Puoi anche modificare facilmente la posizione degli elementi, i colori, i disegni e molto altro ancora.

Con il personalizzatore della pagina di ringraziamento non solo puoi aggiungere icone di social media, ma anche includere media e testi personalizzati. Allo stesso modo, ti consente di aggiungere facilmente una mappa di Google alla tua pagina di ringraziamento per indirizzare i tuoi clienti al tuo negozio.

Caratteristiche principali
  • Personalizzatore della pagina di ringraziamento facile da usare con anteprima dal vivo
  • Opzioni per progettare, personalizzare e scegliere le posizioni di ogni componente della pagina di ringraziamento
  • La versione Pro aggiunge più funzionalità per prodotti in primo piano, vendite incrociate e up-sell, nonché presentazioni e coupon applicabili alle regole
Prezzo

Grazie alla personalizzazione della pagina è un plugin freemium. La versione gratuita include funzionalità di base mentre il piano Pro parte da 26 USD per una singola licenza.

Come personalizzare la pagina di ringraziamento di WooCommerce utilizzando NextMove Lite

Per questa dimostrazione, utilizzeremo la versione gratuita della pagina di ringraziamento di NextMove WooCommerce . È uno strumento adatto ai principianti e il suo design pronto per lo shortcode rende molto facile distribuire le tue pagine di ringraziamento.

Installa il plug-in NextMove Lite

Innanzitutto, installa il plug-in aprendo la dashboard di amministrazione di WP e andando su Plugin> Aggiungi nuovo . Quindi, utilizza la barra di ricerca in alto a destra per cercare la pagina di ringraziamento di WooCommerce Next Move e quindi premi Installa nella scheda del plug-in. Fare clic su Attiva una volta che il pulsante si aggiorna.

personalizza la pagina di ringraziamento di woocommerce - installa il plugin

Successivamente, ti verrà richiesta una richiesta di monitoraggio diagnostico che puoi facilmente rifiutare o accettare utilizzando rispettivamente Salta o Consenti e continua .

Successivamente, verrai indirizzato alla schermata Pagine di ringraziamento in cui puoi scegliere di personalizzare una pagina di ringraziamento esistente o crearne una nuova.

Iniziamo modificando la tua pagina esistente.

Modifica e personalizza le pagine di ringraziamento con NextMove Lite

Vai a XLPlugins > NextMove Lite e nella tua pagina di ringraziamento, fai clic su Componenti.

personalizza la pagina di ringraziamento di woocommerce - i prossimi componenti di modifica del film

Verrai ora indirizzato alla schermata di personalizzazione della Pagina di ringraziamento in cui puoi aggiungere o modificare liberamente qualsiasi componente.

Iniziamo aggiungendo un semplice testo e video alla tua pagina di ringraziamento.

Basta fare clic su uno qualsiasi dei componenti dalla colonna di sinistra Seleziona componenti e premere Abilita nella schermata centrale Modifica componente .

personalizza la pagina di ringraziamento di woocommerce - il prossimo filmato abilita il testo semplice

Aggiunta di un componente di testo alla tua pagina di ringraziamento

Ora puoi personalizzare il tuo testo aggiungendo una piccola sezione di intestazione, testo e quindi personalizzando il tuo testo di conseguenza. Andiamo avanti e personalizziamo il componente di testo aggiungendo un'intestazione, il testo richiesto e aggiungendo un po' di colore del carattere ad esso.

personalizza la pagina di ringraziamento di woocommerce - abilita il testo semplice

Quindi, puoi utilizzare la colonna di destra per scegliere il layout della tua pagina di ringraziamento tra un layout a colonna singola o un layout a doppia colonna. Successivamente, puoi riorganizzare i tuoi componenti trascinandoli e rilasciandoli dall'elenco.

Per la nostra pagina di ringraziamento, vogliamo che il nostro testo semplice sia in alto, quindi trasciniamo semplicemente il nostro componente Testo semplice in alto come mostrato di seguito.

personalizza la pagina di ringraziamento di woocommerce - la prossima mossa organizza i componenti

Aggiunta di un componente video alla tua pagina di ringraziamento

Questo è solo il primo passo. Aggiungiamo un video per rendere più attraente la nostra pagina di ringraziamento. Seguendo la stessa procedura, seleziona Video e abilita il componente .

personalizza la pagina di ringraziamento di woocommerce - prossima mossa aggiungi video

Quindi, puoi aggiungere un'intestazione e un testo descrittivo, nonché la sorgente video tramite un URL o un codice di incorporamento. Per ora, aggiungiamo un semplice video di YouTube come fonte per promuovere uno dei nostri prodotti.

personalizza la pagina di ringraziamento di woocommerce - aggiungi video

Puoi anche abilitare opzioni extra per i componenti, impostare un layout e riorganizzare i tuoi componenti come visto prima.

Inoltre, puoi modificare liberamente qualsiasi componente esistente come le informazioni sull'ordine e i dettagli dell'ordine premendo Componenti nella colonna di sinistra e modificandolo di conseguenza.

Diamo un'occhiata a un esempio.

Modifica e personalizza i componenti per le pagine di ringraziamento

Se facciamo clic su Informazioni sull'ordine , vedremo la schermata Modifica componente in cui possiamo scegliere le icone, le intestazioni degli ordini e i sottotitoli. Il plug-in ti consente anche di aggiungere tag dinamici specifici che puoi modificare in base ai dettagli e alle informazioni dell'ordine del tuo cliente.

Aggiungiamo una riga in più sui sottotitoli che dice "I dettagli dell'ordine aggiuntivo verranno inviati a {{customer_email}}".

Una volta terminata la personalizzazione della tua pagina di ringraziamento, premi il pulsante Salva in alto a destra per salvare la tua pagina di ringraziamento personalizzata. Se vuoi vedere come appare la tua Pagina di ringraziamento sul front-end, fai clic su Anteprima .

Quindi, dopo tutte queste modifiche, questa è la nostra pagina di ringraziamento personalizzata:

Come puoi vedere abbiamo personalizzato il testo e aggiunto un video che promuove uno dei nostri prodotti. Puoi utilizzare più funzionalità e personalizzarlo, ancora di più, per migliorarlo.

Una cosa importante da considerare è che il plug-in ti consente di aggiungere più pagine di ringraziamento e impostare regole diverse per ogni pagina. In questo modo, puoi creare e impostare diverse pagine di ringraziamento da visualizzare per diversi prodotti, categorie, ruoli e così via.

Vediamo come farlo.

Imposta le regole per più pagine di ringraziamento

Iniziamo creando una nuova pagina facendo clic su Aggiungi nuovo nell'interfaccia del plug-in . Assegna un titolo alla tua pagina di ringraziamento e poi scorri verso il basso fino alla sezione Regole .

personalizza la pagina di ringraziamento di woocommerce - mossa successiva crea una nuova pagina di ringraziamento

Qui puoi definire le regole dei tuoi prodotti in modo che questa specifica pagina di ringraziamento appaia ai tuoi clienti solo se acquistano prodotti in base alle tue regole. Per la nostra demo, imposteremo la regola su Order Category e nel campo a destra sceglieremo quale categoria applicare alla regola. Ad esempio, mostriamo questa pagina di ringraziamento solo quando i clienti acquistano qualcosa dalla categoria Prodotti in bundle.

Puoi anche aggiungere più regole facendo clic sui pulsanti AND o OR in modo che le regole vengano verificate in base a più condizioni.

Aggiunta di priorità e reindirizzamenti alla tua pagina di ringraziamento

Nella barra laterale destra, puoi scegliere a quale pagina la pagina di ringraziamento reindirizzerà gli utenti . Selezioniamo la pagina Il mio account e quindi scegliamo la priorità della pagina sotto di essa. Ciò ti consente di definire la priorità di una pagina se hai più priorità. Poiché questa pagina corrente deve essere applicata prima a qualsiasi prodotto in bundle, impostiamo la priorità più alta (1).

Quindi, fai clic su Pubblica e la tua nuova pagina di ringraziamento dovrebbe essere creata.

Ora puoi tornare indietro e modificare questa pagina di ringraziamento appena creata seguendo i passaggi sopra descritti per personalizzarla.

Ricorda di visualizzare in anteprima e modificare la pagina di ringraziamento di conseguenza e di utilizzare i tag forniti per aggiungere elementi dinamici alla tua pagina di ringraziamento.

2) Come personalizzare la pagina di ringraziamento di WooCommerce in modo programmatico

Se non desideri installare alcun plug-in, puoi personalizzare la tua pagina di ringraziamento WooCommerce in modo programmatico . Questa è un'opzione molto interessante per gli utenti WordPress/WooCommerce più esperti e richiede un po' di conoscenza del codice.

NOTA : prima di iniziare con questo metodo, assicurati di creare un backup completo del tuo sito e di installare un tema figlio.

Il modo più semplice per farlo è aggiungere un semplice hook WooCommerce al file functions.php del tuo tema figlio. In questo modo puoi inviare SMS o messaggi personalizzati ai tuoi acquirenti quando raggiungono la tua pagina di ringraziamento.

Ad esempio, un semplice codice che puoi aggiungere per personalizzare il testo è:

 add_action('woocommerce_before_thankyou','QuadLayers_before_thankyou');
funzione QuadLayers_before_thankyou(){
echo "Grazie per aver acquistato da QuadLayers";
}

Inserisci semplicemente questo codice nel file functions.php del tuo tema figlio. Per farlo, apri il tuo Editor di temi andando su Aspetto > Editor di temi. Quindi, usa la barra laterale destra per trovare il file functions.php e incolla il codice come mostrato di seguito.

personalizza woocommerce pagina di ringraziamento - funzioni codice php

Fai clic su Aggiorna file e il gioco è fatto!

Come puoi immaginare, c'è molto di più che puoi fare. Per modificare correttamente la pagina di ringraziamento di WooCommerce in modo programmatico, dovrai personalizzare i file del modello. Per saperne di più su questo processo e altri esempi di cose che puoi fare, dai un'occhiata alla nostra guida su come personalizzare la pagina di ringraziamento di WooCommerce in modo programmatico.

Conclusione

Tutto sommato, la pagina di ringraziamento è una delle poche pagine che tutti i tuoi clienti vedranno. Questa pagina è spesso trascurata, ma può aiutarti a incrementare le vendite se utilizzata in modo intelligente. Ad esempio, puoi reindirizzare gli acquirenti a prodotti correlati, offrire offerte esclusive e altro ancora. In questo modo, non solo sarai già diverso dal 99% dei siti di eCommerce che utilizzano la pagina di ringraziamento predefinita, ma potrai anche creare modi per offrire ai tuoi clienti una migliore esperienza post-vendita.

In questa guida, ti abbiamo mostrato diversi modi per personalizzare la pagina di ringraziamento di WooCommerce . Quale dovresti scegliere? Se vuoi qualcosa di semplice e veloce, scegli un plugin che ti piace e sarai in grado di modificare la tua pagina di ringraziamento in pochi minuti. Se hai capacità di programmazione, d'altra parte, puoi personalizzare le tue pagine di ringraziamento in modo programmatico. Ciò richiede un po' più di lavoro ma offre molta flessibilità.

Per ulteriori guide su come sfruttare al meglio il tuo negozio, dai un'occhiata a questi tutorial:

  • Come personalizzare la pagina Il mio account di WooCommerce
  • Modifica la pagina del prodotto in WooCommerce
  • Come personalizzare la Pagina 404 in WordPress

Hai modificato le tue pagine di ringraziamento WooCommerce? Quale metodo hai usato? Fatecelo sapere nella sezione commenti qui sotto!