App mobile WooCommerce per i clienti: opzioni e piano di test

Un'app mobile WooCommerce per i clienti è un'app iOS e Android separata con il nome del tuo negozio che gli acquirenti installano per navigare e acquistare. Puoi ottenerlo in quattro modi: un plug-in dell'app che ridisegna il tuo catalogo dall'API WooCommerce, un convertitore da sito Web ad app che carica il tuo negozio live, un servizio gestito o una build personalizzata. Quello giusto dipende principalmente da quanto del tuo negozio risiede nei plugin.

Questa guida ti aiuta a scegliere un percorso e a dimostrare che funziona nel tuo negozio prima di spendere soldi. Per la versione breve, vedere WooCommerce alla pagina dell'app. Per un confronto più ampio che copra anche i siti di contenuto WordPress, leggi WordPress ai plugin delle app e ai convertitori.

L'app WooCommerce ufficiale è per i clienti?

No. L'app WooCommerce nell'App Store e su Google Play è un'app di gestione del negozio per i commercianti. WooCommerce documentazione dell'app mobile lo descrive in questi termini: elabori ordini, crei e gestisci prodotti e accetti pagamenti di persona. I tuoi clienti non possono fare acquisti e non porta il tuo marchio.

Un'app cliente è una cosa diversa. Ha il nome e l'icona del tuo negozio, si trova sulla schermata iniziale dell'acquirente e apre il catalogo, il carrello e l'area dell'account. WooCommerce non ne spedisce uno, quindi ogni negozio lo riceve da terzi o lo costruisce.

Un negozio WooCommerce dovrebbe avere un'app?

Un'app guadagna il suo posto quando le stesse persone acquistano da te ancora e ancora. Prima di confrontare i percorsi, controlla il tuo negozio rispetto a queste domande.

• I clienti riordinano? Caffè, alimenti per animali domestici, integratori, prodotti per la cura della pelle, forniture per la stampa e parti commerciali vengono acquistati in un ciclo. Un'icona sulla schermata iniziale e un login salvato accorciano ogni ordine ripetuto.
• I clienti accedono per fare qualcosa? Gli abbonamenti da mettere in pausa o saltare, le prenotazioni da gestire, i listini prezzi all'ingrosso, il tracciamento degli ordini e i download danno alle persone un motivo per aprire regolarmente un'area account.
• Hai notizie che meritano una segnalazione? Riduzioni, rifornimenti, gamme stagionali e spinte di saldi. Un negozio che cambia due volte l'anno ha poco da inviare.
• Il sito mobile è già valido? Se gli acquirenti telefonici abbandonano il tuo checkout oggi, un'app basata su quel checkout erediterà il problema.

Se la maggior parte dei tuoi ordini proviene da visitatori che arrivano per la prima volta tramite la ricerca o gli annunci, concentrati invece sul sito mobile. Nessuno installa un'app per acquistarla una volta.

Cosa rende WooCommerce diverso da un negozio ospitato?

WooCommerce ti dà WordPress e ti consente di assemblare il resto. Un tipico negozio esegue un tema, uno o tre gateway di pagamento, un calcolatore di spedizione e quindi i plug-in che lo rendono tuo: abbonamenti WooCommerce, prenotazioni, componenti aggiuntivi di prodotto, un plug-in per i prezzi all'ingrosso, un programma fedeltà, un campo di pagamento personalizzato per le note di consegna.

Quindi fai una domanda per ogni percorso riportato di seguito: l'app mostra ciò che aggiungono i miei plugin o solo ciò che conosce il core WooCommerce?

Quali sono i quattro modi per ottenere un'app cliente WooCommerce?

Percorso 1: un plug-in dell'app che ricostruisce lo store dall'API

Diversi servizi si collegano al tuo negozio tramite il API REST WooCommerce, solitamente con un plug-in WordPress associato, e disegna prodotti, categorie, carrello e ordini come schermate native. Progetti l'app nella dashboard del fornitore e paghi un abbonamento.

Bravo in: elenchi di prodotti nativi e pagine di prodotti che scorrono e si animano come qualsiasi app per lo shopping e una schermata iniziale che puoi disporre in modo diverso rispetto al tuo sito web.

Controlla attentamente: l'API descrive prodotti, varianti, clienti e ordini. Non descrive ciò che un plug-in di terze parti visualizza sulla pagina. Un modulo aggiuntivo, un calendario di prenotazione, prezzi basati sui ruoli o una fase di pagamento personalizzata richiedono ciascuno che il fornitore abbia creato il supporto per quello specifico plug-in. Per questo motivo, alcuni di questi servizi mostrano il checkout del tuo sito web in una WebView. Chiedi al fornitore un elenco di estensioni e gateway supportati, quindi confrontalo riga per riga con il tuo elenco di plug-in.

Percorso 2: un convertitore da sito Web ad app

Un convertitore crea una shell nativa attorno al tuo sito web live. La shell fornisce l'icona dell'app, la schermata di avvio, un'intestazione nativa, i menu e le schede inferiori e notifiche push opzionali. La tua vetrina viene caricata al suo interno in un WebView, lo stesso motore del browser utilizzato da Safari e Chrome.

Bravo in: fedeltà. Qualunque sia il tema e i plugin visualizzati su un telefono, è ciò che mostra l'app, perché è la stessa pagina dallo stesso server. Non è necessario sincronizzare nulla e non mantieni un secondo catalogo o progetto.

Controlla attentamente: non ottieni schermate di prodotto ridisegnate in modo nativo. L'app è veloce e ordinata come il tuo sito mobile e niente di meglio. Alcune cose si comportano diversamente in un browser integrato rispetto a Safari o Chrome, ed è a questo che serve il piano di test riportato di seguito.

SiteTo.App prende questa strada. Incolli l'URL del tuo negozio, imposti il ​​nome, l'icona e le schede e visualizzi l'anteprima dell'app sul tuo telefono gratuitamente. Una build costa $ 29 per Android, $ 79 per iOS o $ 99 per entrambi, pagati una volta.

Percorso 3: un servizio app gestito

Un servizio gestito in genere utilizza lo stesso approccio WebView per le tue pagine e aggiunge un team: configurano l'app, creano schermate native personalizzate dove desideri, le inviano ai negozi e le mantengono dietro una tariffa mensile. Nostro Confronto tra SiteTo.App e MobiLoud esamina uno di questi servizi in dettaglio.

Percorso 4: un'app personalizzata

Uno sviluppatore o un'agenzia crea un'app utilizzando l'API REST e l'API Store, con ogni schermata progettata per il tuo negozio. Questo è il percorso per cose che un sito web non può fare, come lavorare completamente offline. Ha un prezzo come progetto e quindi necessita di manutenzione, inclusa la rielaborazione quando si modifica un plug-in da cui dipende l'app.

Come si confrontano i percorsi?

L'abbonamento per sviluppatori Apple ($ 99 all'anno) e la registrazione di Google Play ($ 25 una volta) si applicano a ogni percorso. IL guida ai costi dell'app del sito web copre l'intero budget.

Quale percorso si adatta a quale negozio WooCommerce?

Scegli un plug-in per app basato su API se il tuo negozio è vicino allo stock WooCommerce, con prodotti semplici e variabili e un gateway mainstream, e una sensazione di navigazione nativa conta più per te di un basso costo fisso.

Scegli un convertitore se il tuo negozio mobile funziona già bene e una parte significativa proviene dai plugin. Ciò include caselle di abbonamento, prenotazioni, configuratori di prodotti, negozi all'ingrosso con prezzi registrati e negozi con checkout personalizzato.

Scegli un servizio gestito se desideri che un team sia responsabile del lancio e della manutenzione o se hai bisogno di schermate native personalizzate nella parte superiore del tuo sito e la tariffa mensile ha senso rispetto alle entrate della tua app.

Scegli una costruzione personalizzata se l'app deve fare qualcosa che un browser non può fare: funzionare correttamente offline, parlare con l'hardware Bluetooth, utilizzare la realtà aumentata o continuare a lavorare in background.

Quando SiteTo.App è la scelta sbagliata?

• Il problema è il tuo sito mobile. Un tema lento o un checkout scomodo su un telefono lo saranno altrettanto lentamente e scomodi nell'app. Correggi prima il sito.
• Hai bisogno di una spinta al ciclo di vita. SiteTo.App invia un titolo, testo, immagine e collegamento a tutti coloro che hanno aderito, attraverso il tuo progetto Firebase. Non invia notifiche automatizzate di carrello abbandonato o stato dell'ordine e non ha ancora segmenti o pianificazione.
• Vendi contenuti digitali su iOS. L'app utilizza il checkout del tuo sito web e non aggiunge l'acquisto in-app di Apple. Vedi le note di pubblicazione qui sotto.

Inoltre, non è adatto per Bluetooth, AR, uso offline intenso o elaborazione in background.

Come si testa uno store WooCommerce come app?

Utilizza un vero iPhone e un vero telefono Android se prevedi di spedirli entrambi e segui questi passaggi in ordine. Annota l'URL della pagina ogni volta che qualcosa non funziona.

Passaggio 1: preparare il negozio

Metti ogni gateway di pagamento nella sua modalità test o sandbox oppure crea un prodotto nascosto a basso prezzo e un coupon del 100% che puoi rimborsare. Crea un nuovo account cliente per i test.

Passaggio 2: sfoglia e crea un carrello

Apri una categoria, utilizza i filtri e cerca, quindi apri un prodotto variabile. Scegli le sue opzioni, compila eventuali campi aggiuntivi e aggiungilo al carrello. Guarda il conteggio del mini-carrello o del carrello. Se rimane a zero, è probabile che una cache della pagina stia servendo il contenuto memorizzato. WooCommerce guida alla memorizzazione nella cache dice di escludere dalla memorizzazione nella cache le pagine Carrello, Checkout e Il mio account e i relativi cookie di sessione e carrello.

Passaggio 3: controlla i totali

Applica un coupon, inserisci un indirizzo di spedizione reale e confronta le tariffe di spedizione e le tasse con lo stesso carrello sul tuo sito web. Dovrebbero corrispondere esattamente, perché lo stesso server sta facendo i calcoli.

Passaggio 4: paga con ogni gateway

Il pagamento è il punto in cui è più probabile che un WebView in-app differisca dal browser di un telefono, quindi dedica a questo passaggio la maggior parte del tempo.

• Campi della scheda sulla pagina, come quelli di WooPayments o Stripe, normalmente si comportano come sul web mobile. Utilizza una scheda di prova che attiva 3-D Secure e verifica che la sfida venga visualizzata e completata.
• Reindirizzare i gateway inviare il cliente a una banca, a un portafoglio o a una finestra PayPal. Segui l'intero percorso e conferma di arrivare alla pagina dell'ordine ricevuto all'interno dell'app, non nel browser del telefono con l'app rimasta indietro che mostra un checkout obsoleto.
• Apple Pay e Google Pay i pulsanti vengono visualizzati solo quando lo script del gateway decide che l'ambiente li supporta e una WebView in-app non è lo stesso ambiente di Safari o Chrome. Google documenta i requisiti specifici per Google Pay in Android WebViewe WooPayments pubblica il proprio note sulla compatibilità del pagamento rapido. Considera i pulsanti del portafoglio come un bonus. Accanto ad essi deve essere sempre disponibile il pagamento con carta.

Successivamente controlla che l'ordine appaia in wp-admin con lo stato corretto e che sia arrivata la mail di conferma.

Passaggio 5: testare account e sessioni

Registrati o accedi, apri Il mio account e visualizza un ordine. Quindi chiudi completamente l'app e riaprila. Dovresti comunque aver effettuato l'accesso con il carrello intatto. Richiedi la reimpostazione della password e segui il collegamento e-mail per vedere dove si apre e se il viaggio di ritorno all'app ha senso.

Se utilizzi un plug-in di accesso social, prova ciascun pulsante. Google blocca la schermata di accesso nelle WebView incorporate, quindi un pulsante "Continua con Google" potrebbe mostrare un errore lì. L'accesso tramite e-mail e password è il percorso affidabile, quindi assicurati che sia offerto.

Passaggio 6: esegui il percorso di ciascun plug-in

Elenca i plugin rivolti al cliente che rendono tuo il tuo negozio ed esegui un percorso completo per ciascuno.

• Subscriptions: acquistane uno, poi sospendilo, cambia modalità di pagamento e cancellalo da Il Mio Account.
• Bookings: scegli una data e un'ora sul calendario grande come un telefono e completa la prenotazione.
• Commercio all'ingrosso o B2B: accedi con un conto commerciale, conferma la visualizzazione dei prezzi commerciali ed effettua un riordine.

Passaggio 7: riordina la cornice

Ignora il banner dei cookie e qualsiasi pop-up della newsletter. Controlla che l'intestazione fissa, la barra inferiore o il pulsante mobile della chat del tuo tema non si sovrappongano all'intestazione e alle schede native. SiteTo.App può eseguire script che nascondono l'intestazione e i popup del tuo sito all'interno dell'app, quindi annota tutto ciò che desideri rimuovere. Se un firewall o un CAPTCHA ti sfidano durante l'accesso, assicurati che un cliente reale possa trasmetterlo su un telefono.

Cosa dovrebbero dirti i risultati?

Cosa dovresti impostare nell'app stessa?

