Considerazioni speciali per semplificare il pagamento mobile su WooCommerce

Sebbene i dati ci indichino che molti siti registrano più traffico mobile rispetto al traffico desktop, le conversioni sui dispositivi mobili sono ancora molto indietro. Quindi le persone usano di più i loro telefoni ma usano un computer per effettuare effettivamente l'acquisto, il che è un punto di attrito.

Oggi esamineremo alcune cose che puoi fare per facilitare la conversione degli utenti mobili in clienti paganti sul tuo negozio WooCommerce. Mentre provi questi suggerimenti, ricorda di testarli A/B per il tuo sito. Solo perché hanno funzionato per altri non significa che avranno un impatto positivo sulla tua particolare procedura di pagamento.

Semplifica i campi modulo

I dispositivi mobili hanno questa grande cosa chiamata tastiera software. Ciò significa che se identifichiamo accuratamente i nostri campi modulo, agli utenti mobili verrà presentata una tastiera adeguata ai dati che devono essere inseriti.

Come puoi vedere sopra, WooCommerce lo fa per impostazione predefinita quando identifica un campo e-mail. Per facilitare l'inserimento della mia e-mail, il simbolo @ è facilmente accessibile, invece di essere nascosto dietro un altro set di chiavi.

Altri campi da rivedere sono i campi CAP/CAP e Telefono. Se desideri che questi campi abbiano un formato particolare, è meglio preprogrammare il formato, piuttosto che lasciarlo all'utente. Più di una volta, il mio checkout è stato rifiutato perché uno dei campi era formattato in modo errato. È già fastidioso dover passare avanti e indietro tra lettere e numeri sulla tastiera di un telefono. Quindi, non frustrare ulteriormente i tuoi utenti costringendoli a inserire i dati che desideri in un formato esatto.

I tuoi utenti non dovrebbero mai avere a che fare con questo. Prenditi il ​​tempo necessario per scrivere un po' di JavaScript per formattare il campo come desideri dopo che hanno finito di digitare o gestire il lato server di formattazione. Qualsiasi altra opzione rappresenta un onere aggiuntivo per il tuo utente, rendendolo meno propenso all'acquisto.

Formatta correttamente gli errori di campo

Hai mai fatto clic su "Checkout" dopo aver sfogliato i campi del modulo solo per essere accolto da una pila di errori che il sito dice che hai commesso? WooCommerce è altrettanto colpevole di indurre gli utenti a cercare problemi con le loro informazioni di pagamento proprio come qualsiasi altra piattaforma là fuori.

Certo, forniscono quel piccolo rosso * accanto ai campi obbligatori, ma se ne manchi uno, tutto ciò che otterrai è una grande casella rossa nella parte superiore della pagina. Sei da solo per dare la caccia al problema con la notifica fornita.

Ci sono approcci migliori a questo sistema, con il mio preferito che convalida i campi mentre li inserisci. Non far aspettare l'utente, mostragli subito se il campo è giusto o meno.

La seconda opzione che mi piace è mostrare gli errori di campo direttamente in linea. Ciò significa che quando si verifica un errore, evidenziare il campo in rosso e spiegare qual è il problema nella stessa visualizzazione. Se vuoi implementarlo, Business Bloomer ha un ottimo tutorial sull'aggiunta di errori in linea con i campi di WooCommerce. L'ho usato su alcuni siti di clienti e sono stato molto contento dei risultati.

Non nascondere il tuo Checkout con le notifiche

Anche se potresti riuscire a farla franca con alcune tattiche di upsell su un'esperienza di pagamento desktop, è fin troppo facile rovinare un'esperienza di pagamento mobile. I touch target sono spesso troppo piccoli e talvolta anche fuori schermo quando i popup vengono visualizzati sui dispositivi mobili.

Invece di popup o altro disordine visivo, guarda le offerte intelligenti per aumentare il valore totale dell'ordine. Invece di chiedere a un utente di aggiungere qualcosa al proprio carrello prima di aver effettuato un acquisto, Smart Offers chiede loro dopo aver completato l'azione di pagamento iniziale.

Verifica Raggiungibilità

Esistono ricerche su come gli utenti interagiscono con i loro telefoni, ma non ho ancora trovato nulla su come il genere influenzi l'interazione telefonica. Questa è una lacuna critica nella ricerca poiché le donne, in generale, hanno le mani più piccole degli uomini, il che potrebbe influire sulla raggiungibilità.

Poiché i programmatori sono prevalentemente maschi, ciò significa che le persone che costruiscono negozi online non stanno testando la raggiungibilità delle loro interfacce per il 50% della popolazione.

Testare il modo in cui le persone interagiscono con il tuo modulo di pagamento è fondamentale per garantire conversioni solide. Ma non cadere nella trappola di testare solo con quelli che sono convenienti. Assicurati di impegnarti per testare un ampio spettro di dimensioni della mano e del dispositivo.

