Knowband Blog | Ecommerce Modules

Magento Mobile App Builder

1.0 Introduzione

Una Mobile App è sicuramente una di queste soluzioni che può portare la tua attività di e-commerce in luoghi lontani. Con il supporto dell’app Magento Mobile

1.1 Salient Feature di Magento Mobile App Builder

Il Magento Mobile App Builder include alcune delle principali funzionalità di vendita: -> Layout della schermata Home personalizzabile (Flessibilità completa) -> Branding del negozio -> Supporto chat Zopim e WhatsApp (24 * 7) -> Google e Facebook Accesso -> Accesso OTP e impronte digitali -> Supporto per tablet e dispositivi mobili -> Supporto Android 4.2 per Android 8.0 (Oreo) -> Supporto iOS 9 per iOS 11 -> Aggiornamento inventario automatico -> Colore e carattere multipli Scelte -> Supporto multilingue e RTL (da destra a sinistra) -> Supporto multi-valuta -> Supporto per tutti i tipi di prodotto -> Metodo di pagamento sito web supportato su App -> Metodo di spedizione del sito web supportato su App -> Integrazione di metodi di pagamento personalizzati -> Notifiche push illimitate -> Opzioni di condivisione social del prodotto -> Opzioni di filtro e ordinamento multiple -> Ricerca vocale avanzata (solo Android) -> Funzionalità della Wishlist -> Coupon / Voucher del sito Web supportati su app . -> Schermata di controllo semplificata -> Monitoraggio dell’ordine in tempo reale

2.0 Magento Mobile App

KnowBand offre una demo GRATUITA per Magento Mobile Apps per te prima di effettuare l’acquisto vero e proprio. L’amministratore del negozio può sperimentare il funzionamento delle app sui tuoi dispositivi di test.

2.1 Visualizza il nostro negozio di demo che funziona su app

Abbiamo creato un negozio demo gratuito solo per testare le funzionalità dell’app Magento Mobile. Installa l’applicazione sul tuo dispositivo ed esplora il suo funzionamento impeccabile.

Passo 1:Scarica e installa l’app Nautica Magento Mobile sul tuo dispositivo mobile. Ecco i link alle app:
App Store di Apple
Google Play Store

Passo 2:?Once the apps are successfully installed, open & tap “View Demo” option on the splash screen. Start testing the apps working with ease.

Nota:?You can access the admin panel of Magento Mobile App Builder from qui.

2.2 Visualizza il tuo negozio lavorando su app demo

Non sei ancora convinto? Vuoi testare il tuo sito web sulle app demo. Ti abbiamo coperto anche di questi semplici passaggi 3:

Passo 1:?Download our Magento Mobile App Builder da KnowBand e installa lo stesso sul tuo sito web.

Passo 2:?Install the demo Magento Apps on the testing devices & enter the store URL in View Your Store option.

Passo 3:?Tap “View Your Store” and start experiencing your own website on Magento Android & iOS Apps.

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

Processo 3.0 per creare applicazioni mobili Magento

Soddisfatto delle nostre app demo e vuoi un paio per te? Crea le app mobili Magento in soli semplici passaggi 3:

Passo 1: Acquista e installa il modulo sul tuo sito web.
Ottieni una versione a pagamento diMagento Mobile App Builder da KnowBand e installa lo stesso sul tuo sito web.

Passo 2: Condividi alcune specifiche relative alle app
Avremmo bisogno di alcune specifiche e requisiti relativi alle app dalla tua parte. Per questo, invieremo un prerequisito per formarsi con voi.

Passo 3: ottieni le tue app per Android e iOS nei giorni 1-2
I nostri sviluppatori e il nostro team tecnico svilupperanno le app e ti contatteranno nei giorni 1-2.

Note:?You can publish these APK/IPA files on respective app stores. Refer following links for the same:

Come pubblicare l’app per Android su Google Play Store?
Come pubblicare app iOS sull’App Store di Apple?

Se si verifica un problema durante la pubblicazione dell’app nei rispettivi negozi, lo faremo al posto tuo.

Schermate del pannello di amministrazione 4.0

Dopo l’acquisto e l’installazione di Magento Mobile App Builder, l’amministratore del negozio può configurare il pannello di back-end. Vai a Sistema >> Estensioni di KnowBand >> Mobile App Builder e troverai le seguenti schede nel back-end del modulo:

Impostazioni generali 4.1:

a) Abilita / Disabilita: Abilita / disabilita il modulo Magento Mobile App Builder per far funzionare le app sullo smartphone.
b) Reindirizza sulla pagina carrello quando aggiungi al carrello: Reindirizza gli utenti delle app mobili alla schermata del carrello ogni volta che un utente tocca il pulsante Aggiungi al carrello.
c) Descrizione breve dell’esposizione: Abilitare per visualizzare la descrizione breve del prodotto sulle app mobili.
d) Abilita segnalazione registro richieste: Questa funzionalità abilita il log degli errori sui dispositivi mobili. Questo file di log degli errori viene utilizzato per correggere qualsiasi errore o comportamento anomalo dell’app.
e) Abilita il login dell’impronta digitale: Abilita l’opzione di accesso tramite impronta digitale nelle app mobili.
f) Abilita la registrazione del numero di telefono: Abilita l’accesso / registrazione del numero di telefono nelle app mobili.
g) Seleziona il layout per la Home Page: Scegli il layout desiderato per la schermata iniziale dell’app. Puoi creare più layout sotto la scheda Layout pagina iniziale che verrà visualizzata qui nel menu a discesa.

h) Metodi di spedizione disabilitati: Scegli i metodi di spedizione che non desideri visualizzare nelle app mobili.
i) Abilita il supporto per la chat di WhatsApp: Abilita / disabilita l’opzione di chat di WhatsApp sulle app mobili.
J) Abilita supporto Live Chat: Abilita / disabilita le opzioni di chat di Zopim nelle app mobili.

k) Abilita logo: Abilita il logo nelle tue app mobili. Puoi caricare l’immagine del logo che verrà visualizzata nell’intestazione delle app mobili.
l) Colore pulsante App: Scegli il colore del pulsante per le tue app.
m) Colore testo pulsante app: Scegli il colore del testo del pulsante per le tue app.
n) Colore di sfondo dell’app: Scegli il colore di sfondo per le tue app.
o) Colore tema app: Scegli il colore del tema per le tue app.

Impostazioni del menu Mobile 4.2

Questa scheda di Magento Mobile App Maker consente all’amministratore del negozio di visualizzare varie pagine CMS del sito Web sulle app mobili. Puoi aggiungere tutte le pagine CMS personalizzate che desideri. Mobile App Maker per Magento ti consente di portare tutte le pagine CMS del sito Web sull’app.

Metodi di pagamento 4.3:

Il

Notifiche push 4.4:

a) Chiave Firebase: Inserisci la chiave di Google Firebase per inviare notifiche push sulle tue app Magento. Puoi saltare questa impostazione per la versione gratuita. Vorremmo impostare lo stesso

b) Notifica dell’avvenuto ordine: Configura la notifica automatica della notifica di invio che verrebbe inviata automaticamente all’utente che ha creato correttamente un ordine.
c) Notifica di aggiornamento dello stato dell’ordine: Configura la notifica di aggiornamento automatico dello stato dell’ordine che verrebbe inviata automaticamente agli utenti ogni volta che c’è un aggiornamento nello stato di consegna dell’ordine.
d) Notifica del carrello abbandonata: Configura la notifica automatica del carrello abbandonato che verrebbe inviata automaticamente agli utenti che hanno lasciato i loro prodotti nel carrello. Questa notifica viene inviata ripetutamente agli utenti dopo una durata temporale fissa.
e) Invia notifica:
Se l’amministratore del negozio si sente come se fosse necessario evidenziare eventuali offerte o sconti giornalieri, le notifiche personalizzate possono essere inviate anche agli utenti dell’app. Queste notifiche possono essere configurate dal pannello di back-end e saranno trasmesse a tutti gli utenti dell’app.

Layout della pagina iniziale 4.5

Il Magento Mobile App Builder offre una schermata iniziale personalizzabile nelle app il cui layout può essere configurato dall’utente. Puoi creare e salvare più layout in base a vari temi, festival o eventi e selezionarli per la tua app secondo i requisiti.

Il modulo offre la flessibilità per aggiungere tutti i layout necessari e le opzioni per modificare i layout precedenti.

Nel layout della pagina iniziale di Magento Mobile App Creator, l’amministratore del negozio può modificare e personalizzare i seguenti elementi di progettazione:

Categorie principali:

Le categorie principali sono visualizzate sotto forma di piccoli quadrati nella schermata principale che possono essere configurati dal back-end utilizzando immagini e pagine di destinazione.

Square Banner è un elenco di forma quadrata configurabile nella schermata iniziale la cui immagine e pagine di destinazione possono essere configurate dal backend del modulo.

I banner possono anche essere visualizzati con lo scorrimento orizzontale e la loro immagine / pagina di destinazione può essere configurata dall’interfaccia di backend.

Griglia Banner:

I banner possono anche essere visualizzati sotto forma di elenco di rete sulla schermata iniziale dell’app per dispositivi mobili. Queste immagini banner e pagine di destinazione possono essere facilmente personalizzate da

Conto alla rovescia Banner:

Il Creatore di app per dispositivi mobili eCommerce Magento offre un banner per il conto alla rovescia sulla schermata iniziale per offrire una vendita a tempo (vendita Flash). Il timer di banner, l’immagine, la pagina di destinazione possono essere configurati dal pannello di back-end.

Prodotti quadrati:

I prodotti sul tuo negozio possono essere elencati nella schermata iniziale dell’app nella lista quadrata.

Prodotti scorrevoli

I prodotti possono essere visualizzati nella visualizzazione scorrevole nell’app Home Screen e possono essere configurati dal pannello back-end.

Prodotti a griglia:

I prodotti possono anche essere visualizzati nella vista griglia sulla schermata iniziale dell’app mobile. Questi elenchi possono essere configurati come mostrato nell’istantanea sottostante:

Prodotti di recente accesso:

Il Creatore di app mobile Magento introduce un altro elemento dei prodotti visualizzati di recente. Questo attributo visualizza quei prodotti nella visualizzazione scorrevole che sono stati visitati di recente dall’utente.

Schermi 5.0 Mobile App:

5.1 Home Screen:

Il Magento Mobile App Builder offre una schermata iniziale dinamica nelle app mobili che possono essere facilmente progettate dal pannello di back-end. L’amministratore del negozio ottiene la massima flessibilità per progettare e realizzare la schermata iniziale secondo la sua scelta. Il Magento Mobile App Builder offre i seguenti elementi di progettazione: -> Categorie principali -> Banner quadrati -> Banner scorrevoli -> Banner griglia -> Prodotti quadrati -> Prodotti scorrevoli -> Prodotti griglia -> Conto alla rovescia Timer Banner -> Prodotti visualizzati di recente È anche possibile modificare il posizionamento di questi attributi con il semplice drag & drop.

a) Layout dinamici: Crea in modo autonomo layout di schermi domestici che si connettono con gli utenti e costringili a effettuare l’acquisto.

b) Logo del sito Web: Aggiungi il logo del tuo negozio nel back-end del modulo e visualizza lo stesso nell’intestazione dell’app.

c) Ricerca: L’opzione di ricerca in Magento Mobile App consente agli utenti di cercare prodotti senza problemi. Entrambe le parole chiave e la ricerca vocale rendono più facile per gli acquirenti ottenere il prodotto giusto nel minor tempo possibile.

d) Lista dei desideri: L’opzione Wishlist nell’app mobile Magento ti consente di contrassegnare i prodotti relativi all’acquisto futuro.

e) Carrello: Gli utenti possono accedere al carrello dalla parte superiore destra della schermata iniziale.

f) Chat WhatsApp / Zopim: Gli utenti dell’app Magento Mobile possono contattarti direttamente per qualsiasi domanda o dubbio tramite l’opzione chat di WhatsApp e Zopim nella schermata principale.

5.2 Menu per fisarmonica (barra di navigazione)

Le App mobili Magento per Android e iOS offrono una categorizzazione facile da usare dei prodotti del tuo negozio. Gli acquirenti online possono sfogliare tutte le categorie nella barra di navigazione insieme a tutte le pagine CMS. Le categorie del menu Fisarmonica sono le stesse del tuo negozio e fornisce le seguenti opzioni:

Il mio account:

La schermata Il mio account di Magento Mobile App contiene tutte le informazioni dell’utente come dettagli personali, indirizzi di spedizione e dettagli dell’ordine. C’è anche un’opzione per gli utenti di registrare la propria impronta digitale. Gli acquirenti online possono visualizzare i dettagli personali completi da qui e aggiornare la password.

categorie:

Tutte le categorie del tuo negozio vengono recuperate anche nelle app mobili. Offri una categorizzazione multilivello agli utenti delle tue app e consenti loro di sfogliare i prodotti con facilità.

Pagine CMS:

Tutte le pagine del tuo sito Web CMS come Chi siamo, Contattaci, Termini e condizioni, ecc. Verranno visualizzate qui.

Language (s):

Le app mobili Magento sono sia multilingue che RTL. Gli utenti possono scegliere la lingua desiderata e tutti i contenuti dell’app saranno tradotti di conseguenza. Qui viene visualizzata ogni lingua disponibile nel negozio.

Valuta (s):

Proprio come le lingue, tutte le valute disponibili sul tuo sito web verranno visualizzate nelle App mobili di Magento. Ciò consente agli utenti di effettuare i pagamenti con l’opzione valuta desiderata.

