Magento 2 Mobile App Builder – Manuale utente

magento-2-mobile-app-builder-user-manual


1.0 Introduzione

Hai recentemente effettuato la migrazione da Magento 2.x a Magento 1.x? È tempo di creare app native per il tuo negozio. Sappiamo tutti che le app mobili per l’eCommerce sono una delle esigenze più inevitabili delle attività online odierne. Quindi, se sei il proprietario di un negozio Magento 2 e stai pianificando di portare il tuo sito web sulla piattaforma mobile, KnowBand ha semplificato il lavoro per te. Scopri come? L’estensione Magento 2 Mobile App Builder ti consente di aggiornare il tuo negozio eCommerce in un paio di app mobili impeccabili e dotate di funzionalità. Le app Android e iOS completamente funzionali sviluppate con Magento 2 Mobile App Maker soddisferebbero sicuramente tutti i requisiti per la crescita del tuo negozio. Questa è la soluzione più fluida per lo sviluppo di mCommerce. Tutto ciò che devi fare è specificare i requisiti aziendali e lasciare il resto al nostro team di sviluppo qualificato. Le app mobili per i negozi Magento 2 sviluppate da questa soluzione pronta all’uso offrono agli utenti un’esperienza di acquisto impeccabile e affidabile. Ciò aumenterà sicuramente le conversioni e le vendite del tuo negozio.

1.1 Nuovi aggiornamenti:

a) Anteprima del backend del layout della schermata iniziale:

Nell’ultima versione (v1.0.6) di Magento 2 Mobile App Creator, l’amministratore dello store può visualizzare in anteprima il layout della schermata iniziale solo lì mentre lo imposta dal pannello di amministrazione. Non c’è bisogno di aprire l’app, aggiorna ogni volta per visualizzare le modifiche. Progetta semplicemente la tua schermata iniziale con più facilità e modificala quando necessario.

b) Aggiornamento Flutter:

Abbiamo recentemente aggiornato le nostre app mobili per Android e iOS alla più recente tecnologia di sviluppo di app mobili Flutter. Ora gli utenti possono sperimentare una velocità robusta con tutte le funzionalità aggiornate.

c) Scanner per codici QR/codici a barre:

Ora, gli utenti dell’app mobile possono anche cercare i loro dati preferiti tramite ricerca tramite codici QR/a barre. Gli utenti dell’app Android e iOS possono trovare l’opzione aggiornata nella pagina di ricerca.

d) Elementi del banner video:

Il Magento 2 Mobile App Builder di Knowband ora include componenti banner video nella home page. Questa funzionalità consente agli amministratori del negozio di mostrare video coinvolgenti caricandoli direttamente o incorporando video di YouTube, migliorando l’attrattiva visiva e l’esperienza utente della home page dell’app.

e) Visualizzazione elenco/griglia:

Con il Magento 2 Native Mobile App Builder di Knowband per Android e iOS, gli utenti dell’app possono passare senza problemi tra le visualizzazioni elenco e griglia mentre navigano tra i prodotti. Questa funzionalità migliora l’esperienza di acquisto complessiva offrendo un modo flessibile e visivamente accattivante per esplorare i prodotti. Gli utenti possono facilmente passare da una visualizzazione all’altra utilizzando il pulsante elenco/griglia disponibile nelle pagine di elenco prodotti.

f) Opzioni video/banner nelle pagine di elenco dei prodotti per categoria:

L’aggiornamento di Knowband Mobile App Maker per Magento 2 consente ora agli amministratori del negozio di migliorare le pagine di elenco dei prodotti di categoria con opzioni di caricamento di video e banner. Gli amministratori possono caricare video (inferiori a 2 MB) o mostrare direttamente i video di YouTube, offrendo un’esperienza di navigazione più coinvolgente e dinamica. Questa funzionalità fornisce un maggiore controllo dell’interfaccia utente per l’amministratore del negozio, migliorando significativamente l’interazione e l’esperienza del cliente.

g) Slider banner automatici:

knowband-magento-2-app-maker-banner-slider-automatizzati

L’ultimo Knowband Magento 2 Mobile App Builder introduce una funzionalità di banner slider automatizzata, che consente agli amministratori del negozio di configurare l’intervallo di scorrimento direttamente dal backend del modulo. Questa funzionalità è particolarmente utile per i “Banner Horizontal Sliders” nella home page, dove gli amministratori possono aggiungere banner video e immagini per una visualizzazione dinamica e coinvolgente.

