Piattaforme

App mobile BigCommerce per i clienti: 4 percorsi a confronto

Quattro modi per offrire ai clienti BigCommerce un'app iOS e Android, cosa fa ciascuno ai prezzi registrati e ai riordini B2B e un piano di test per il tuo telefono.

Illustrazione a guazzo della proprietaria di un bar con gli occhiali che riordina le scorte sul suo telefono in un magazzino

Un'app mobile BigCommerce per i clienti è un'app iOS e Android separata con il nome del tuo negozio che gli acquirenti installano per navigare, accedere e acquistare. BigCommerce non ne fornisce uno, quindi lo ottieni in quattro modi: un generatore di app dal mercato delle app di BigCommerce, un convertitore da sito Web a app che carica la tua vetrina live, un servizio di app gestito o una build personalizzata sulle API di BigCommerce. Il percorso giusto dipende principalmente da quanto valore del tuo negozio risiede dietro l'accesso del cliente.

Questa guida ti aiuta a scegliere un percorso e a dimostrarlo nel tuo negozio prima di spendere soldi. Per la versione breve, vedere BigCommerce alla pagina dell'app.

L'app mobile BigCommerce è per i clienti?

No. L'app chiamata BigCommerce nell'App Store e su Google Play è un'app per la gestione del negozio. Proprio di BigCommerce pagina dell'app mobile è intitolato "Gestisci BigCommerce dal tuo dispositivo mobile". Controlli entrate, ordini e visitatori, aggiorni lo stato degli ordini e cerchi i clienti. Gli acquirenti non possono acquistare nulla e non porta il tuo marchio. Ogni negozio BigCommerce con un'app cliente l'ha ottenuta da terze parti o l'ha creata.

Un negozio BigCommerce dovrebbe avere un'app?

Un'app guadagna il suo posto quando le stesse persone acquistano ripetutamente da te. Controlla il tuo negozio rispetto a queste domande prima di confrontare i percorsi.

  • Gli acquirenti riordinano? Parti, imballaggi, forniture per pulizie, articoli per saloni, integratori e cibo per animali vengono acquistati in ciclo. Un'icona sulla schermata iniziale e un login salvato accorciano ogni ordine ripetuto.
  • Gli acquirenti accedono per ottenere l'accordo? Gli account commerciali con listino prezzi, i membri di un gruppo di clienti scontati e le aziende con termini di pagamento hanno tutti un motivo per accedere ogni volta.
  • Il negozio mobile è già valido? Un'app basata su un checkout con cui gli acquirenti di telefoni hanno difficoltà eredita la lotta.

Se la maggior parte degli ordini proviene da visitatori che arrivano per la prima volta tramite la ricerca o gli annunci, concentrati invece sul sito mobile.

Cosa rende diverso BigCommerce quando aggiungi un'app?

Tre cose sulla piattaforma influenzano la decisione.

Gran parte del negozio viene deciso da chi ha effettuato l'accesso. Sui piani che li includono, gruppi di clienti controllare quali categorie un cliente può vedere e quali sconti applicare. Listini prezzi, sui piani che li includono, sostituiscono i prezzi a livello di variante per un gruppo. Negozi su Edizione B2B aggiungi un portale acquirenti con account aziendali e ruoli utente, un blocco ordini rapido che accetta SKU o CSV, liste della spesa, preventivi e un portale fatture. In un negozio commerciale o all'ingrosso, il livello di accesso è la maggior parte di ciò che gli acquirenti toccano.

Il pagamento è di BigCommerce. In una vetrina di Stencil il Checkout ottimizzato in una sola pagina è l'impostazione predefinita e viene eseguita sul dominio del tuo negozio.

La parte anteriore potrebbe essere senza testa. Un Catalyst o una vetrina headless personalizzata solitamente indirizza l'acquirente al checkout ospitato da BigCommerce nell'ultimo passaggio, il che aggiunge un ulteriore viaggio da testare.

Quindi la domanda da porre ad ogni percorso è questa: l'app mostra ciò che un acquirente che ha effettuato l'accesso vede nel mio negozio o solo ciò che contiene il catalogo pubblico?

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

Percorso 1: uno sviluppatore di app dal mercato delle app di BigCommerce

IL Mercato delle app BigCommerce elenca un numero limitato di sviluppatori di app mobili. Si connettono al tuo negozio tramite le API di BigCommerce, inseriscono prodotti, categorie e clienti e li disegnano come schermate native. Progetti l'app nella dashboard del fornitore e, nella maggior parte dei casi, paghi mensilmente.

Bravo in: elenchi e pagine di prodotti nativi e una schermata iniziale che puoi disporre in modo diverso rispetto al tuo sito web.

Controlla attentamente: la selezione è piccola. Prima di una demo, annota tutto ciò che sul tuo negozio dipende dal login e chiedi al venditore ogni articolo per nome: accesso alla categoria del gruppo di clienti, prezzi di listino, account aziendali B2B Edition, ordine rapido, liste della spesa, preventivi, fatture, pagamento degli ordini di acquisto. Quindi chiedi come funziona il checkout, perché alcune app basate su API mostrano comunque il checkout web in una WebView nel passaggio finale.

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 una WebView, lo stesso motore browser utilizzato da Safari e Chrome.

Bravo in: fedeltà. Qualunque cosa BigCommerce mostri per un acquirente registrato su un telefono è ciò che mostra l'app, perché è la stessa pagina dello stesso negozio. I prezzi di gruppo, le categorie delimitate e il Portale acquirenti vengono forniti senza lavoro di integrazione e non esiste un secondo catalogo da tenere al passo.

Controlla attentamente: non ottieni schermate di prodotto ridisegnate in modo nativo. L'app è veloce e utilizzabile come la tua vetrina mobile. Alcune cose si comportano diversamente in un browser incorporato, che è lo scopo del 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 come MobiLoud utilizza in genere lo stesso approccio WebView per le tue pagine e aggiunge un team. Configurano l'app, creano schermate native personalizzate, la inviano ai negozi e la mantengono dietro una tariffa mensile.

Bravo in: togliendo il lancio dalla tua scrivania. Poiché le tue pagine vengono comunque caricate dalla vetrina live, i prezzi registrati e il Portale acquirenti si comportano come nel Percorso 2.

Controlla attentamente: la tariffa continua finché l'app è attiva, quindi confrontala con ciò che è probabile che l'app guadagni. Nostro Confronto tra SiteTo.App e MobiLoud esamina uno di questi servizi in dettaglio.

Percorso 4: un'app personalizzata sulle API BigCommerce

Un'agenzia crea l'app sulla vetrina e sulle API di gestione di BigCommerce, con ogni schermata progettata per i tuoi acquirenti. Questo è l'unico percorso che può fare ciò che un sito web non può fare, come ordinare da un catalogo completamente offline. Il prezzo è come progetto e quindi necessita di manutenzione, inclusa la rielaborazione quando la configurazione B2B o il checkout cambiano.

Come si confrontano i percorsi?

Generatore di app del MarketplaceConvertitore da sito web ad appServizio gestitoApplicazione personalizzata
Schermate del prodotto e del carrelloNativo, disegnato dal venditoreLa tua vetrina mobileLa tua vetrina mobile e schermate native personalizzateNativo, creato per te
Gruppi di clienti e listini prezziChiedi al venditoreUguale al tuo negozioUguale al tuo negozioCostruito contro le API
Portale acquirenti edizione B2BChiedi al venditore, caratteristica per caratteristicaSi carica come nella tua vetrinaSi carica come nella tua vetrinaRicostruito schermata per schermata
GuardareFlusso del fornitore o pagamento Web in una WebViewPagamento BigCommercePagamento BigCommerceCostruito o incorporato
Modello di prezzoDi solito mensileTariffa di costruzione una tantumCanone mensileProgetto più manutenzione
Chi si sottomette ai negoziVaria in base al fornitoreVoiIl servizioTu o la tua agenzia

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