Con un cliente, c'è stato un respingimento nel modificare la cassa per le mani più piccole perché non avevano un'ampia base di clienti donne che acquistavano su dispositivi mobili. Li ho convinti ad apportare alcune piccole modifiche per aiutare a migliorare la procedura di pagamento per le mani più piccole e nel giro di poche settimane abbiamo visto un aumento degli acquisti da parte delle clienti di sesso femminile dai loro dispositivi mobili. Non abbiamo visto clienti di sesso femminile prima, perché il checkout non è stato creato pensando a loro.

Velocità del sito

Un'altra considerazione che devi prendere in considerazione per il pagamento mobile è comprendere la velocità del sito nel contesto in cui si trova il tuo mercato di riferimento. Mentre gli utenti nelle città riceveranno velocità 4G, gli utenti rurali potrebbero avere solo connessioni 3G e piani dati fortemente limitati.

Anche guardare i paesi a cui ti rivolgi può significare che devi pensare a cose diverse in termini di velocità del sito. In Canada abbiamo velocità decenti, ma piani dati anemici rispetto a molti altri posti nel mondo.

Quando sviluppi la tua esperienza di pagamento mobile, assicurati di testarla su connessioni Internet limitate. È abbastanza facile in Firefox e Chrome.

Se stai testando su Safari, dovrai guardare uno strumento di terze parti come Charles Proxy o installare lo strumento Network Link Conditioner per xCode per simulare connessioni più lente. Puoi anche utilizzare questo strumento insieme al tuo dispositivo di test iOS per limitare la connessione live mentre esegui il test del tuo sito su un dispositivo mobile correttamente anziché su uno simulato nel browser.

Assicurati di testare il tuo sito rispetto alle connessioni lente che potrebbero avere i tuoi utenti, invece di controllare solo la connessione che hai al lavoro.

Marchi di fiducia visibili

Un marchio di fiducia è un'immagine del tuo provider SSL o di qualche altra icona che mostra che hai un provider di servizi di pagamento sicuro e affidabile. Spesso questi sono relegati in fondo a un sito per utenti desktop, ma vale la pena rivalutare dove li metti per il tuo layout mobile.

Per un cliente con cui ho lavorato, abbiamo provato a metterli in cima alla cassa. In questo modo, quando l'utente è arrivato alla cassa sul proprio telefono, la prima cosa che ha visto sono stati i piccoli segni che dicevano che avevamo un sito sicuro senza malware. Questo piccolo cambiamento ha prodotto un aumento dell'1 – 2% nelle conversioni, che si aggiunge a un sacco di guadagni extra nel corso dell'anno.

Applicazioni di compilazione password

Uno degli ultimi modi per aumentare gli utenti che completano la procedura di pagamento mobile è assicurarsi che tutti i campi dell'account utente funzionino con strumenti come 1Password, Dashlane e LastPass.

Le password sono già abbastanza dolorose per stare davanti a una tastiera completa, ma peggiorano ulteriormente quando si applicano password sicure che richiedono il passaggio avanti e indietro tra le diverse tastiere.

Testare questo è abbastanza facile; Prendi una copia gratuita di tutti gli strumenti di cui sopra e inserisci la tua password. Quindi, prova a effettuare il pagamento utilizzandoli per compilare eventuali password o campi utente presenti nel modulo di pagamento. Non dimenticare di utilizzare ciascuna di queste applicazioni per creare un account anche al momento del pagamento.

Forse l'errore peggiore che puoi fare qui è bloccare la possibilità di copiare e incollare le password nei campi del tuo account. Questo è il modo in cui funzionano le applicazioni per le password ed è molto probabile che qualsiasi utente che sta creando password sicure se ne vada una volta che vede che non può aggiungere la sua bella password casuale lunga senza digitarla manualmente.

Costruire un buon processo di pagamento è fondamentale per avere un sito di eCommerce redditizio. Con l'aumento degli acquisti da dispositivi mobili, è ancora più importante assicurarsi di offrire un'esperienza di prim'ordine agli acquirenti da dispositivi mobili.

Eseguendo i passaggi qui, puoi assicurarti di offrire un'esperienza eccellente ai tuoi utenti mobili. Saranno felici e convertirai più acquisti, il che ti rende felice.

Costruisci un negozio WooCommerce ad alte prestazioni

Crea un negozio che converte il traffico con le soluzioni di hosting WooCommerce gestito di Nexcess. Vengono forniti di serie con Jilt per aiutarti a recuperare i carrelli abbandonati, testare le prestazioni ogni volta che ne hai bisogno e la piattaforma riduce i carichi di query del 95%, portando a un negozio più veloce.