h) Sezione di revisione avanzata:

knowband-magento-2-mobile-app-builder-enhanced-review-page
L’app mobile Knowband offre una sezione di recensioni migliorata. Le recensioni approvate vengono ora visualizzate con un’interfaccia utente migliorata, offrendo un’esperienza visivamente accattivante e fluida per gli utenti di app Android e iOS.

i) Opzione pop-up di accesso e registrazione:

Knowband-Magento-2-Mobile-App-Builder-Login-Registrazione-Pop-up
Catturare le email dei visitatori è una delle sfide più grandi nell’eCommerce. Tuttavia, abbiamo semplificato questo processo introducendo il pop-up di login/registrazione nella recente versione di Mobile App Builder. L’amministratore del negozio può aggiungere un pop-up di login che apparirà per i clienti non loggati, aumentando le possibilità di opt-in email fornendo semplici opzioni di login agli utenti.

1.2 Installazione del modulo

Di seguito sono riportati i passaggi per installare il modulo Magento 2 Mobile App Creator:

  • Acquista il Generatore di app mobili Magento 2 modulo di KnowBand.
  • Il pacchetto ha un file compresso che contiene il manuale utente e il codice sorgente dell’estensione Mobile App Builder. Decomprimi il pacchetto.
  • Crea una cartella {Magentoroot}/app/code/Knowband/Mobileappbuilder Carica il contenuto estratto nella cartella soprastante tramite il gestore FTP (come Filezilla o WinSCP – scarica qui: https://filezilla-project.org/).
  • Ora esegui i comandi sottostanti per installare il plugin: php -f bin/magento module:enable –clear-static-content Knowband_Mobileappbuilder php -f bin/magento setup:upgrade php -f bin/magento setup:di:compile php bin/magento setup:static-content:deploy

L’estensione è ora installata e pronta per l’uso. Nel pannello di amministrazione vai su “Knowband > Mobile App Builder”. Ora puoi configurare e usare il modulo Magento 2 Mobile App Builder.

2.0 Demo dell’app mobile Magento 2

Prima di acquistare l’estensione Magento 2 Mobile App Maker, è meglio testare le nostre app demo.

2.1 Visualizza il nostro negozio demo lavorando sulle app

Abbiamo sviluppato due app demo e impostato uno store demo per testare senza problemi il modulo prima dell’effettivo sviluppo dell’app mobile. Segui i passaggi indicati di seguito:

Passo 1: Scarica e installa Nautica Magento 2 Mobile Apps sul tuo dispositivo di test. Ecco i link alle app Magento 2 Android e iOS:
Apple App Store  
Google Play Store

Passo 2: Apri l’app e tocca l’opzione “Visualizza demo”. Ecco fatto, ora puoi facilmente testare tutte le funzionalità dell’app.

Nota: Per accedere al pannello di amministrazione di Magento 2 Mobile App Builder di KnowBand sul nostro negozio demo, visita qui.

2.2 Visualizza il tuo negozio lavorando su app demo

Vuoi testare il tuo sito web su queste demo Mobile App? Abbiamo reso possibile tutto questo in soli 3 semplici passaggi:

Passo 1: Scarica e installa Generatore di app mobili Magento 2 GRATUITO plugin sul tuo sito web Magento 2.

Passo 2: Installa le App Demo (link nella sezione precedente) sul tuo dispositivo mobile. Apri l’App e inserisci l’URL del tuo sito web nell’opzione “Visualizza il tuo negozio”.

Passo 3: Tocca “Visualizza il tuo negozio” e inizia ad analizzare il tuo sito web lavorando sulle nostre app demo.

Nota: Questa versione gratuita di Mobile App Builder è solo per scopi dimostrativi e nessun file APK/IPA verrà fornito con questo modulo. Per ottenere i tuoi file APK/IPA, devi acquistare la versione a pagamento di Generatore di app mobili Magento 2.

3.0 Crea le tue app mobili Magento 2

Dopo aver testato con successo Magento 2 Mobile App Builder, crea un paio di app mobili per il tuo sito web. KnowBand ha reso il tutto il più semplice possibile.

Fase 1: Acquista e installa il modulo sul tuo sito web.
Acquista Generatore di app mobili Magento 2 e installalo sul tuo negozio utilizzando i dettagli FTP del tuo negozio.

Passaggio 2: condividi le specifiche dell’app
Condividi con noi alcuni dettagli riguardanti lo sviluppo dell’app tramite un modulo prerequisito.

Passaggio 3: Ottieni le tue app Android e iOS in 1-2 giorni
I file APK e IPA finali possono essere condivisi con te in soli 2-3 giorni. Puoi esaminarli e suggerire modifiche (se presenti).

Nota: Puoi pubblicare questi file APK/IPA sui rispettivi app store. Fai riferimento ai seguenti link per lo stesso:

Come pubblicare un’app Android sul Google Play Store?
Come pubblicare un’app iOS sull’Apple App Store?

Se si verifica un problema durante la pubblicazione dell’app, saremo noi a risolverlo per te.

Schermate del pannello di amministrazione 4.0

Dopo l’installazione corretta di Magento 2 Mobile App Builder, l’amministratore del negozio avrà a disposizione le seguenti schede per la personalizzazione:

4.1 Impostazioni generali:

Knowband-Magento-2-Mobile-App-Builder-Impostazioni-Generali

  1. Abilita l’estensione: Abilitare Magento 2 Mobile App Builder per far funzionare le app mobili sui dispositivi degli utenti.
  2. Reindirizza alla pagina del carrello quando aggiungi al carrello: Ogni volta che un utente clicca sul pulsante Aggiungi al carrello, verrà reindirizzato alla schermata del carrello.
  3. Visualizza breve descrizione: Abilita la visualizzazione di una breve descrizione del prodotto nella schermata del prodotto.
  4. Abilita segnalazione registro richieste: Abilita il registro degli errori sulle app mobili, che viene utilizzato per identificare e correggere eventuali comportamenti anomali delle app mobili.
  5. Mostra anteprima app: Questa opzione mostra/nasconde un’anteprima dell’app.

Knowband-Magento-2-Mobile-App-Builder-Impostazioni-generali-2

  1. Abilita/disabilita Spin and Win: Se utilizzi il modulo Spin and Win di Knowband, questa opzione abiliterà/disabiliterà il pop-up Spin and Win nelle app.
  2. Abilita l’accesso social: Questa opzione abilita/disabilita le opzioni di accesso social nelle app.
  3. Abilita/disabilita l’accesso tramite impronta digitale: Abilita l’accesso tramite impronta digitale nelle app mobili.
  4. Abilita/disabilita l’accesso tramite numero di telefono: Abilita l’accesso tramite numero di telefono nelle app mobili.
  5. Numero di telefono obbligatorio alla registrazione: Gli amministratori del negozio possono rendere il numero di cellulare facoltativo/obbligatorio tramite il seguente pulsante.
  6. Seleziona il layout per la home page: Scegli il layout desiderato per la schermata iniziale delle app mobili.
  7. Visualizza notifiche nell’app: Mostra/Nascondi la scheda Notifiche nell’app per i clienti.
  8. Abilita/Disabilita il pop-up di accessosu: l’amministratore può abilitare il pop-up di accesso nella home page con questo pulsante.

Knowband-Magento-2-Mobile-App-Builder-Impostazioni-generali-3

  1. Metodi di spedizione disabilitati: Gli amministratori possono disattivare metodi di spedizione specifici per l’app solo tramite il pulsante seguente.
  2. Abilita il supporto tramite chat live: Abilita/disabilita l’opzione chat di Zopim (Zendesk) sulle app mobili. Devi inserire la chiave API della chat fornita insieme alle app finali.
  3. Abilita il supporto della chat di WhatsApp: Abilita/disabilita l’opzione chat di WhatsApp sulle app mobili.
  4. Abilita logo: Abilita il logo sulle tue app mobili. Puoi caricare l’immagine del logo che verrà visualizzata nell’intestazione delle app mobili.
  5. Seleziona il carattere delle app: Utilizzando il seguente pulsante, gli amministratori possono modificare i font delle app Android e iOS.
  6. Colore pulsante app: Scegli il colore dei pulsanti per le tue app.
  7. Colore tema app: Scegli il colore del tema per le tue app.
  8. Colore del testo del pulsante dell’app: Scegli il colore del testo dei pulsanti per le tue app.
  9. Colore di sfondo dell’app: Scegli il colore di sfondo per le tue app.
  10. Colore tema icona app: Scegli il colore del tema dell’icona dell’app.

4.2 Impostazioni del menu:

Con la scheda Impostazioni menu in Magento 2 Mobile App Maker, puoi facilmente aggiungere e gestire le pagine CMS sulla tua app mobile. La pagina Contattaci può essere abilitata o disabilitata in base alle tue preferenze e puoi anche aggiungere nuove pagine CMS al menu. Ciò ti consente di fornire ai tuoi clienti un facile accesso a informazioni importanti come le policy del tuo negozio, le FAQ e altro ancora. Inoltre, puoi personalizzare l’ordine delle voci di menu per rendere più semplice per i tuoi clienti la navigazione nell’app.

magento-2-mobile-app-maker-offre-la-scheda-impostazioni-menu

4.3 Notifiche push:

Impostazione delle notifiche push di Knowband-Magento-2-Mobile App-Builder

  1. Account di servizio JSON: Con la deprecazione della tradizionale API di messaggistica push di Firebase, è stata sostituita da un file JSON dell’account di servizio. Questa sezione consente agli amministratori di configurare il file JSON ottenuto dal loro account Firebase. Puoi impostarlo da solo oppure ti forniremo il file JSON dell’account di servizio durante il processo di creazione dell’app per tua comodità.
  2. Notifica di successo dell’ordine: Configura la notifica push di creazione ordine automatica, che verrà inviata automaticamente alle app degli utenti che creano correttamente un ordine tramite la tua app.
  3. Notifica di aggiornamento dello stato dell’ordine: Configura la notifica di aggiornamento dello stato dell’ordine che verrà inviata automaticamente agli utenti ogni volta che c’è un aggiornamento nello stato di consegna dell’ordine.
  4. Notifica carrello abbandonato: Configura la notifica automatica di carrello abbandonato, che verrà inviata automaticamente agli utenti che hanno lasciato i loro prodotti nel carrello.

4.4 Cronologia delle notifiche push:

Nella scheda seguente, abbiamo fornito l’opzione per controllare tutte le notifiche condivise in precedenza insieme alla data e all’ora. Inoltre, cliccando su invia una nuova notifica, gli utenti possono anche inviare nuove notifiche agli utenti dell’app.

cronologia-notifiche-push

Abbiamo anche aggiunto una funzionalità speciale nel modulo Builder dell’app mobile Magento 2. Ora gli amministratori possono inviare nuove notifiche immediatamente o anche programmarle per il futuro.  

Layout della pagina iniziale 4.5

Il Magento 2 Mobile App Builder offre una schermata iniziale personalizzabile con tutti i tipi di elementi di design nel backend del modulo. Puoi creare qualsiasi layout per la schermata iniziale della tua app mobile e offrirla ai tuoi utenti.

layout della home page

Dopo aver aggiunto il layout, clicca sull’opzione Modifica e inizia a configurare vari attributi di progettazione per la schermata iniziale della tua app Magento 2.

Knowband-Magento-2-Mobile-App-Builder-Layout-Home-Page
L’amministratore del negozio può configurare i seguenti elementi di design nella scheda Layout della home page di Magento 2 Mobile App Builder:

Categorie principali:

Queste categorie quadrate possono essere utilizzate per evidenziare tutte le categorie principali del tuo sito web nella schermata Home. Queste categorie possono essere aggiunte dal backend del modulo come mostrato nell’istantanea sottostante:

I piú categorie

Stendardo quadrato:

Il banner può essere visualizzato in forma quadrata nella schermata iniziale dell’app mobile. Ora, l’amministratore del negozio può aggiungere o caricare video di YouTube per i componenti del layout quadrato del banner con le opzioni pertinenti fornite nella sezione attività di reindirizzamento. La landing page, l’immagine può essere configurata come mostrato nell’istantanea seguente:

banner quadrato

L’amministratore del negozio Magento 2 può anche aggiungere elementi video negli slider orizzontali. Abbiamo anche fornito una sezione di intervallo di tempo negli aggiornamenti recenti che consentirà all’amministratore di configurare l’intervallo per gli slider banner automatici. Gli slider banner scorrevoli possono essere visualizzati nella schermata Home dell’app mobile, che può essere configurata come mostrato nell’istantanea seguente:

scorrevoli-banner

Come gli slider banner orizzontali, l’amministratore dello store può anche aggiungere video nei componenti layout banner griglia. Questi sono i banner per la schermata iniziale dell’app visualizzati sotto forma di elenco griglia e possono essere personalizzati come mostrato nell’istantanea sottostante:striscioni a griglia

Conto alla rovescia Banner

Visualizza un banner con timer per il conto alla rovescia nelle schermate iniziali dell’app mobile Magento 2 e offri ai tuoi utenti una vendita flash/a tempo:

banner-timer-conto-alla-rovescia

Prodotti quadrati:

I prodotti possono anche essere elencati nell’elenco quadrato nella schermata iniziale dell’app mobile. Questo può essere configurato come mostrato nell’istantanea qui sotto:

prodotti quadrati

Prodotti scorrevoli

I prodotti possono essere visualizzati nella visualizzazione a scorrimento sulla schermata iniziale dell’app mobile e possono essere configurati dal pannello back-end.

prodotti scorrevoli

Prodotti della griglia:

I prodotti possono essere visualizzati nella vista griglia nella schermata iniziale dell’app mobile:

prodotti della griglia

Prodotti a cui si è avuto accesso di recente:

Il Magento 2 Mobile App Creator offre la scheda dei prodotti recenti nella schermata iniziale dell’app mobile che mostra i prodotti recenti visualizzati dall’utente. Puoi semplicemente aggiungere l’elemento nel tuo layout per visualizzarlo nella schermata iniziale.

Pop-up di accesso:

Il Magento 2 Mobile App Maker migliorato è dotato di un pop-up di login nella home page. Con l’aiuto di questo componente di layout, l’amministratore può mostrare un pop-up di login nella schermata iniziale dell’app. Questo pop-up apparirà solo per gli utenti non loggati.

Nota: l’amministratore del negozio può aggiungere fino a 20 elementi durante la progettazione di un layout nel pannello back-end.  

5.0 Schermate delle app mobili

5.1 Schermata iniziale:

Il Magento 2 Mobile App Builder offre la flessibilità completa per progettare autonomamente la schermata iniziale dell’app mobile. Le app mobili Android e iOS possono essere progettate dal pannello backend utilizzando i seguenti attributi di progettazione: –> Categorie principali –> Banner quadrati –> Banner scorrevoli –> Banner a griglia –> Prodotti quadrati –> Prodotti scorrevoli –> Prodotti a griglia –> Banner timer conto alla rovescia –> Prodotti visualizzati di recente
–> Pop-up di accesso. –> Elementi del banner video –> Pagina di revisione migliorata.

image-3-1

image-4-1

Knowband-Magento-2-Mobile-App-Builder-Login-Registrazione-Pop-up

Il posizionamento di tutti gli elementi può essere modificato semplicemente trascinandoli.

a) Layout dinamici: Crea e salva vari layout accattivanti e intuitivi nel backend e modifica l’aspetto della tua app con un solo clic.