Quale percorso si adatta a quale negozio BigCommerce?

Scegli uno sviluppatore di app per marketplace se gestisci un negozio di consumo con un catalogo semplice, la maggior parte degli acquirenti effettua il check-out come ospiti o con account semplici e la sensazione di navigazione nativa è più importante per te di un basso costo fisso.

Scegli un convertitore se il tuo negozio mobile funziona già e l'esperienza di accesso è il punto: prezzi commerciali, gruppi di clienti, account aziendali, riordini rapidi.

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

Scegli una costruzione personalizzata se l'app deve fare qualcosa che un browser non può fare e hai il budget per mantenerla per anni.

Quando SiteTo.App è la scelta sbagliata?

  • Il problema è la tua vetrina mobile. Un tema lento o un'area dell'account che necessita di pizzicare e ingrandire sarà altrettanto scomodo nell'app. Correggi prima il sito.
  • Hai bisogno di una spinta mirata. SiteTo.App invia un titolo, testo, immagine e collegamento a tutti coloro che hanno aderito, attraverso il tuo progetto Firebase. Non può inviare notifiche a un'azienda, a un gruppo di clienti o ai conti di un rappresentante di vendita e non ha ancora messaggi di pianificazione, carrello abbandonato o stato dell'ordine.
  • I tuoi acquirenti lavorano senza segnale. L'app carica la tua vetrina live e necessita di una connessione. Magazzini e cantieri senza copertura necessitano di un'app personalizzata con ordini offline reali.
  • Hai bisogno di funzionalità hardware. Scanner Bluetooth, AR ed elaborazione in background sono al di fuori di ciò che fa.
  • Vuoi che qualcun altro gestisca Apple e Google. Invii dai tuoi account sviluppatore.

Come si testa un negozio BigCommerce come app?

Usa un vero iPhone e un vero telefono Android se prevedi di spedirli entrambi e annota l'URL della pagina ogni volta che qualcosa non funziona.

Passaggio 1: preparare conti e pagamenti

Crea un cliente di prova per ogni gruppo di clienti importante, più un utente aziendale se esegui l'edizione B2B. Metti il ​​tuo gateway di pagamento in modalità test o imposta un prodotto a basso prezzo che puoi rimborsare. La vetrina deve essere raggiungibile pubblicamente, quindi un negozio ancora dietro un codice di anteprima pre-lancio deve essere aperto per primo.

Passaggio 2: accedi e controlla cosa vede ciascun account

Accedi come cliente di prova e confronta con lo stesso account sul tuo sito web. Le categorie nascoste da un gruppo dovrebbero rimanere nascoste. Gli sconti di gruppo e i prezzi di listino dovrebbero corrispondere al centesimo, perché BigCommerce li elabora sui suoi server in ogni caso. Se il modulo di registrazione o di reimpostazione della password utilizza reCAPTCHA, che BigCommerce ti consente di attivare sotto il suo impostazioni di sicurezza e privacy, assicurati che la sfida venga visualizzata e possa essere trasmessa su un telefono.

Passaggio 3: trova i prodotti come fanno gli acquirenti

Cerca per SKU e per nome, applica filtri su una categoria ampia e apri un prodotto con opzioni. Aggiungilo al carrello e osserva il conteggio del carrello.

Passaggio 4: esegui i viaggi B2B

Salta questo passaggio se non utilizzi l'edizione B2B. Altrimenti apri il Portale acquirenti e fai ciò che fanno di più i tuoi acquirenti.

  • Ordine veloce: digita tre o quattro SKU con le quantità e aggiungili al carrello. Prova a scegliere tra i prodotti acquistati in precedenza.
  • Caricamento CSV: tentare un caricamento collettivo. Dipende dalla scelta di un file archiviato sul telefono, quindi decidi se appartiene all'app o rimane un'attività desktop.
  • Liste della spesa: apri una lista salvata e aggiungila al carrello.
  • Reorder: aprire un ordine aziendale passato e riordinarlo.
  • Preventivi e fatture: richiedi un preventivo, quindi apri una fattura.

Giudica il comfort così come la funzionalità. Una tabella che necessita di scorrimento laterale per raggiungere il campo quantità non verrà utilizzata.

Passaggio 5: effettua il pagamento con qualsiasi metodo di pagamento

Questo passaggio decide se puoi avviare.

  • Campi della carta nel checkout di BigCommerce vengono visualizzati nella pagina e 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.
  • PayPal e fornitori di servizi di pagamento ritardato aprire la propria finestra o pagina. Segui l'intero percorso e conferma di arrivare alla conferma dell'ordine all'interno dell'app.
  • Ordine d'acquisto o pagamento in acconto, se lo offri alle aziende, dovrebbe essere completato come qualsiasi altro metodo.
  • Apple Pay e Google Pay i pulsanti vengono visualizzati solo quando lo script del gateway decide che l'ambiente li supporta. Un WebView in-app non è Safari o Chrome, quindi un pulsante che vedi sul Web mobile potrebbe non essere presente nell'app. Elenchi BigCommerce quali gateway supportano Apple Pay nei browser diversi da Safarie Google documenta i requisiti per Google Pay in Android WebView. Controlla entrambi i telefoni e mantieni disponibile il pagamento con carta accanto a qualsiasi pulsante del portafoglio.

Successivamente, controlla l'ordine nel pannello di controllo di BigCommerce: cliente giusto, prezzo di gruppo giusto, stato giusto.

Passaggio 6: testare il trasferimento senza testa

Salta questo passaggio su un tema Stencil. Su Catalyst, la vetrina invia l'acquirente al checkout ospitato da BigCommerce tramite un reindirizzamento con sincronizzazione della sessione. Quello di BigCommerce documentazione sulla sincronizzazione della sessione spiega che il reindirizzamento trasporta un token, valido per 30 secondi, che trasferisce il carrello e la sessione del cliente. Accedi alla vetrina, aggiungi al carrello, tocca Checkout e conferma di aver effettuato l'accesso con lo stesso carrello. Build senza testa personalizzate che utilizzano pagamento incorporato in un iframe è necessario lo stesso test su entrambi i telefoni.

Passaggio 7: chiudere, riaprire e riordinare

Chiudi completamente l'app e riaprila. Dovresti comunque aver effettuato l'accesso con il carrello intatto. Se utilizzi un'app di accesso social, prova ciascun pulsante: Google blocca la schermata di accesso nelle WebView incorporate, quindi l'e-mail e la password dovrebbero essere sempre offerte.

Quindi chiudi il banner dei cookie e qualsiasi popup della newsletter e controlla che l'intestazione fissa del tuo tema non si raddoppi con l'intestazione e le schede native. SiteTo.App può eseguire script che nascondono l'intestazione e i popup del tuo sito all'interno dell'app, quindi elenca tutto ciò che desideri rimuovere.

Cosa dovrebbero dirti i risultati?

RisultatoCosa fare
Tutto passaScegli le tue schede, crea e passa alla pubblicazione
Una finestra di pagamento non ritorna all'appChiedi al gateway informazioni su un'opzione in-page o offri un altro metodo nell'app
I tavoli del Portale Acquirenti sono angusti su un telefonoMigliora il layout del portale sul sito web, poiché anche gli acquirenti del web mobile ne traggono vantaggio
Il trasferimento Catalyst perde il login o il carrelloCorreggi la sincronizzazione della sessione sullo storefront prima di creare qualsiasi app

Cosa dovresti impostare nell'app stessa?