Utilizza le parti native dell'app per rendere più rapidi gli acquisti ripetuti.

• Schede inferiori: Home, Negozio o la categoria più importante, Carrello e Il mio account funzionano per la maggior parte dei negozi. Un negozio che effettua molti riordini può puntare direttamente una scheda /my-account/orders/.
• Badge del carrello: con l'aiuto di uno sviluppatore, il SDK SiteTo.AppJS può guardare un URL sul tuo sito e mostrare il numero restituito come badge in una scheda. WooCommerce Memorizza l'endpoint del carrello API restituisce un items_count per il carrello corrente, che uno sviluppatore può utilizzare come valore del badge.
• Push: collegare Firebase utilizzando il Guida Firebase e decidi in anticipo cosa invierai.

Le modifiche al prodotto, al prezzo e alle scorte in wp-admin vengono visualizzate nell'app senza una nuova build. La modifica dell'icona, del nome dell'app o di altre impostazioni native richiede una ricostruzione e le ricostruzioni successive vengono quotate separatamente.

Cosa devono sapere i negozi WooCommerce prima della pubblicazione?

Invii l'app dai tuoi account Apple e Google. SiteTo.App firma la build iOS e la carica su TestFlight nel tuo account Apple, quindi non hai bisogno di un Mac o Xcode e ti fornisce un AAB per Google Play o un APK. IL creare e pubblicare la guida cammina attraverso ogni passo. Apple e Google decidono cosa viene approvato e nessuno può promettere il risultato. Questi punti emergono in particolare per i negozi WooCommerce.

I beni fisici utilizzano il tuo checkout. Quello di Apple Linee guida per la revisione delle app affermare che i beni e i servizi consumati al di fuori dell'app vengono pagati con metodi diversi dall'acquisto in-app (sezione 3.1.3(e)). Un negozio che spedisce prodotti ha una base solida.

I beni digitali sono diversi. I contenuti utilizzati all'interno dell'app, come un corso a pagamento, una libreria video o un'area riservata ai membri, rientrano nelle regole di acquisto in-app di Apple nella sezione 3.1. Google Play ha una propria politica di pagamento per i beni digitali in-app. Leggili entrambi prima di stabilire se i prodotti digitali o gli abbonamenti a pagamento costituiscono una parte reale delle tue vendite.

Offrire la cancellazione dell'account. Apple si aspetta che qualsiasi app che supporti la creazione di account consenta alle persone di iniziare a eliminare il proprio account dall'interno dell'app. Una pagina Il mio account WooCommerce predefinita non dispone di tale opzione. Aggiungine uno con un plugin o un modulo di richiesta chiaramente etichettato.

Dai ai revisori un modo per entrare. Se i prezzi o i prodotti sono protetti da un login, come in molti negozi all'ingrosso, fornisci un account di prova funzionante nelle note di revisione.

Mostra più di un sito web. La linea guida 4.2 di Apple chiede alle app di offrire più di un sito riconfezionato. Le schede native, un'intestazione nativa e le notifiche push aiutano, così come un negozio con funzionalità reali dietro un login. IL Guida alla linea guida 4.2 spiega come prepararsi e il guida alla pubblicazione copre elenchi, schermate e risposte sulla privacy.

Domande comuni

Devo installare un plugin WordPress?

Non con un convertitore. SiteTo.App funziona dall'URL del tuo negozio pubblico, quindi non aggiungi un plug-in a WordPress né crei una chiave API REST. I servizi app basati su API di solito necessitano di un plug-in complementare e dell'accesso API, perché leggono direttamente il tuo catalogo.

Cosa succede all'app quando aggiorno WooCommerce o un plug-in?

L'app mostra lo store aggiornato alla successiva apertura, senza alcuna nuova build. Ciò significa anche che un aggiornamento del plug-in che interrompe il pagamento mobile lo interrompe anche nell'app nello stesso momento. Esegui un rapido ordine di prova su un telefono dopo aggiornamenti significativi, come faresti per il sito web.

Posso avviarlo prima su Android?

SÌ. Una build Android costa $ 29 e la registrazione su Google Play costa $ 25 una volta. L'acquisto successivo della build iOS costa $ 79, quindi i due acquistati separatamente arrivano a $ 108 contro $ 99 per entrambi insieme.

Prossimo passo

Apri il tuo negozio sul telefono ed effettua un ordine di prova. Se va bene, visualizza in anteprima il tuo negozio WooCommerce come app gratuitamente, esegui i sette passaggi precedenti e controlla prezzi una volta che sai che funziona.