b) Logo del negozio: Aggiungi l’immagine del logo del tuo negozio nel backend del modulo e visualizzala nell’intestazione delle app.

c) Cerca: Le app mobili Magento 2 hanno opzioni di ricerca per parole chiave che consentono agli utenti di cercare prodotti senza problemi. Oltre alle parole chiave, gli utenti possono anche cercare prodotti tramite scanner QR e codice a barre.

d) Lista dei desideri: L’opzione Lista dei desideri nell’app mobile Magento 2 ti consente di aggiungere ai preferiti i prodotti desiderati per acquisti futuri.

e) Carrello: Gli utenti possono accedere facilmente al carrello degli acquisti dall’angolo in alto a destra della schermata iniziale.

f) WhatsApp: Il Magento 2 Mobile App Maker offre due opzioni di chat live nelle app mobili con Zopim e WhatsApp. Gli utenti dell’app possono inviarti messaggi direttamente per qualsiasi problema o domanda riguardante l’acquisto.

g) Pop-up di accesso: Abbiamo introdotto di recente il nuovissimo pop-up login-signup nelle app Android e iOS di Magento 2. Se il cliente non ha effettuato l’accesso, può semplicemente completare i pulsanti login/signup forniti sotto il pop-up di registrazione.

5.2 Menu Fisarmonica (barra di navigazione)

Il Magento 2 Mobile App Maker offre un menu Accordion nelle app mobili che visualizza le categorie del negozio sulle app mobili. Gli utenti della tua app possono facilmente sfogliare tutte le categorie da questo menu e accedere a tutte le pagine CMS. Questo menu ha le seguenti opzioni:5-2-1

Categorie: Tutti i tipi di categorie del tuo negozio vengono recuperati anche sulle app mobili Android e iOS. Le app offrono persino una categorizzazione multilivello e consentono agli utenti di sfogliare i prodotti con facilità.

Pagine CMS: Tutte le pagine CMS del tuo negozio, come Chi siamo, Contattaci, Termini e condizioni, ecc., verranno visualizzate in questo menu.

Language (s): Le app mobili di eCommerce Magento 2 sono sia multi-lingue che supportate da lingue RTL. Gli utenti possono scegliere la lingua desiderata dell’app e l’intero contenuto dell’app verrà tradotto di conseguenza. Ogni tipo di lingua disponibile nello store è visualizzata qui sotto questo menu.

Valuta/e: Proprio come le lingue multiple, tutti i tipi di opzioni di valuta in esecuzione sul tuo sito web saranno visualizzati nelle app mobili Magento 2. Ciò consente agli utenti dell’app di effettuare pagamenti con l’opzione di valuta desiderata.

5.3 Schermata Categoria:

5-3-1

Tutte le categorie sul tuo sito web Magento 2 vengono recuperate anche sulle app mobili Magento 2. La schermata delle categorie dell’app mobile Magento 2 ha due viste: vista griglia e vista elenco. Questa schermata ha le seguenti opzioni:

Visualizzazione griglia ed elenco:

I prodotti possono essere visualizzati sia in modalità griglia che in modalità elenco.

Ordinare:

L’opzione di ordinamento nelle app mobili Magento 2 consente agli utenti di visualizzare i prodotti nelle categorie Dal più basso al più alto o dal più alto al più basso.

Filter:

Filtra i prodotti della categoria in base a vari attributi come prezzo, costo, ecc. e cerca i prodotti desiderati senza alcuno sforzo.

5.4 Schermata del prodotto:

La schermata del prodotto dell’app mobile Magento 2 è completamente ordinata e accattivante. Ogni prodotto ha più immagini visualizzate insieme al suo nome e prezzo. La disponibilità del prodotto è anche visualizzata come “In Stock” o “Out Of Stock” insieme agli sconti sul prezzo. La schermata del prodotto ha le seguenti opzioni:

5-4-1

Opzioni del prodotto:
Varie opzioni relative al prodotto come taglia, colore, ecc. vengono visualizzate sulla schermata del prodotto. Queste opzioni sono le stesse disponibili sul tuo sito web.

Breve descrizione:
Gli utenti possono leggere la breve descrizione del tuo prodotto per farsi rapidamente un’idea. L’app mobile Magento 2 mostra sia descrizioni brevi che complete dei prodotti.

Informazioni e cura del prodotto:
In questa sezione vengono visualizzate tutte le informazioni relative al prodotto specifico. Sono le stesse informazioni presenti sul sito web.

Aggiungi alla lista dei desideri:
Gli utenti possono anche aggiungere i prodotti alla borsa della lista dei desideri da qui. I prodotti aggiunti alla lista dei desideri vengono contrassegnati per acquisti futuri.

Aggiungi al carrello:
Il pulsante Aggiungi al carrello consente di aggiungere prodotti al carrello, che potranno essere ulteriormente elaborati per la creazione corretta dell’ordine.

Condivisione social del prodotto:
L’app mobile Magento 2 ha l’opzione di condividere i prodotti su diverse piattaforme social, Bluetooth ed e-mail. Gli utenti possono condividere i prodotti con i loro amici e parenti e portare potenziali utenti al tuo negozio.

5.5 Schermata Lista dei desideri:

5-5-1

Il Magento 2 Mobile App Builder offre una wishlist bag che consente agli utenti di aggiungere ai preferiti i prodotti per acquisti futuri. Gli utenti dell’app possono visualizzare l’elenco di tutti i prodotti della wishlist da questa schermata. Ha le seguenti opzioni:

Aggiungi al carrello:
Gli utenti dell’app possono aggiungere il prodotto della lista dei desideri direttamente al carrello tramite l’opzione Aggiungi al carrello.

Rimuovi dalla lista dei desideri:
Se necessario, gli utenti possono anche rimuovere qualsiasi prodotto dalla lista dei desideri tramite l’opzione di rimozione.

Schermata di accesso 5.6

Magento 2 Mobile App Maker offre vari accessi con un solo tocco con le seguenti opzioni: 1. Accesso tramite e-mailaccesso
2. Accesso tramite Google e Facebook 3. Accesso tramite OTP e impronta digitale

Login:
Gli utenti dell’app Magento 2 possono autenticarsi e accedere utilizzando le credenziali di accesso tramite e-mail.

Iscriviti:
Tutti i nuovi utenti possono registrarsi e creare il proprio account sullo store dall’app mobile. Il modulo di registrazione per l’app mobile Magento 2 è completamente fluido.

Accedi con il numero di telefono:
L’app mobile Magento 2 offre un’opzione di accesso tramite numero di telefono che consente agli utenti di verificare l’OTP.

Accedi con l’impronta digitale:
Gli utenti della tua app hanno anche la possibilità di effettuare l’accesso con un’impronta digitale. Questa autenticazione biometrica consente all’app di effettuare l’accesso in pochi secondi.

Fai il login con facebook:
Gli utenti possono accedere alle app mobili utilizzando le credenziali del proprio account Facebook.

Accedi con Google+:
Gli utenti possono accedere all’app utilizzando le credenziali del loro account Google+.

5.7 Schermata Carrello:

La schermata Carrello della Magento 2 Mobile App mostrerà tutti i prodotti aggiunti al carrello. Gli utenti dell’app mobile possono visualizzare il nome del prodotto, la quantità, il prezzo totale e il costo di spedizione dal carrello. La schermata Carrello ha le seguenti opzioni:

5-7-1

Applica il voucher:
Questa opzione consente agli utenti di ottenere sconti e offerte inserendo coupon e voucher validi in esecuzione sul tuo sito web.

Prezzo totale del prodotto:
Gli utenti possono visualizzare il costo totale del loro carrello, che viene aggiornato automaticamente ogni volta che si aggiunge qualcosa al carrello.

Aggiorna quantità prodotto:
Gli utenti possono persino aggiornare la quantità specifica del prodotto.

Rimuovi prodotto:
Gli utenti dell’app possono semplicemente rimuovere il prodotto dal carrello.

Continua lo shopping:
Gli utenti dell’app possono abbandonare il carrello per cercare altri prodotti sulla tua app. Gli acquirenti saranno reindirizzati alla schermata iniziale toccando l’opzione Continua lo shopping.

Continua per il pagamento:
Gli utenti dell’app possono procedere ulteriormente alle schermate di checkout e pagamento semplicemente toccando l’opzione “Continua al checkout”. Ciò reindirizzerà gli utenti alla schermata di checkout.

5.8 Processo di pagamento

Il Builder dell’app mobile Magento2 consiste in un processo di checkout semplificato. Gli utenti dell’app mobile front-end hanno la possibilità di selezionare i dettagli di spedizione, i dettagli di fatturazione, i numeri degli ordini, i commenti sugli ordini e così via nel processo di checkout dell’app mobile.

5-7-1

Gli utenti delle app Android e iOS devono solo seguire alcuni semplici passaggi per effettuare i loro ordini. 1. I clienti possono selezionare il prodotto desiderato e aggiungerlo al carrello. Dopo aver cliccato sul carrello, possono anche selezionare la quantità di prodotto desiderata. Inoltre, gli utenti dell’app mobile front-end possono vedere il numero totale di prodotti e i costi di spedizione. Il cliente ha anche la possibilità di applicare qualsiasi codice voucher e coupon nella parte inferiore della stessa pagina. 2. Dopo aver cliccato sull’opzione Continua al checkout, l’utente può rivedere l’ordine dove può vedere diversi dettagli. Come prezzo del prodotto, costo di spedizione, indirizzo di spedizione (può essere modificato nella stessa pagina), riepilogo dell’ordine (numero di prodotti), prezzo totale e così via. Inoltre, il cliente ha la possibilità di selezionare la modalità di spedizione preferita nella stessa pagina. L’utente può anche inserire la sua richiesta o requisito speciale nell’opzione di commento dell’ordine che appare nella parte inferiore dello schermo.

5-8a-1
L’utente verrà reindirizzato alla schermata del metodo di pagamento dopo aver fatto clic sull’opzione Continua alla cassa.

In questa schermata, gli utenti hanno la possibilità di selezionare tra tutte le opzioni di pagamento del sito web. Per impostazione predefinita, l’app per lo shopping prevede un’opzione di pagamento in contrassegno come modalità di pagamento. Quando l’utente esegue l’attività di pagamento, verrà reindirizzato alla schermata di riepilogo dell’ordine, dove il cliente può vedere lo stato dell’ordine, il numero dell’ordine, l’importo e così via. Gli utenti dell’app mobile front-end riceveranno anche il messaggio popup di conferma dell’ordine sugli schermi dei loro telefoni cellulari.

5-8-b-1

5.9 Schermata Il mio account

La schermata My Account dell’app Android/iOS di Magento 2 consente agli utenti di visualizzare i dettagli completi dell’account, incluso un elenco di tutti gli ordini precedenti. Questa schermata ha le seguenti opzioni:

il mio account

Cronologia ordini:

Gli utenti possono visualizzare i dettagli completi dei loro ordini passati, tra cui la data di invio, il riferimento dell’ordine, il prezzo e lo stato della consegna.

Aggiorna il profilo:

Gli utenti possono aggiornare i dettagli del loro profilo, come nome e cognome, numero di telefono e password, utilizzando le impostazioni dell’account dell’app.

Indirizzo/i di spedizione:

Gli utenti possono visualizzare tutti gli indirizzi di spedizione salvati nell’app mobile Magento2 e da questa schermata possono anche aggiungere un nuovo indirizzo di spedizione.

Dettagli ordine:

L’app mobile Magento2 consente agli utenti di visualizzare la cronologia dei propri ordini nell’app. Gli utenti possono vedere un elenco di tutti i loro ordini precedenti, insieme alla data dell’ordine, al numero dell’ordine, allo stato dell’ordine e al costo totale. Possono anche visualizzare i dettagli di ogni ordine, inclusi i prodotti ordinati, l’indirizzo di spedizione e fatturazione, il metodo di pagamento e lo stato della consegna. Questa funzionalità semplifica per gli utenti il ​​monitoraggio dei loro acquisti passati e il riordino dei prodotti, se necessario.

6.0 Schermata dei dettagli dell’ordine

La schermata Order Details nella tua app di eCommerce Magento2 mostra i dettagli completi dell’ordine, tra cui l’indirizzo di spedizione, il riepilogo del prodotto, il metodo di spedizione e pagamento e il riepilogo del costo totale. Gli utenti dell’app possono tracciare la consegna degli ordini effettuati in precedenza direttamente da questa schermata, offrendo loro un’esperienza di acquisto senza problemi.

7.0 Marketplace Magento 2 avanzato con app mobile

Il Magento 2 Marketplace di KnowBand converte il tuo sito web online in un marketplace a tutti gli effetti. Il Magento 2 Mobile App Builder è completamente compatibile con Estensione Magento 2 Marketplace. Ciò significa che puoi portare l’intero elenco del marketplace sulle stesse app mobili Magento 2. Quindi, lancia un paio di app mobili compatibili con Marketplace con KnowBand e attrai un’ampia base di venditori e clienti nel tuo negozio. –> Quando l’utente clicca sull’opzione Venditore, viene reindirizzato alla pagina Venditore del negozio mobile. L’utente può visualizzare l’elenco dei venditori nel marketplace insieme alle loro valutazioni. –> I clienti possono cliccare sul nome del venditore per vedere il suo profilo e il prodotto offerto. I venditori possono accedere con il loro nome utente e password. Vengono quindi reindirizzati alla dashboard. Scopri di più su Magento 2 Marketplace con app mobile da qui. Ecco fatto! Per maggiori informazioni su Magento 2 Mobile App Builder di KnowBand, fare riferimento ai seguenti link:

Generatore di app mobili Magento 2
Demo di amministrazione del generatore di app mobili Magento 2
Demo dell’app Android Magento 2
Demo dell’app Magento 2 per iOS
Hai visto come funziona questo plugin?

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 *