Utilizza le parti native dell'app per abbreviare l'ordine di ripetizione.

  • Schede inferiori: un negozio di consumo funziona bene con Home, la sua categoria più forte, Carrello e Conto. Un negozio commerciale dovrebbe condurre con Ordine rapido o Ricerca, quindi Ordini, Carrello e Conto. Su un tema Stencil il carrello vive /cart.php e cronologia degli ordini su /account.php?action=order_status.
  • Badge del carrello: con l'aiuto di uno sviluppatore, il SDK SiteTo.AppJS puoi mostrare un conteggio nella scheda Carrello leggendo un URL sulla tua vetrina. Su Stencil, quello di BigCommerce API del carrello della vetrina restituisce il carrello corrente come JSON.
  • Push: collegare Firebase utilizzando il Guida Firebase. Ogni utente che ha aderito riceve ogni messaggio, quindi tienilo aggiornato sulle notizie rilevanti per tutti loro.
  • Un'app per vetrina: l'app inizia su un URL. Se corri Multi-negozio con domini separati per marchi o regioni separati, ogni vetrina ha la propria app e la propria build. Lo memorizza mostrare una valuta in base alla posizione del visitatore dovrebbe controllare che appaia quello giusto.

Le modifiche al prodotto, al prezzo e alle scorte 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 BigCommerce prima di pubblicare?

Invii 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 Mac o Xcode e ti fornisce un AAB per Google Play. IL creare e pubblicare la guida cammina attraverso ogni passo. Apple e Google decidono cosa viene approvato e nessuno può promettere il risultato.

Dai ai revisori un modo per entrare. Se i prezzi o l'intero catalogo si trovano dietro un login, fornisci un account di prova funzionante nelle note di revisione, in un gruppo di clienti che mostri un catalogo realistico. Un revisore che non riesce a superare un muro di accesso non può approvare l'app.

Pensa a chi è l'app. Un'app che può essere utilizzata solo dai clienti commerciali approvati non è rivolta al grande pubblico. Offerte Apple distribuzione di app non elencate per le app destinate a un pubblico limitato, raggiunte da un collegamento diretto e nascoste dalla ricerca. Vale la pena leggerlo prima di inviare un'app solo all'ingrosso.

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)). I contenuti digitali utilizzati all'interno dell'app rientrano in regole diverse, quindi leggi la sezione 3.1 se ne vendi.

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 all'interno dell'app. Se le pagine del tuo account non lo offrono, aggiungi un modulo di richiesta chiaramente etichettato.

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

Domande comuni

Gli agenti di vendita potranno effettuare ordini per i clienti nell'app?

L'edizione B2B consente a un rappresentante di vendita di ricoprire il ruolo di super amministratore mascherarsi da compagnia nel Portale Acquirenti del negozio ed effettua gli ordini. Se i tuoi rappresentanti lo fanno oggi sul sito web, le stesse pagine verranno caricate nell'app. Provalo con un account rappresentante nell'anteprima.

Cosa succede quando BigCommerce aggiorna il checkout o cambio il mio tema?

L'app mostra la vetrina aggiornata alla successiva apertura, senza alcuna nuova build. Una modifica al tema che interrompe l'area del tuo account mobile la interrompe anche nell'app nello stesso momento, quindi effettua un ordine di prova su un telefono dopo aver effettuato l'accesso dopo modifiche significative.

Prossimo passo

Apri il tuo negozio sul telefono, accedi come cliente commerciale ed effettua un nuovo ordine. Se va bene, visualizza l'anteprima del tuo negozio BigCommerce come app gratuitamente, esegui i sette passaggi precedenti e controlla prezzi una volta che sai che funziona.

Visualizza il tuo sito web come un'app

Personalizza l'esperienza e visualizzala in anteprima prima di scegliere una piattaforma.

Costruisci la tua anteprima

Continua a leggere

Tutte le guide