Schermata delle categorie 5.3:

Tutti i tipi di categorizzazione disponibili sui tuoi negozi Magento verranno visualizzati anche nelle app mobili. La schermata della categoria ha due viste: Grid e Vista elenco. L’immagine del prodotto, il nome, il prezzo viene visualizzato per tutte le schede di prodotto. Le app mobili con Magento Mobile App Maker hanno più opzioni di filtro e ordinamento che semplificano la ricerca del prodotto per gli utenti.

Grid & List View:

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

Ordinare:

L’opzione di ordinamento nelle app mobili Magento consente agli utenti di visualizzare i prodotti nella categoria da basso a alto o da alto a basso.

Filter:

Filtra i prodotti di categoria con vari attributi come prezzo, costo, ecc. E cerca i prodotti desiderati senza alcuno sforzo.

Schermata del prodotto 5.4:

La schermata del prodotto di Magento Mobile App è semplice e facile da usare come potrebbe ottenere. Ogni prodotto ha più immagini visualizzato insieme al nome e al prezzo. La disponibilità del prodotto viene visualizzata anche come “In magazzino” o “Esaurito”. La schermata del prodotto presenta le seguenti altre opzioni:

Opzioni del prodotto:
Varie opzioni relative al prodotto come dimensioni, colore, ecc. Vengono visualizzate sullo schermo del prodotto. Queste opzioni sono le stesse disponibili sul tuo sito web.

Breve descrizione:
Gli utenti possono leggere rapidamente la breve descrizione del prodotto per prendere una decisione. L’app mobile Magento mostra una descrizione breve e completa dei prodotti.

Informazioni e assistenza sul prodotto:
Tutte le informazioni relative al prodotto specifico sono visualizzate in questa sezione. Questa è la stessa informazione del sito web.

Aggiungi alla lista dei desideri:
Da qui gli utenti possono persino aggiungere i prodotti alla borsa dei desideri. I prodotti aggiunti nella lista dei desideri sono segnalibro per l’acquisto futuro.

Aggiungi al carrello:
Il pulsante Aggiungi al carrello consente di aggiungere un prodotto nel carrello che può essere ulteriormente elaborato in caso di creazione di un ordine.

Condivisione social prodotto:
L’App Magento Mobile ha la possibilità 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.

Schermata 5.5 Wishlist:

Il

Inserisci

Il

Rimuovere

Il

Schermata di accesso 5.6

Il Creatore di app mobile Magento offre varie opzioni di accesso one-tap e rende il processo di accesso / registrazione più semplice:

Login:
Gli utenti dell’app possono autenticare e accedere alle App mobili Magento utilizzando le credenziali di accesso e-mail.

Iscriviti:
Tutti i nuovi utenti possono registrarsi e creare il proprio account sul negozio dall’app mobile. Il modulo di iscrizione di Magento Mobile App è completamente ordinato.

Accedi con il numero di telefono:
La tua app Magento Mobile presenta anche l’opzione di accesso al numero di telefono che consente agli utenti di verificare OTP e accedere senza problemi.

Accedi con impronta digitale:
Gli utenti della tua app hanno anche un’opzione per accedere con un’impronta digitale. Questa autenticazione biometrica consente agli utenti di accedere alle app in pochi secondi.

Fai il login con facebook:
Gli utenti possono accedere alle app mobili utilizzando le loro credenziali dell’account Facebook.

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

Schermata del carrello acquisti 5.7:

La schermata del Carrello della tua app Magento Mobile mostrerà tutti i prodotti aggiunti nel carrello. L’utente dell’app può visualizzare il nome del prodotto, la quantità, il prezzo totale e il costo di spedizione. Questa schermata ha le seguenti opzioni:

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.

2. Prezzo totale del prodotto:
Gli utenti possono visualizzare il costo completo della loro borsa della spesa che viene automaticamente aggiornata come da qualsiasi aggiunta nel carrello.

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

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

5. Continua a fare acquisti:
Gli utenti dell’app possono lasciare il carrello per cercare altri prodotti sulla tua app. Gli acquirenti verranno reindirizzati alla schermata iniziale toccando l’opzione Continua shopping.

6. Continua alla cassa
Gli utenti della app possono procedere oltre alle schermate di pagamento e pagamento semplicemente toccando l’opzione “Continua alla cassa”. Reindirizza gli utenti nella schermata di checkout.

5.8 Checkout Screen

Le app mobili create con Magento Mobile App Maker hanno un approccio di pagamento semplificato su una singola schermata. Gli utenti possono rivedere i dettagli dell’ordine completi come dettagli di spedizione, dettagli di fatturazione, riepilogo dell’ordine, commento dell’ordine, riepilogo pagamenti precedente

Indirizzo di spedizione:
La schermata di verifica della schermata delle app di Magento Mobile fornisce i dettagli di tutti gli indirizzi salvati dall’utente. Se necessario, l’utente può anche modificare / salvare il nuovo indirizzo di spedizione. Il costo totale del checkout viene visualizzato anche su questa schermata.

Dettagli di fatturazione:
Gli utenti possono anche inserire i dettagli di fatturazione insieme ai dettagli di spedizione per il loro acquisto. Possono anche scegliere l’indirizzo di spedizione in modo che corrisponda all’indirizzo di fatturazione.

Riepilogo dell’ordine:
Gli utenti dell’app possono visualizzare i dettagli del prodotto acquistato insieme alla quantità prima di effettuare l’acquisto finale.

Metodi di spedizione:
Tutti i metodi di spedizione in esecuzione sul tuo sito web vengono visualizzati anche nella schermata di checkout. Gli utenti possono scegliere quello desiderato da qui.

Commento dell’ordine:
Gli utenti dell’app possono anche aggiungere qualsiasi commento relativo al loro ordine che sarà visibile all’amministratore del negozio nel back-end.

Schermata di pagamento 5.9:

La schermata di pagamento sull’app mobile Magento visualizza sia i metodi di pagamento della visualizzazione Web che quelli delle app native. Le App mobili Magento supportano tutti i tipi di opzioni di pagamento per siti Web insieme ai metodi di pagamento PayPal e COD. Inoltre, varie altre opzioni di pagamento native come PayU, Apple Pay, Amazon Pay, Braintree, Stripe ecc. Possono anche essere aggiunte nella tua app mobile a un prezzo equo.

5.10 My Account Screen

La schermata Account personale dell’app Magento Android / iOS consente agli utenti di visualizzare i dettagli completi dell’account, incluso l’elenco di tutti gli ordini precedenti. Il mio account

Cronologia ordini:
Gli utenti vengono a conoscenza dei dettagli completi dell’ordine creati nell’app. La data di creazione dell’ordine, il riferimento, lo stato di prezzo e consegna sono disponibili su questa schermata.

Aggiorna il profilo:
Gli utenti possono anche aggiornare i dettagli del profilo pre-salvato come Nome o cognome, numero di telefono e password.

Indirizzo / i di spedizione:
Gli utenti dell’app possono visualizzare l’elenco completo degli indirizzi di spedizione salvati. Il nuovo indirizzo di spedizione può anche essere aggiunto da qui.

Dettagli ordine:
Gli utenti dell’app possono visualizzare l’elenco completo degli ordini precedentemente inseriti dall’app.

Riordina la funzione:
Esiste una funzionalità di riordino diretta che consente agli utenti di ripetere l’ordine semplicemente facendo clic sul pulsante “Riordina”.

5.11 Schermata Dettagli ordine

La schermata dei dettagli dell’ordine dell’Applicazione Magento per Android e iOS fornisce dettagli completi sull’ordine quali indirizzo di spedizione, riepilogo prodotto, modalità di spedizione e pagamento e riepilogo dei costi totali. Questo dettaglio dell’ordine è dell’ordine precedente da te inserito. Gli utenti possono persino tracciare la consegna degli ordini precedentemente inseriti direttamente da questa schermata.

6.0 Advanced Magento Marketplace

Il mercato Magento di KnowBand converte il tuo sito Web in un mercato completo. Il Magento Mobile App Builder è completamente compatibile con Estensione di Magento Marketplace. Ciò significa che puoi portare l’intera inserzione del marketplace sulle stesse app Mobile Magento. Quindi, lancia un paio di app mobili compatibili con Marketplace con KnowBand e attira una vasta base di venditori e clienti nel tuo negozio. -> Quando l’utente fa clic sull’opzione Venditore, viene reindirizzato alla pagina Venditore del negozio mobile. L’utente può visualizzare l’elenco dei venditori del marketplace insieme al loro rating. -> I clienti possono cliccare sul nome del venditore per vedere il suo profilo e il prodotto offerti. I venditori possono accedere con il loro nome utente e password. Vengono quindi reindirizzati alla dashboard.

Scopri di più sul plugin Magento Mobile App Builder con:

Magento Mobile App Builder

Advanced Magento Marketplace con Mobile App

Admin Demo Link

Demo App frontale per Android

Demo App frontale per iOS

Video Link: