WooCommerce Mobile App Builder – Manuale dell'utente

woocommerce-mobile-app-builder

1.0 Introduzione

Siamo tutti vigili sul fatto che le applicazioni mobili svolgono un ruolo vitale nel coinvolgimento degli utenti al giorno d'oggi. Se sei un proprietario di un negozio WooCommerce e stai cercando un modo conveniente per sviluppare un'applicazione eCommerce per il tuo sito web, troverai la soluzione giusta qui. WooCommerce Mobile App Builder di Knowband ti offre un'applicazione Android / iOS nativa che soddisferà sicuramente tutti i requisiti per la crescita del tuo negozio. Il creatore di app per dispositivi mobili Android / iOS di WooCommerce ti consente di aggiornare il tuo sito di e-commerce in un'applicazione per smartphone nel modo più semplice possibile. Le app per dispositivi mobili sviluppate dal produttore di app per dispositivi mobili di WooCommerce offrono agli utenti un'esperienza di app impeccabile e affidabile che colmerà sicuramente il divario tra te e i tuoi venditori. Tutto quello che devi fare è specificare i tuoi requisiti e le tue aspettative aziendali e poi lasciare il resto al team di Knowband.

Funzionalità dell'app 1.1 WooCommerce per dispositivi mobili

Le funzionalità avanzate disponibili con il produttore di app per dispositivi mobili Android / iOS WooCommerce possono rendere la tua azienda un sicuro successo nel mercato competitivo. Queste sono le funzionalità principali offerte da WooCommerce Mobile App Creator: ora che sei pienamente consapevole di come funziona il produttore di app per dispositivi mobili WooCommerce, è tempo di guardare alcune delle sue funzionalità senza eguali in dettaglio:

1. Interfaccia Web Admin

L'amministratore del negozio ottiene l'accesso completo al interfaccia di web admin del produttore di app per dispositivi mobili WooCommerce dopo che il modulo è stato installato nel negozio.

2. Controllo del design

L'amministratore si riempie controllo del design per personalizzare l'app di conseguenza. Il costruttore di app per dispositivi mobili WooCommerce ti consente di progettare banner, slider, notifiche push, ecc. Dall'interfaccia di backend.

3. Temi di app personalizzabili

Per impostazione predefinita, sono disponibili quattro colori per i temi nelle app per dispositivi mobili. Puoi persino sceglierne uno nuovo dalle classifiche a colori fornite.

4. Caratteri personalizzati

Le app mobili del creatore di app per dispositivi mobili WooCommerce hanno i tipi di stili di carattere 10 +. Se desideri altri font per il tuo negozio, possiamo incorporarli nell'applicazione.

5. Ottimizzazione del tablet

Le app mobili sviluppate sono tablet e cellulare ottimizzati. Ciò rende l'applicazione perfettamente compatibile con tutti i dispositivi palmari.

6. Sincronizzazione tra il negozio e l'app per dispositivi mobili

Costruttore di app per dispositivi mobili WooCommerce sincronizza l'app e il tuo negozio web in tempo reale. Tutti i dati relativi all'inventario o all'ordine vengono automaticamente aggiornati sull'applicazione.

7. Supporto multilingue

Fornisce il produttore di app per dispositivi mobili WooCommerce supporto multilingue nelle applicazioni. Supporta anche gli stili di scrittura RTL in applicazione con 18 lingue diverse. Tuttavia, se esiste una qualsiasi altra lingua che desideri per la tua applicazione, possiamo aggiungerla a una piccola somma di commissioni. Di seguito è riportato l'elenco delle lingue supportate nell'applicazione mobile:

  • Bulgarian
  • Ceco
  • Dutch
  • Inglese
  • Finnish
  • Francese
  • Tedesco
  • greco
  • ungherese
  • Italiano
  • polacco
  • Portoghese
  • rumeno
  • Russian
  • Slovak
  • Swedish
  • Spagnolo
RTL Lingue compatibili:
  • Arabic
  • aramaico
  • Azeri
  • Dhivehi / Maldive
  • ebraico
  • Urdu
  • Persiano / Farsi
  • Curdo

e altri.

8. Multi-valuta

Lo sviluppatore di app per dispositivi mobili WooCommerce supporta tutte le valute disponibili nel tuo negozio.

9. Notifiche push illimitate

Il produttore di app per dispositivi mobili WooCommerce consente ai proprietari dei negozi di inviare notifiche push illimitate agli utenti dell'app. Questa funzione può aiutare a informare gli utenti del successo dell'ordine, dell'aggiornamento dello stato dell'ordine e del carrello abbandonato.

10. Banner promozionali

Banner e cursori sono forniti nelle applicazioni mobili che possono essere utilizzati per annunciare nuove offerte e offerte di vendita stagionale e sconti.

11. Supporto per la chat dal vivo

Chat Zopim i servizi ti consentono di fornire assistenza utente 24 / 7 direttamente dall'applicazione mobile.

12. Facebook e Google Login

Fornisce il produttore di app per dispositivi mobili WooCommerce accesso social opzione nell'app per rendere rapida la registrazione e il processo di login per gli utenti. Le opzioni Google+ e Facebook vengono aggiunte all'app per impostazione predefinita.

13. Supporto coupon e voucher

Costruttore di app per dispositivi mobili WooCommerce supporta tutti i tipi di coupon e voucher disponibile nel tuo negozio.

14. Supporto del metodo di pagamento nativo

WooCommerce creatore di app mobili supporta tutti i tipi di metodi di pagamento. I metodi di pagamento PayPal e COD sono incorporati di default nell'applicazione.

15. Condivisione del prodotto

Gli utenti possono condividere i prodotti del tuo negozio su diverse piattaforme di social media direttamente dalla pagina del prodotto del tuo schermo.

16. Tutti i tipi di supporto ai prodotti

Tutti i tipi di supporto ai prodotti sono forniti nel builder di app per dispositivi mobili WooCommerce per Android / iOS come prodotti semplici, virtuali, configurabili, raggruppati e raggruppati.

17. Più metodi di spedizione

Il creatore di app per dispositivi mobili WooCommerce è compatibile con tutti i metodi di spedizione disponibile nel tuo negozio.

18. Ricerca vocale

Ricerca vocale l'opzione del builder di app per dispositivi mobili di WooCommerce consente agli utenti di cercare senza problemi i prodotti del negozio. Questa funzione è mancante dalla piattaforma iOS.

19. Pagamento semplificato

Pagamento semplificato caratteristica facilita il processo di invio dell'ordine. L'app mobile WooCommerce rende quindi lo shopping abbastanza facile e divertente per gli utenti.

20. Tracciamento dell'ordine

Fornisce il creatore di app per dispositivi mobili Android / iOS per WooCommerce tracciamento dell'ordine funzione nelle app mobili. Gli utenti possono trovare lo stato aggiornato del loro ordine effettuato quando richiesto.

1.2 Ulteriori vantaggi commerciali di WooCommerce Mobile App Maker per Android / iOS

  • Il generatore di app per dispositivi mobili WooCommerce offre uno strumento semplice per creare la tua app eCommerce per Android / iOS.
  • Con il supporto multilingue e multivaluta, il generatore di app consente all'amministratore di localizzare la propria attività e sfruttare a livello globale una base di clienti.
  • La sincronizzazione in tempo reale offerta dal produttore di app per dispositivi mobili WooCommerce riduce gli sforzi manuali dell'amministratore del negozio.
  • Le app eCommerce supportano tutti i tipi di prodotti, la spedizione e i metodi di pagamento.
  • Le notifiche push fornite dagli sviluppatori di app per dispositivi mobili di WooCommerce aumentano i tassi di coinvolgimento e conversione dei clienti.
  • Il produttore di app WooCommerce ha un supporto gratuito di tre mesi.

2.0

Vuoi vedere come funzionano queste funzioni nell'applicazione? Abbiamo integrato il nostro negozio demo con l'applicazione in cui è possibile esplorare l'app e sperimentare tutte le funzionalità e le funzionalità dell'app. Hai solo bisogno di seguire le istruzioni fornite di seguito:

  1. Scaricare e installare il Nautica WooCommerce Mobile App da Google Play Store. Puoi trovarlo facilmente cercando la parola chiave "Nautica" su Google Play Store.
  2. Apri l'app e fai clic su "Guarda la demo"pulsante come mostrato:

woocommerce-app-demo

  1. La schermata iniziale dell'app avrà il contenuto del nostro negozio demo come mostrato nella seguente istantanea:

woocommerce-app-casa-screen

2.1 Come testare il tuo negozio come app mobile WooCommerce?

Il produttore di app per dispositivi mobili WooCommerce di Knowband ti consente persino di sperimentare il tuo negozio sull'applicazione. Questi semplici passaggi ti guideranno attraverso il processo per testare il tuo negozio su un'applicazione Android o iOS:

Passo 1. Scaricare costruttore di app per Android WooCommerce gratuito or costruttore di app per iOS WooCommerce gratuito dal negozio Knowband.

Step2. Installa l'app mobile demo WooCommerce da Google Play Store or Apple App Store come per il tuo dispositivo di test.

Passo 3. Immettere l'URL del negozio nella schermata iniziale dell'applicazione e sfogliare il negozio sull'applicazione mobile. Speriamo che ti sia piaciuta la demo dell'app mobile eCommerce e ti avrebbe soddisfatto. Quindi, questo è il momento giusto per ottenere la versione a pagamento dell'app mobile con funzioni sbloccate.

2.2 Come ottenere il builder WooCommerce Mobile App?

Segui questi quattro semplici passaggi per preparare la tua app:

woocommerce-app-sviluppo

Il costruttore di app per dispositivi mobili WooCommerce semplifica la mobilità dei proprietari dei negozi. Segui i passaggi indicati di seguito per creare la tua applicazione mobile:

Passo 1. Innanzitutto, è necessario acquistare il modulo di creazione di app per dispositivi mobili WooCommerce da Knowband. Puoi ottenerlo da qui.

Passo 2. Una volta acquistato il plug-in di sviluppo di app per dispositivi mobili Android / iOS WooCommerce, ti verrà presentato un modulo dei prerequisiti, chiedendo dettagli sulla tua app. Ti verrà richiesto di condividere con noi le seguenti cose:

  • Immagine Splash (1280
  • Icona dell'app (512
  • Tema del colore (blu, arancione, verde, nero)
  • URL del sito
  • Nome del sito Web
  • Nome opzione di accesso social desiderato da Facebook e Google.

Passo 3. Il nostro team di sviluppo personalizzerà l'applicazione mobile secondo i dettagli condivisi nel questionario. Il file APK per l'app verrà condiviso con te dopo la personalizzazione.

Passo 4. Ora puoi pubblicare il file dell'applicazione mobile (apk) su

3.0 WooCommerce Mobile App Builder

Di seguito quattro passaggi ti guideranno attraverso l'intero processo di installazione del modulo:

1: Dopo aver acquistato il modulo WooCommerce Mobile App Builder, otterrai i seguenti file elencati di seguito:

  1. File compresso in formato ZIP (contiene il codice sorgente del plugin)
  2. Manuale utente

2: Vai alla dashboard di WordPress-> Plugin-> Aggiungi nuovo

wocommerce-module-cruscotto

3: Verrai reindirizzato a una nuova interfaccia. Fai clic su Carica plug-in.

Carica-plugin

4: La finestra successiva ti chiederà di caricare il file. Clicca su Scegli file e carica il file zippato.

upload-the-zip file

Questo è tutto. Hai installato il modulo con successo.

Schermate del modulo Web 4.0

Il costruttore di app per dispositivi mobili WooCommerce è molto semplice da gestire dal back-end. La sua configurazione richiede solo pochi clic del mouse e il pulsante si alterna dal back-end.

4.1 Impostazioni generali

Le impostazioni generali contengono le seguenti opzioni di configurazione di WooCommerce Mobile App Maker:

Generali-settings

  • Abilita plugin: Abilitando il creatore di app mobili WooCommerce farà funzionare il modulo e verrà stabilita una connessione tra l'app mobile e il tuo negozio.
  • Abilita segnalazione registro richieste (facoltativo): Abilita la segnalazione dei registri per ottenere il rapporto su qualsiasi comportamento anomalo dell'applicazione.
  • Abilita supporto Live Chat (opzionale): L'abilitazione della funzione di supporto della chat dal vivo rifletterà l'opzione di chat live nell'applicazione. Dopo aver abilitato questa funzione, è obbligatorio inserire le chiavi API della chat.

Generali-settings

  • Larghezza immagine della categoria: Immettere la larghezza delle immagini di categoria visualizzate nell'applicazione.
  • Altezza immagine della categoria: Immettere l'altezza delle immagini di categoria visualizzate nell'applicazione.
  • Larghezza immagine del prodotto: Immettere la larghezza delle immagini del prodotto visualizzate nell'app.
  • Altezza immagine prodotto: Immettere l'altezza delle immagini del prodotto visualizzate nell'applicazione.
  • Data di inizio da cui i prodotti saranno considerati come nuovi: Inserire la data da cui si desidera che i prodotti del punto vendita siano considerati nuovi arrivi nell'applicazione.
  • Numero di prodotti da considerare come nuovi: È possibile inserire il numero di prodotti da visualizzare come nuovi nell'applicazione.

Impostazioni di notifica push 4.2

Il produttore di app per dispositivi mobili WooCommerce fornisce il servizio di notifica push nella tua applicazione per commercializzare i tuoi prodotti. Queste notifiche sono completamente personalizzabili dal backend del modulo WooCommerce per dispositivi mobili Android / iOS.

push-notifiche-settings

  1. Chiave del server Firebase: Per configurare le notifiche push per l'applicazione, è necessaria la chiave del server Firebase. Ti consente di inviare una notifica push a una particolare applicazione.

Nota:?In order to get the?Firebase Server Key, fare riferimento al link indicato di seguito:

https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/#creating-a-project-at-firebase-console

  1. Abilita / Disabilita notifica riuscita ordine: Abilita / Disabilita notifica push per i nuovi ordini effettuati dagli utenti.?Immettere il titolo e il messaggio che deve essere inviato nella notifica push dopo che l'ordine è stato inserito correttamente.
  1. Abilita / Disabilita notifica aggiornamento stato ordine: Abilitare / disabilitare la notifica push per notificare i clienti in merito alla modifica dello stato dell'ordine. Immettere il titolo e il messaggio che deve essere inviato nella notifica push per lo stato dell'ordine aggiornato.
  1. Abilita / Disabilita notifica carrello abbandonato: Abilita / Disabilita le notifiche Push per il carrello che è stato abbandonato dall'utente. Inserisci il titolo e il messaggio che deve essere inviato nella notifica push per il carrello abbandonato dagli utenti dell'app.
  1. Intervallo di tempo: Questo è un intervallo di tempo (in ore) per inviare la notifica push per il carrello abbandonato agli utenti che hanno articoli nel carrello.

4.3 Push Notification History

Le notifiche push possono facilmente portare i prodotti del tuo negozio in qualsiasi posto tu voglia raggiungere. Le notifiche push offerte nel creatore di app per dispositivi mobili WooCommerce sono completamente personalizzabili dall'interfaccia di backend. L'amministratore può creare nuove notifiche facendo clic su Invia pulsanti di notifica come mostrato di seguito:

push-notification-storiaInvia notifica:

Questa opzione apre la finestra pop-up che consente di configurare la notifica push secondo i requisiti.

inviare notifica

  1. Titolo della notifica push: Il titolo della notifica push che deve essere inviata agli utenti.
  1. Messaggio della notifica push: Il messaggio che deve essere inviato nella notifica push.
  1. Immagine:- Seleziona l'immagine pertinente per la notifica push.
  1. Attività di reindirizzamento: La pagina dell'applicazione in cui l'utente verrà reindirizzato dopo aver fatto clic sulla notifica push. Offre tre opzioni:
  • Home
  • Categoria
  • Prodotto
  1. Seleziona la categoria / prodotto: Dovrai selezionare la categoria / prodotto in base al tipo di selezione dell'attività di reindirizzamento.
  1. Invia notifica: Questo pulsante è utilizzato per inviare la notifica configurata sopra.

Impostazione slideshow 4.4

I cursori sono visualizzati nella parte superiore dell'applicazione e possono essere configurati dal back-end.

slideshow-settings

  1. Attiva / Disattiva: Abilita / Disabilita la presentazione nell'applicazione dal back-end del produttore di app per dispositivi mobili WooCommerce.
  1. Limite: Puoi persino impostare il numero di immagini che appaiono nella presentazione.
  1. Larghezza immagine: Imposta la larghezza delle immagini utilizzate nella presentazione.
  1. Altezza immagine: Imposta l'altezza delle immagini utilizzate nella presentazione.
  1. Tipo di collegamento: La pagina dell'app che si desidera collegare ai cursori. Ha due opzioni:
  • Categoria
  • Prodotto
  1. Collegamento a: Seleziona la categoria o il prodotto specifico che desideri collegare alla diapositiva.
  1. Ordinamento: L'ordinamento consente di impostare l'ordine in cui i cursori appariranno nell'applicazione.
  1. Azione: Puoi persino rimuovere le diapositive se necessario.
  1. Aggiungi nuovo: Facendo clic sull'aggiunta della nuova opzione puoi aggiungere una nuova diapositiva nella presentazione. Devi collegare il cursore e aggiungere un'immagine.

Impostazione banner 4.5

I banner sono visualizzati appena sotto i cursori sulla homepage. È possibile configurare i banner dal back-end e persino aggiungere tutti quelli necessari.

banner-impostazioni

  1. Attiva / Disattiva: Abilita / Disabilita i banner nell'applicazione dal back-end del produttore di app per dispositivi mobili WooCommerce.
  1. Limite: Puoi persino impostare il no dei banner che appaiono nell'applicazione.
  1. Larghezza immagine: Imposta la larghezza delle immagini utilizzate nei banner.
  1. Altezza immagine: Imposta l'altezza delle immagini utilizzate nei banner.
  1. Tipo di collegamento: La pagina dell'app che desideri collegare ai banner. Ha due opzioni:
  • Categoria
  • Prodotto
  1. Collegamento a: Seleziona una categoria o un prodotto specifico che desideri collegare al banner.
  1. Ordinamento: L'ordinamento consente di impostare l'ordine in cui i banner appariranno nell'applicazione.
  1. Azione: Puoi persino rimuovere i banner, se necessario.
  1. Aggiungi nuovo: Facendo clic sull'aggiunta della nuova opzione puoi aggiungere una nuova diapositiva nella presentazione. Devi collegare il cursore e aggiungere un'immagine.

Metodi di pagamento 4.6

Il produttore di app per dispositivi mobili Android / iOS WooCommerce supporta tutti i tipi di metodi di pagamento. Le opzioni di pagamento PayPal e COD sono incorporate di default nelle app.

pagamento-metodi

  1. Abilita / disabilita PayPal: È possibile abilitare / disabilitare il metodo di pagamento PayPal semplicemente attivando il pulsante in background.
  1. Seleziona la modalità: È possibile selezionare l'ambiente di pagamento nativo dalla sandbox o dall'opzione live. Queste impostazioni consentono agli utenti di testare i metodi di pagamento prima di procedere.
  1. Identificativo cliente: Inserisci l'ID cliente appropriato dell'account commerciante PayPal. Identifica l'account a cui il pagamento deve essere effettuato mentre si effettua l'ordine.
  1. Abilita / disabilita il pagamento in contrassegno: È possibile abilitare / disabilitare il metodo di pagamento della consegna in contrassegno dal back-end.

Prodotti in primo piano 4.7

I prodotti in primo piano appaiono sotto la presentazione sulla home page dell'applicazione. Puoi facilmente configurarli dal back-end.

-prodotti presentati

  1. Abilita / disabilita i prodotti in primo piano: Attiva o disattiva il pulsante per abilitare / disabilitare i prodotti in primo piano sull'applicazione.
  1. Limite: Puoi anche limitare il numero di prodotti visualizzati sotto i prodotti in evidenza.
  1. Larghezza immagine del prodotto: È possibile impostare la larghezza dell'immagine del prodotto.
  1. Altezza immagine prodotto: È possibile impostare l'altezza dell'immagine del prodotto.

Prodotti speciali 4.8

I prodotti speciali vengono visualizzati sotto i prodotti in evidenza nello scorrimento orizzontale.

speciali prodotti

  1. Abilita / disabilita Speciali: Attiva o disattiva il pulsante per abilitare / disabilitare i prodotti speciali sull'applicazione.
  1. Limite: Puoi anche limitare il numero di prodotti visualizzati sotto speciali.
  1. Larghezza immagine del prodotto: È possibile impostare la larghezza dell'immagine del prodotto.
  1. Altezza immagine prodotto: È possibile impostare l'altezza dell'immagine del prodotto.

Prodotti 4.9 Best Seller

I prodotti Bestseller del tuo negozio vengono visualizzati sotto gli speciali nello scorrimento orizzontale. Puoi configurarli come illustrato nell'istantanea:

Best-seller prodotti

  1. Abilita / disabilita Speciali: Attiva o disattiva il pulsante per abilitare / disabilitare i prodotti più venduti sull'applicazione.
  1. Limite: Puoi anche limitare il numero di prodotti che appaiono come i migliori venditori.
  1. Larghezza immagine del prodotto: È possibile impostare la larghezza dell'immagine del prodotto.
  1. Altezza immagine prodotto: È possibile impostare l'altezza dell'immagine del prodotto.

4.10 Ultimi prodotti

Gli ultimi prodotti sono visualizzati nella parte inferiore della schermata della pagina iniziale e possono essere configurati come:

Gli ultimi prodotti

  1. Abilita / disabilita Speciali: Attiva o disattiva il pulsante per abilitare / disabilitare gli ultimi prodotti sull'applicazione.
  1. Limite: Puoi anche limitare il numero di prodotti che appaiono come gli ultimi prodotti.
  1. Larghezza immagine del prodotto: È possibile impostare la larghezza dell'immagine del prodotto.
  1. Altezza immagine prodotto: È possibile impostare l'altezza dell'immagine del prodotto.

4.11 Pagine di informazioni

L'app mobile WooCommerce consente inoltre all'amministratore del negozio di visualizzare varie pagine CMS e i relativi dettagli. L'amministratore può persino aggiungere una nuova pagina se c'è un requisito.informazioni-pages

Login Google 4.12

Il produttore di app per dispositivi mobili WooCommerce fornisce l'opzione di accesso Google nell'app mobile per l'accesso e la registrazione senza problemi dell'utente.

google-login

  1. Abilita / disabilita l'accesso a Google: Puoi abilitare / disabilitare l'opzione di accesso di Google dal modulo di back-end.
  2. File JSON di Google: Carica il file JSON di Google.

Login Facebook 4.13

Il creatore di app per dispositivi mobili WooCommerce ti consente di fornire un accesso Facebook facile e veloce agli utenti delle app.

accesso a Facebook

  1. Abilita / disabilita il Login Facebook: È possibile abilitare / disabilitare l'opzione di accesso di Facebook dall'interfaccia di amministrazione del modulo costruttore di app mobili WooCommerce.
  1. ID app Facebook: Inserisci l'ID app della tua applicazione Facebook creata.

Dati di esempio 4.14

I dati di esempio sono anche forniti nel back-end del creatore di app per dispositivi mobili WooCommerce. Consente a tutti i proprietari dei negozi newbie di riempire i dati predefiniti completi con un solo clic.

sample-pagine

Schermi 5.0 Mobile App

5.1 Splash Screen

La schermata iniziale sarà la prima schermata della tua app che verrà mostrata agli utenti. Nella parte inferiore della schermata iniziale è l'opzione demo per spiegare come personalizzare il design dell'applicazione.

splash screen

1. Colore del tema –

Per impostazione predefinita, sono disponibili quattro colori per i temi, ma è possibile aggiungerne uno facendo clic su "+" se è richiesto un colore personalizzato.

2. Seleziona la lingua –

Il creatore di app per dispositivi mobili WooCommerce supporta tutte le lingue native. Abbiamo incorporato 18 + lingue internazionali nell'applicazione per impostazione predefinita. Inoltre, se vuoi aggiungere qualsiasi altra lingua alla lista, possiamo includerla gratuitamente.

3. Scegli carattere –

Per impostazione predefinita, il creatore di app per dispositivi mobili WooCommerce fornisce i font 12 + e puoi utilizzarne uno qualsiasi. Se desideri altri font per la tua app, possiamo aggiungerli gratuitamente.

4. Visualizza il tuo negozio –

Puoi anche vedere il tuo negozio inserendo l'URL del tuo negozio nel campo richiesto.

5. Visualizza demo –

Abbiamo integrato l'app mobile eCommerce con il nostro negozio demo per impostazione predefinita. Puoi provare le funzionalità e le funzionalità dell'app con l'opzione demo.

Schermate Home 5.2

Le intuitive schermate di prodotti e categorie di app mobili obbligavano gli utenti a scavare nel tuo negozio. Vediamo quali sono le schermate iniziali che incontrerai, una volta installato il negozio:

1. Schermata del menu

Puoi vedere il menu facendo clic sulla barra di navigazione che si trova sul lato sinistro della schermata iniziale dell'app mobile WooCommerce. Il menu offre le seguenti opzioni agli utenti:

1. Il mio account:casa-screen

Gli utenti possono avere accesso al proprio account dove può visualizzare la cronologia degli ordini o aggiornare i dettagli del proprio account.

2. Categorie:?

Consenti agli utenti di visualizzare le categorie in due livelli L'utente può selezionare una categoria da qui e visualizzare i prodotti nella schermata di elenco dei prodotti della schermata selezionata.

3. Riguardo a noi:

Consente agli utenti di visualizzare la pagina su di noi.

4. Contattaci:

Consente agli utenti di visualizzare la pagina di contatto del negozio.

5. Login / Logout:

Consente all'utente di accedere / uscire dal proprio account del negozio.

2. Sliders:

I cursori sono visualizzati nella parte superiore della schermata principale. Gli slider sono costituiti da diverse immagini promozionali che vengono cambiate dopo un intervallo di tempo fisso come da una presentazione. Puoi facilmente personalizzare il numero di diapositive che appaiono sul front-end. Questi cursori in pratica reindirizzano gli utenti alla schermata specifica del prodotto o della categoria dell'applicazione.cursori-e-bandiere

Nota: Assicurati che i cursori siano abilitati dal back-end. Mantieni la dimensione delle immagini da utilizzare in esse della dimensione 400 * 600 per un'anteprima dell'immagine chiara sull'app.

3. banner:

I banner sono visualizzati appena sotto i cursori. È possibile reindirizzare l'utente a qualsiasi categoria o schermata del prodotto con l'aiuto di queste immagini banner. Tutte le impostazioni di configurazione necessarie sono presenti nell'interfaccia di backend di WooCommerce Mobile App Maker.

Nota: Assicurati che il modulo banner sia abilitato in negozio e la dimensione dei banner deve essere> = (600 * 400) w * h per un'anteprima dell'immagine chiara sull'app mobile eCommerce.

4. Prodotti sponsorizzati:

La raccolta di prodotti in vetrina viene visualizzata appena sotto i banner nella forma della griglia. featured-e-speciali-prodottiQueste

?5.

Gli ultimi arrivi del tuo negozio sono visualizzati sotto i prodotti in evidenza nello scorrimento orizzontale. Questi sono gli stessi prodotti visibili sul tuo negozio. Gli utenti possono semplicemente scorrere e vedere gli ultimi prodotti del tuo negozio.

6. Prodotti speciali:

Appena sotto gli ultimi arrivi ci sono i prodotti speciali del tuo negozio. Questi sono anche visualizzati nello scorrimento orizzontale e sono gli stessi prodotti che vengono visualizzati nel tuo negozio.

Speciali prodotti

7. Prodotti più venduti:

I prodotti Bestseller vengono visualizzati sotto i prodotti speciali nella schermata principale. Questi sono gli stessi prodotti visualizzati sul tuo negozio. I prodotti Bestseller vengono visualizzati orizzontalmente in modo che l'utente possa scorrere e trovare più prodotti facilmente.

8. Ricerca:

C'è un'icona di ricerca nella parte in alto a destra dello schermo. Gli utenti possono semplicemente fare clic sull'icona e cercare prodotti.

9. Carrello della spesa:

Vicino all'icona di ricerca, l'icona del carrello è presente sulla home page dello schermo. Da qui gli utenti possono visualizzare e gestire il prodotto salvato nel loro carrello.

5.3 Categoria

Gli utenti possono semplicemente atterrare sulle pagine delle categorie semplicemente selezionando una delle opzioni di categorie dal menu sulla schermata principale. Nell'app mobile WooCommerce puoi visualizzare facilmente tutte le categorie del tuo negozio. C'è anche un'opzione per visualizzare i prodotti non categorizzati nell'applicazione. La sezione Categorie espone le seguenti funzionalità:categoria-page-screen

Gli utenti verranno spostati nella schermata delle categorie sulla selezione di qualsiasi categoria dal menu sulla schermata principale. La sezione Categoria offre varie funzionalità:

1. Ordinare:

La funzione di ordinamento consente agli utenti di ordinare i prodotti in base a prezzo, colore o dimensione (da alto a basso o da basso ad alto).

2. Filtro:

Gli utenti sarebbero in grado di applicare la filtrazione ai prodotti sulla base di attributi come prezzo, colore, dimensione, ecc.

3. Elenco dei prodotti:

I prodotti di categoria sono elencati nella vista griglia. Gli utenti possono semplicemente scorrere sotto e ottenere l'intera collezione di prodotti.

Ordinamento 5.4

l'ordinamento di funzionalità

Filtro 5.5

prodotto-filter-feature

Ricerca 5.6

Gli utenti possono semplicemente cercare qualsiasi prodotto disponibile nello store semplicemente inserendo la relativa parola chiave nell'icona di ricerca.

prodotto-search-funzione

5.7 prodotto

Il produttore di app per dispositivi mobili eCommerce per WooCommerce supporta tutti i tipi di prodotti. La schermata Prodotto consente agli utenti di visualizzare i dettagli del prodotto come l'immagine del prodotto, la descrizione e gli attributi (dimensioni o colore).

product-page-screen

1. Opzione e descrizione del prodotto:

Gli utenti possono semplicemente cercare qualsiasi prodotto disponibile nello store semplicemente inserendo la relativa parola chiave nell'icona di ricerca.

2. Aggiungi al carrello:

Gli utenti possono semplicemente aggiungere il prodotto al loro carrello facendo clic sul pulsante Aggiungi al carrello visualizzato nella parte inferiore dello schermo.

3. Condivisione del prodotto:

Gli utenti possono inoltre condividere i collegamenti del prodotto con altri facendo clic sull'opzione di condivisione del prodotto.

Shopping Bag 5.8

Il carrello della app mobile eCommerce consente agli utenti di visualizzare tutti i prodotti immagazzinati nella borsa per l'acquisto.

1. Elenco dei prodotti:sacchetto

Gli utenti possono facilmente vedere tutti i prodotti aggiunti nel carrello insieme al loro prezzo.

2. Quantità di aggiornamento:

Gli utenti possono persino aggiornare la quantità del prodotto direttamente nel carrello facendo clic sull'opzione Aggiorna quantità.

3. Rimuovi dal carrello:

C'è anche un'opzione per rimuovere il prodotto dal carrello.

4. Continua a fare acquisti:

Facendo clic sull'opzione Continua shopping, gli utenti verranno reindirizzati alla home page per sfogliare più prodotti.

5. Continua alla cassa:

Gli utenti possono procedere direttamente alla pagina di checkout facendo clic sull'opzione Continua alla cassa.

5.9 Checkout

Il produttore di app per dispositivi mobili WooCommerce offre un approccio di checkout semplificato ai tuoi utenti. La schermata checkout fornisce informazioni su dettagli di spedizione, dettagli di fatturazione, riepilogo ordini, metodi di spedizione e riepilogo pagamenti totale.

1. Indirizzo di spedizione:app-checkout

Gli utenti possono visualizzare i dettagli completi di spedizione in questa schermata

Aggiungi / Modifica indirizzo di spedizione:

Gli utenti sono autorizzati a modificare i dettagli di spedizione del prodotto e possono aggiungerne anche uno nuovo.

2. Indirizzo Di Fatturazione:

Fornisce anche tutti i dettagli di fatturazione selezionati dall'utente.

Aggiungi / Modifica indirizzo di fatturazione:

Gli utenti possono persino visualizzare i prodotti aggiunti nel carrello insieme al riepilogo completo.

3. Riepilogo dell'ordine:

Fornisce i dettagli dei prodotti aggiunti al carrello dall'utente.

4. Commento dell'ordine:app-checkout-schermo

Gli utenti possono persino scrivere un commento dell'ordine che sarebbe visibile all'amministratore del negozio sul back-end.

5. Riepilogo pagamento:

Fornisce il dettaglio completo del costo totale del carrello.

6. Procedere al pagamento:

Gli utenti possono andare alla pagina di pagamento semplicemente facendo clic sull'opzione Procedi al pagamento.

7. Procedere al pagamento:

Gli utenti possono andare alla pagina di pagamento semplicemente facendo clic sull'opzione Procedi al pagamento.

Pagamento 5.10

Nella schermata di pagamento, l'utente può trovare l'elenco di tutte le opzioni di pagamento disponibili tra cui scegliere. Il creatore di app per dispositivi mobili WooCommerce supporta tutti i tipi di metodi di pagamento e consente anche all'amministratore del negozio di aggiungere nuovi dal back-end. Per impostazione predefinita abbiamo integrato due metodi di pagamento nativi PayPal e Contrassegno. Gli utenti possono semplicemente fare clic su Esegui opzione di pagamento per completare la transazione.

Metodi di pagamento integrati ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
pagamento-metodi

I metodi di pagamento del tuo negozio

payment-by-wire

Login 5.11

Il produttore di app per dispositivi mobili Android / iOS di WooCommerce offre opzioni di accesso social rapide. L'accesso a Facebook e Google è fornito nelle app mobili eCommerce. Facilita la procedura di accesso e registrazione per gli utenti dell'app eCommerce.

1. Accesso:app-social-login

Gli utenti potranno accedere all'app semplicemente inserendo le credenziali di accesso degli utenti.

2. Iscriviti:

Per ogni nuovo utente di app, l'opzione di registrazione è lì per creare il nuovo account compilando i dettagli necessari.

3. Dimenticare la password:

L'app mobile E-commerce consente agli utenti di recuperare la password persa con l'opzione Password dimenticata.

4. Accesso a Facebook:

Gli utenti possono accedere e navigare nell'app con il proprio account Facebook.

5. Accesso Google:

Gli utenti possono anche accedere e navigare nell'app con il proprio account Google.

Nota:

  1. Per creare l'app Facebook e ottenere l'ID app, fare riferimento al seguente link:

https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/#prerequisites-for-creating-facebook-app-for-android-will-be-provided-by-knowband

  1. Per creare l'app Google, fai riferimento al seguente link:

https://www.knowband.com/blog/user-manual/android-mobile-app-builder-configuration/#prerequisites-for-creating-google-app-for-android-will-be-provided-by-knowband

5.12 Il mio account

La schermata Il mio account di WooCommerce per Android / iOS consente agli utenti di visualizzare i dettagli completi dell'account. Contiene anche l'elenco di tutti gli ordini precedenti effettuati dagli utenti. La schermata del mio account ha le seguenti funzionalità:

1. Cronologia ordini:

Fornisce i dettagli degli ordini che vengono inseriti dall'utente come ID ordine, data di invio, stato dell'ordine.my-conto-screen

2. Aggiorna il profilo:

Gli utenti sono autorizzati ad aggiornare i propri dati personali. Gli utenti possono aggiornare il nome e la password memorizzati nell'applicazione.

3. Indirizzo di spedizione:

Gli utenti possono visualizzare direttamente tutti gli indirizzi memorizzati facendo clic sull'opzione Indirizzi di spedizione.

4.

Gli utenti possono visualizzare i dettagli completi degli ordini precedentemente inseriti come ID ordine, stato dell'ordine ecc. Quando richiesto.

5. Riordina la funzione:

La funzione di riordino consente agli utenti di acquistare i prodotti ordinati in precedenza direttamente dalla schermata Il mio account.

5.13 Dettaglio ordine

La schermata dei dettagli dell'ordine dell'app mobile WooCommerce consente agli utenti di trovare e rintracciare gli ordini precedentemente inseriti dall'app. Ha informazioni complete su stato dell'ordine, indirizzo di spedizione, dettagli di pagamento e costo totale.

order-details

5.14 Aggiungi indirizzo

Se necessario, gli utenti possono aggiungere comodamente un nuovo indirizzo di spedizione direttamente dall'app mobile.add-new-trasporto-indirizzo? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *