Ottieni app Android e iOS completamente native per il tuo sito Web PrestaShop e inizia a vendere i tuoi prodotti su app mobili!
1.0 Introduzione
Questa è la guida per l’utente della soluzione di app mobile nativa avanzata e già pronta PrestaShop Mobile App Builder. Questo è un plug-in per siti Web di eCommerce progettato e realizzato per creare app per lo shopping Android e iOS perfette e in primo piano per te.
1.1 Generatore di app per dispositivi mobili PrestaShop: una breve introduzione
PrestaShop Mobile App Builder è la soluzione più avanzata e automatizzata per portare il tuo sito web online sulla piattaforma mobile. Trasforma l’intero sito Web in un’app mobile in primo piano e ti consente di vendere prodotti su dispositivi mobili insieme al sito Web tradizionale. Le funzionalità e il funzionamento dell’app corrispondono esattamente al sito Web e funzionano perfettamente su dispositivi Android e iPhone.
La nostra PrestaShop Mobile App Builder è il framework preconfigurato progettato da esperti e professionisti per creare una coppia di app di eCommerce native. Le app sono in grado di portare tutti i prodotti del tuo negozio a portata di mano dell’utente e aumentare le vendite e le entrate. Quindi, se sei un commerciante di un negozio PrestaShop e stai cercando una soluzione per app mobile a tutti gli effetti, questa è la tua migliore occasione. Leggi l’articolo completo per ottenere informazioni completamente intatte su PrestaShop Mobile App Development.
Inoltre, la nostra estensione PrestaShop Mobile App Builder è completamente compatibile con Marketplace multi-vendor collegare. Puoi portare l’intera scheda del mercato sulle stesse app mobili. Offriamo anche un pacchetto combinato del nostro PrestaShop Mobile App Builder con Marketplace multi-vendor PrestaShop in Mercato avanzato PrestaShop con app mobile Mobile.
Inoltre,�i�seguenti�vantaggi�con�PrestaShop�Mobile�App Maker�ti porterebbero�a�cercare�questa�soluzione�app�nativa:
- Una soluzione per app mobile senza codice.
- Pannello di�amministrazione�amichevole�con accesso�completo.
- 3 mesi�di�supporto�gratuito
- Soluzioni�native�(Android�&�iOS)
- Sincronizzazione al 100% tra le tue app e il sito web
- Altamente personalizzabile con controllo del design e del funzionamento.
- Aumenta il coinvolgimento degli utenti con utili strumenti di marketing.
- Aumenta il traffico e le entrate verso il tuo negozio.
1.2 Funzionalità di prim’ordine di PrestaShop Mobile App Builder:
Ecco l’elenco di alcune delle funzionalità chiave che otterrai nelle tue app con Prestashop Mobile App Builder:
- Layout della schermata iniziale personalizzabile (completa flessibilità)
- Marchio del negozio
- Zopim e supporto chat WhatsApp (24*7)
- Accesso a Google e Facebook
- Accesso OTP e impronta digitale
- Supporto sia per tablet che per dispositivi mobili
- Supporto da Android 4.2 ad Android 8.0 (Oreo).
- Supporto da iOS 9 a iOS 11
- Aggiornamento automatico dell’inventario
- Scelte multiple di colore e carattere
- Supporto multilingue e RTL (da destra a sinistra).
- Supporto multivaluta
- Supporto per tutti i tipi di prodotto
- Metodo di pagamento su sito web supportato sulle app
- Metodo di spedizione del sito Web supportato sulle app
- Integrazione del metodo di pagamento personalizzato
- Notifiche push illimitate
- Opzioni di condivisione social del prodotto
- Opzioni multiple di filtraggio e ordinamento
- Ricerca vocale avanzata (solo Android)
- Wishlist Funzionalità
- Buoni/voucher del sito Web supportati sulle app.
- Schermata di pagamento semplificata
- Monitoraggio dell’ordine in tempo reale
- Menu a fisarmonica senza soluzione di continuità
- Schermata di prodotto e categoria chiara
Ultima versione�Aggiornamenti nelle app PrestaShop Mobile:
a) Pulsante “Aggiungi al carrello” nella schermata iniziale e categoria
L’app PrestaShop Mobile è stata resa più utilizzabile per gli acquirenti online con un pulsante integrato “Aggiungi al carrello” per i prodotti nella schermata Home e Categoria. Ciò consente agli utenti di aggiungere rapidamente prodotti al carrello semplicemente toccando il pulsante del carrello. Il pulsante Aggiungi al carrello è disponibile anche nella schermata delle categorie delle app mobili. Gli utenti possono semplicemente scorrere verso il basso per sfogliare i prodotti e continuare ad aggiungere prodotti al carrello semplicemente toccando il pulsante Aggiungi al carrello.
b) Recensioni dei prodotti sull’app�
La nostra app PrestaShop Mobile è ora compatibile con il modulo Commenti prodotto predefinito di PrestaShop. Ora, l’utente può pubblicare recensioni per i prodotti sul sito Web e lo stesso apparirà anche sull’app. Inoltre, l’utente può visualizzare tutte le recensioni dall’app e scriverle.
c) Prodotti correlati su App
PrestaShop Mobile App Builder è ora compatibile con il modulo Prodotti correlati automatici. I prodotti correlati possono essere visualizzati sulla pagina del prodotto del sito Web e dell’app mobile. Questa compatibilità può essere utilizzata come strumento perfetto per migliorare il cross-selling per la tua attività.
–> Esplora�Prodotti correlati a PrestaShop
d) Collegamento profondo:
Le app PrestaShop Mobile hanno una funzione di deep linking integrata. Ora, durante la condivisione, i collegamenti del sito Web verranno reindirizzati all’applicazione anziché al browser. Tutto è necessario che l’app sia installata sul dispositivo mobile. Il collegamento condiviso invierà anche l’utente alla schermata dell’app pertinente.
e) Accessibilità in modalità offline:
Le app mobili eCommerce con questa estensione ora funzioneranno anche in modalità offline, ovvero senza connettività Internet. Gli utenti possono navigare in qualsiasi momento sulle pagine che sono state caricate mentre era attivo Internet. Categorie, prodotti, schermata del carrello, ecc.
f) Ricerca per immagine:
Il plug-in PrestaShop Mobile App Builder è ora compatibile con PrestaShop Image Search. Ora, gli utenti possono cercare i prodotti tramite immagini. Basta caricare l’immagine del prodotto sull’app e cercare i prodotti pertinenti. Gli utenti possono anche visualizzare “Prodotti visivamente simili” in base all’immagine di ricerca.
–> Esplora Ricerca immagini PrestaShop
g) Conformità al GDPR:
Ora, le app con PrestaShop Mobile App Builder sono pienamente conformi ai regolamenti GDPR dell’UE. Offrirà un maggiore controllo agli utenti dell’app sui loro dati personali memorizzati. L’amministratore del negozio può semplicemente configurare le impostazioni GDPR per funzionare sull’applicazione e le stesse verranno visualizzate su varie schermate dell’app come registrazione, accesso, checkout, pagamento, ecc. Gli acquirenti online hanno anche il diritto di chiedere al commerciante del negozio il rimozione dei suoi dati personali.
–> Esplora Modulo GDPR PrestaShop
h) Compatibilità Spin & Win (abbonamento e-mail gamified):
PrestaShop Mobile App Creator è anche compatibile con l’estensione PrestaShop Spin & Win. Il pop-up di abbonamento e-mail ludicizzato viene utilizzato per offrire un pop-up interattivo a rotazione che può essere programmato per la visualizzazione dell’ingresso o dell’uscita sul web-store. Ora, con questa integrazione, lo stesso pop-up verrà automaticamente visualizzato sulle app. Devi solo installare l’estensione sul tuo sito web.
–> Esplora Modulo Spin Win di PrestaShop
Questa lista non finisce qui. Scopri di più sulle funzionalità in dettaglio da qui.
2.0 App per dispositivi mobili PrestaShop�Demo
KnowBand comprende la tua preoccupazione per la tua incertezza nel cercare la soluzione e per frenare lo stesso, ha offerto una demo gratuita per tutti i proprietari di negozi di eCommerce. I commercianti possono visualizzare il nostro negozio demo che lavora sull’app mobile e persino il loro negozio che lavora sulle nostre app demo.
2.1 Visualizza il nostro negozio demo che lavora sulle app
Vuoi vedere le funzionalità dell’app eCommerce? Abbiamo integrato il nostro negozio demo con l’app in cui puoi esplorare l’app completamente funzionante e vedere tutte le sue funzionalità. Basta seguire le istruzioni seguenti:
Passo 1: Scarica e installa l’app Nautica PrestaShop Mobile da entrambi gli App Store sul tuo dispositivo mobile. Ecco i link per scaricare le app demo:
Passo 2: Apri l’app e tocca il pulsante “Visualizza demo” nella schermata iniziale. Inserisci alcuni dettagli rilevanti come Nome, E-mail e URL del negozio. Questo è tutto! Vedrai il nostro negozio demo in esecuzione sull’app demo. Puoi navigare lo stesso, controllare tutte le funzionalità, creare ordini, ecc.
Nota: Per accedere al pannello di amministrazione di KnowBand Mobile App Builder nel nostro negozio demo, visita qui.
2.2 Visualizza il tuo negozio lavorando su app demo
Non soddisfatto? Vuoi testare il tuo negozio sulle app demo? Bene, ti abbiamo coperto con tutto. Puoi provare il tuo negozio anche sulla nostra app demo senza alcun costo. Solo 3 passaggi sono tutto ciò che devi seguire per lo stesso:
Passo 1: Scarica e installa Generatore di app per dispositivi mobili PrestaShop GRATUITO plug-in e installa nel tuo negozio.
Passo 2: Installa le app demo (link nella sezione precedente) sul tuo dispositivo mobile. Apri l’app e inserisci l’URL del tuo negozio.
Passo 3: Tocca “Visualizza il tuo negozio” e inizia a provare il tuo negozio su app demo.
Nota:�Questa versione gratuita di Mobile App Builder è solo a scopo dimostrativo 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 per dispositivi mobili di PrestaShop.
3.0 Crea la tua app PrestaShop Mobile in 3 semplici passaggi
Ci auguriamo che la demo delle nostre app PrestaShop Mobile ti sia piaciuta e che tu abbia trovato quello che stavi cercando. Quindi, questo è il momento di ottenere una coppia nativa di app per il tuo negozio. Il processo per creare un’app mobile eCommerce è il più semplice possibile. Segui 3 semplici passaggi e la tua app sarà pronta in 1-2 giorni lavorativi.
Passaggio 1: installa il modulo sul tuo sito web
Scarica�Prestashop Mobile App Builder e installa lo stesso sul tuo negozio.
Passaggio 2: condividi le specifiche dell’app
Condividi i dettagli/requisiti della tua app nel nostro modulo prerequisiti.
Passaggio 3: scarica le tue app in 1-2 giorni
I nostri sviluppatori esperti e professionali creano le tue app che corrispondono esattamente ai dettagli condivisi. Ti risponderemo con i file APK/IPA in 1-2 giorni.
Nota: Puoi pubblicare questi file APK/IPA sui rispettivi app store. Fare riferimento ai seguenti collegamenti per lo stesso:
Come pubblicare un’app su Google Play Store?
Come pubblicare un’app sull’App Store di Apple?
Ancora qualche problema? Dicci che pubblicheremo le app per te. Inoltre, per qualsiasi suggerimento di domanda, contattaci all’indirizzo support@knowband.com.
4.0 Installazione del modulo
Una volta acquistato il modulo PrestaShop Mobile App Builder, otterrai i seguenti file come di seguito elencati: 1. File compresso in formato ZIP (contiene il codice sorgente dell’addon) 2. Manuale utente Ora puoi procedere con ulteriori processo di installazione nei due modi seguenti:
Installazione del modulo tramite Dettagli FTP
Installazione del modulo utilizzando i dettagli dell’amministratore
Schermate del pannello di amministrazione 5.0
Una volta che PrestaShop Mobile App Maker è stato installato correttamente sul tuo sito web, è il momento di configurare il Pannello di amministrazione di PrestaShop Mobile App Creator. Dopo aver fatto clic sull’opzione “Configura” su KnowBand Mobile App Builder, otterrai la seguente scheda con interfacce amichevoli. Cerchiamo di restringerli uno per uno.
5.1 Impostazioni generali
La scheda Impostazioni generali riguarda le impostazioni necessarie per eseguire l’app mobile sui dispositivi dell’utente. Questa scheda contiene tutte le opzioni generalizzate necessarie per sincronizzare l’app con il tuo make it funziona sui dispositivi.
a) Abilita plugin: Abilita il plug-in PrestaShop Mobile App Creator per far funzionare la tua app mobile sui dispositivi degli utenti.
b) Abilita Spin e Win: Abilita la visualizzazione di un pop-up con rotellina ludicizzata nella schermata iniziale ogni volta che un utente apre l’app. Può essere utilizzato per offrire sconti/offerte e acquisire le loro e-mail in cambio di scopi di marketing. Per far funzionare questa funzionalità, devi installare il modulo Spin and Win di Knowband sul tuo sito web.
c) Reindirizza sulla pagina carrello quando aggiungi al carrello: Questa funzionalità consente di controllare la navigazione del pulsante “Aggiungi al carrello”. Puoi reindirizzare i tuoi utenti al carrello o tenerli sulla pagina del prodotto ogni volta che toccano il pulsante Aggiungi al carrello. Ciò aumenta le possibilità di acquisto aggiuntivo.
d) Descrizione breve del display: Abilita per visualizzare una breve descrizione del prodotto sullo schermo del prodotto insieme alla descrizione completa e ad altri dettagli.
e) Seleziona layout: Scegli il layout della pagina iniziale desiderato per la tua app PrestaShop. Puoi creare più layout della schermata iniziale nel back-end secondo vari festival e temi e usarli secondo i requisiti del tuo negozio.
f) Colore pulsante dell’app: Scegli il colore del pulsante desiderato per la tua app PrestaShop Mobile.
g) Colore del tema dell’app: Scegli il colore del tema desiderato per la tua app PrestaShop Mobile.
h) Immagine per logo: Carica l’immagine del logo del tuo negozio da visualizzare nell’intestazione superiore dell’app. Ciò ha promosso il tuo marchio tra gli acquirenti mobili di tutto il mondo.
i) Metodi di spedizione disabilitati: Scegli i metodi di spedizione desiderati che non desideri vengano visualizzati sulla tua app PrestaShop Mobile.
j) Pagine CMS abilitate: Scegli le pagine CMS desiderate da visualizzare sulle app mobili.
k) Abilita segnalazione registro richieste: Abilita l’accesso alle app mobili per ottenere i dettagli di qualsiasi comportamento anomalo della tua app.
l) Abilita supporto Live Chat: Abilita l’opzione di chat Zopim (Zendesk) sulle tue app PrestaShop Mobile. Per far funzionare la funzionalità di chat, sarebbe necessaria una chiave API di chat che ti verrà fornita insieme alla tua app.
m) Abilita il supporto per la chat di WhatsApp: Abilita l’opzione chat di WhatsApp sulle tue app PrestaShop Mobile. Gli utenti possono contattarti direttamente al tuo numero WhatsApp inserito nel backend.
n) Abilita/disabilita la registrazione del numero di telefono: Abilita l’opzione di accesso al numero di telefono nella tua app PrestaShop Mobile e consenti ai tuoi utenti di autenticarsi con la verifica OTP.
o) Abilita la codifica URL dei collegamenti alle immagini: Abilita questa funzionalità per supportare i caratteri non ASCII sull’app.
Impostazioni notifiche push 5.2
Il Creatore di app PrestaShop Mobile per Android/iOS sfrutta la potenza della notifica push utilizzando i servizi primari di Google per la notifica push sui dispositivi mobili. Offre questo pratico strumento di marketing per attirare l’attenzione immediata degli utenti e aumentare le vendite. Evidenziare le tue offerte e offerte giornaliere è solo un messaggio con la tua app PrestaShop Mobile. Sia le notifiche automatiche che quelle personalizzate sono disponibili con PrestaShop Mobile App Maker.
a) Chiave del server Firebase: La chiave del server Firebase viene utilizzata per configurare le notifiche push per l’applicazione. Questa chiave garantisce che le notifiche vengano ricevute da tutti gli utenti dell’app in tutto il mondo. Puoi saltare questa impostazione per la versione gratuita del modulo poiché verrebbe configurata nell’app finale con la versione a pagamento del modulo.
b) Abilita/Disabilita la notifica di creazione dell’ordine: Abilita/Disabilita la notifica push automatica inviata agli utenti dell’app per la corretta creazione dell’ordine.
–> Titolo e messaggio per la notifica push:�Inserire il titolo e il messaggio di notifica push per la corretta creazione dell’ordine.
c) Abilita/Disabilita la notifica di modifica dello stato dell’ordine:�Abilita/Disabilita la notifica push automatica inviata agli utenti dell’app per qualsiasi aggiornamento relativo allo stato di consegna dell’ordine precedente.
–> Titolo e messaggio per la notifica push:�Inserire titolo e messaggio di notifica push ogni volta che c’è un aggiornamento nello stato di consegna dell’ordine precedente.
d) Abilita/Disabilita la notifica del carrello abbandonato: Abilita/Disabilita la notifica push automatica inviata agli utenti che hanno abbandonato il carrello senza che l’acquisto sia andato a buon fine.
–> Titolo e messaggio per la notifica push:�Inserisci il titolo e il messaggio della notifica push per gli utenti abbandonati dell’app del carrello.
e) Intervallo di tempo:�Intervallo (in ore) per l’invio di notifiche push agli utenti dell’app che hanno abbandonato il carrello senza che l’acquisto sia andato a buon fine.
5.3 Push Notification History
Questa scheda contiene la cronologia di tutti i tipi di notifiche push inviate a ogni utente con i dettagli interessati. Il commerciante può conoscere ogni notifica inviata in precedenza. Questa scheda ha anche la possibilità di inviare una notifica personalizzata agli utenti creati dal back-end. Puoi facilmente informarli di eventuali dettagli o sconti relativi al negozio tramite notifiche inviate manualmente.
Invia notifica:
Questa opzione è lì per inviare una notifica manuale agli utenti dell’app secondo la tua scelta. Puoi configurare il titolo, il messaggio, la pagina di destinazione, l’immagine ecc. e la notifica di tua scelta come mostrato nell’istantanea di seguito:
a) Titolo della notifica push: Il titolo della tua notifica push manuale che deve essere inviata agli utenti dell’app.
b) Messaggio della Notifica Push: Il messaggio della tua notifica manuale che deve essere inviato agli utenti dell’app.
c) Tipo di dispositivo: Puoi scegliere gli utenti su Android/iOS o su entrambi a cui inviare la tua Push Notification manuale.
d) Tipo di immagine:�Puoi caricare l’immagine/banner desiderati giustificando la tua notifica. L’immagine del banner può essere caricata o utilizzata tramite un URL esistente.
e) Immagine di notifica: L’amministratore del negozio può visualizzare in anteprima l’immagine di notifica e analizzare come apparirà sulle app dell’utente.
f) URL immagine: L’URL effettivo dell’immagine di notifica che deve essere inviata agli utenti dell’app.
g) Attività di reindirizzamento:�Puoi scegliere il reindirizzamento della tua notifica scegliendo da Schermata iniziale/Qualsiasi categoria/Qualsiasi prodotto qui. Qualunque cosa tu abbia impostato, i tuoi utenti verranno reindirizzati allo stesso toccando la notifica push.
h) Seleziona la Categoria/Prodotto:�Puoi scegliere qualsiasi schermata di categoria/prodotto pertinente per la tua notifica.
i) Invia notifica: Dopo aver creato e visualizzato in anteprima la notifica, è il momento di inviare la stessa alle tue app.
Metodi di pagamento 5.4
PrestaShop Mobile App Creator per Android e iOS supporta tutti i tipi di metodi di pagamento del sito Web sulle app Android e iOS. Inoltre, offre opzioni di pagamento PayPal e COD e la flessibilità di aggiungere anche altri metodi di pagamento nativi.
È possibile modificare i seguenti parametri nei metodi di pagamento predefiniti (PayPal):
a) Nome metodo di pagamento: Modifica il nome del metodo di pagamento da visualizzare sull’app.
b) Selezionare la modalità: Seleziona l’ambiente di pagamento, ad es. Sandbox o Live. Queste impostazioni sono disponibili nel caso in cui l’amministratore del negozio desideri testare il metodo di pagamento prima di procedere.
c) ID cliente:� Viene utilizzato nel caso di Pagamento PayPal per identificare il Conto Commerciante sul quale deve essere effettuato il pagamento durante l’effettuazione dell’ordine.
Layout della pagina iniziale 5.5
Questa è una delle funzionalità più sorprendenti del plug-in PrestaShop Mobile App Builder per progettare e creare più layout della schermata iniziale utilizzando vari attributi/elementi di progettazione. Questa scheda contiene l’elenco di tutti i layout della schermata iniziale configurati in precedenza in base a vari temi e caratteri, come mostrato nell’istantanea seguente:
Per configurare i layout della home page, nel back-end sono disponibili i seguenti elementi:
- Top�categorie
- Banner quadrato
- Banner orizzontale�scorrevole
- Griglia� Banner
- Conto alla rovescia� Banner
- Prodotti a griglia
- Prodotti a scorrimento orizzontale
- Prodotti di recente accesso
Il commerciante del negozio può configurare e utilizzare uno qualsiasi di questi attributi per creare e salvare più layout. Questi layout possono essere utilizzati secondo il tema e i requisiti. Inoltre, il posizionamento dei vari elementi può essere modificato con una semplice funzionalità di trascinamento della selezione.
Top�Categorie:
Le categorie principali vengono visualizzate sotto forma di quadratini sulla schermata iniziale e possono essere configurate includendo la loro immagine e le categorie/prodotti di destinazione. PrestaShop Mobile App Maker offre un massimo di 8 categorie in cui almeno 4 sono obbligatorie.
Banner quadrato:
Un altro attributo è l’elenco Banner quadrato che viene utilizzato per offrire un banner a forma quadrata nella schermata iniziale dell’app. Puoi personalizzare il banner scegliendo l’immagine e la schermata di destinazione giuste per lo stesso.
Banner orizzontale�scorrevole:
Questi sono i rettangoli disponibili con scorrimento orizzontale e possono essere completamente personalizzati dal back-end.
Banner a griglia:
Si tratta di banner di forma quadrata elencati nella schermata iniziale nella forma della griglia. Puoi impostare tutti i banner che desideri nella schermata iniziale e personalizzare di conseguenza la loro immagine e pagina di destinazione.
Banner del timer per il conto alla rovescia:
L’App Builder di PrestaShop Mobile offre un banner con un conto alla rovescia. Puoi impostare l’immagine del banner e la schermata di destinazione e impostare il timer fino a quando non desideri visualizzare il banner. Una volta scaduto il timer, il banner scomparirà automaticamente.
Prodotti quadrati:
A partire dai banner, PrestaShop Mobile App Creator offre prodotti da visualizzare sulla schermata iniziale sotto forma di elenco quadrato.
Prodotti scorrevoli orizzontali
Puoi aggiungere i prodotti sotto forma di cursori orizzontali. I prodotti selezionati potrebbero appartenere a qualsiasi categoria specifica o altri punti salienti come Bestseller, Prodotti in evidenza, ecc.
Prodotti a griglia:
I prodotti possono anche essere aggiunti sulla schermata iniziale sotto forma di elenchi di griglia. I prodotti possono essere scelti da qualsiasi categoria.
Prodotti di recente accesso:
PrestaShop Mobile App Creator fornisce l’elemento scheda recente che mostra i prodotti recenti visualizzati dall’utente. Puoi semplicemente aggiungere l’elemento nel tuo layout per visualizzare lo stesso sulla schermata iniziale.
Nota: l’amministratore del negozio può aggiungere fino a 20 elementi durante la progettazione del layout nel pannello di back-end.��
Layout barra delle linguette 5.6
Personalizza e mostra la barra delle schede sulla tua app PrestaShop Mobile e consenti ai tuoi utenti di passare facilmente da una schermata all’altra. Puoi impostare icone e pagina di destinazione degli elementi della barra delle schede dal backend del modulo. Aggiungi una barra delle schede nella tua app e semplifica la navigazione dei prodotti. Questa scheda ha le seguenti opzioni:
a) Aggiungi un nuovo elemento della barra delle schede: Puoi personalizzare e aggiungere un nuovo elemento della barra delle schede sulla tua app mobile. L’immagine dell’icona e la pagina di destinazione per l’articolo possono essere impostate da questa opzione.
b) Modifica elemento della barra delle schede: È possibile modificare anche qualsiasi elemento della barra delle schede precedente.
c) Abilita: Abilita/disabilita la barra delle schede sulle app mobili.
d) Colore di sfondo della barra delle schede: Scegli il colore di sfondo desiderato per la barra delle schede.
e) Colore della tinta della barra delle schede: Scegli il colore della tinta desiderato per la barra delle schede. Questo colore rappresenta l’icona selezionata sulla barra delle schede.
f) Colore icona disabilitato: Scegli il colore per l’icona disabilitata sulla barra delle schede.
5.7 Conformità al GDPR
PrestaShop Mobile App Builder offre la conformità al GDPR nelle app mobili. L’amministratore del negozio può semplicemente fare pochi clic nel pannello di amministrazione e le app diventeranno conformi al GDPR.
a) Abilita impostazioni GDPR: Abilita questa scheda per offrire la compatibilità GDPR su varie schermate dell’app.
b) Visualizza GDPR su: Scegli le schermate dell’app in cui desideri attivare le opzioni GDPR.
c) Importa contenuto della pagina CMS:�Scegli la pagina CMS il cui contenuto deve essere aggiunto per l’opzione GDPR.
6.0 schermate dell’app mobile
6.1 Home Screen
La schermata iniziale della tua app PrestaShop Mobile sarà esattamente come la desideri. PrestaShop Mobile App Maker offre una flessibilità completa per progettare e creare la schermata iniziale nelle tue mani. Utilizzando più banner (quadrato, griglia, scorrevole), prodotti (quadrato, griglia, scorrevole), banner timer per il conto alla rovescia, scheda prodotti recenti nel back-end, puoi progettare layout intuitivi per la tua schermata iniziale. Nella schermata iniziale dell’app sono disponibili le seguenti opzioni:
Inoltre, a seconda delle esigenze, può essere modificato anche il posizionamento dei vari elementi di progettazione.
1. Layout dinamici:
Usando vari elementi puoi creare e salvare vari layout nel back-end e riutilizzarli secondo vari eventi e festival. Puoi progettare e creare la schermata iniziale della tua app in modo dinamico.
2. Logo del marchio:
Il logo del tuo negozio è rappresentato nella sezione centrale sinistra dell’intestazione in alto della tua app PrestaShop Mobile. Il logo è completamente configurabile dal backend del modulo e può essere abilitato/disabilitato inclusa la modifica dell’immagine.
3. Cerca:
L’opzione di ricerca consente agli acquirenti di app mobili di ottenere facilmente e rapidamente ciò che desiderano. Nella tua app PrestaShop Mobile, la ricerca del prodotto avverrà in due forme:
–> Con testo: Gli utenti della tua app possono cercare i prodotti desiderati semplicemente digitando alcune parole chiave correlate. L’app PrestaShop Mobile mostrerà risultati rilevanti per quella parola chiave.
–> Con la voce: Non c’è bisogno di digitare, la tua app PrestaShop per Android sarà integrata con l’opzione di ricerca vocale avanzata. Gli utenti possono semplicemente cercare i prodotti pronunciando parole chiave pertinenti.
4. Borsa della lista dei desideri:
La borsa della lista dei desideri viene visualizzata nell’intestazione superiore della tua app PrestaShop Mobile contenente tutti i prodotti contrassegnati. Gli utenti dell’app possono salvare i prodotti desiderati nella borsa della lista dei desideri per un acquisto futuro.
5. Carrello:
Il carrello è disponibile nell’angolo in alto a destra della schermata iniziale dell’app. Gli utenti possono conoscere i prodotti aggiunti nel carrello direttamente da lì.
6. Chat WhatsApp/Zendesk:
Nella parte inferiore destra della schermata iniziale, c’è un’opzione di chat venditore-acquirente dal vivo. Gli acquirenti di app mobili possono inviarti facilmente e direttamente la loro richiesta e puoi risolverli all’istante.
6.2 Menu per fisarmonica (barra di navigazione)
Le app PrestaShop Mobile per Android e iOS presentano una corretta categorizzazione dei prodotti come disponibili sul sito web. Gli acquirenti mobili possono sfogliare facilmente i prodotti di più categorie. Tutte le pagine del CMS sono disponibili anche nel menu Accordion. Fornisce le seguenti opzioni:
1. Il mio account
La schermata Il mio account contiene tutte le informazioni sull’utente come i dettagli personali, gli indirizzi di spedizione e i dettagli dell’ordine. C’è anche un’opzione per gli utenti per registrare la propria impronta digitale. Gli acquirenti possono visualizzare tutte le informazioni relative a loro e possono anche aggiornare i dettagli personali e la password di accesso.
2. categorie
Queste categorie sono le stesse del tuo sito web. Puoi mapparli di conseguenza e offrire una categorizzazione a 3 livelli agli utenti della tua app per una navigazione senza problemi.
3. Pagine CMS
Varie pagine CMS come Chi siamo, Contattaci, Termini e condizioni, ecc. Disponibili sul tuo sito Web vengono visualizzate qui. Puoi scegliere quello desiderato dal backend di PrestaShop Mobile App Builder da visualizzare sull’app mobile.
4. Le lingue)
L’opzione della lingua consente ai tuoi utenti di visualizzare l’app PrestaShop Mobile nella loro lingua madre. Tutte le lingue disponibili vengono visualizzate solo in questa opzione.
5. Valuta (s)
Tutte le valute disponibili sul tuo sito eCommerce vengono visualizzate anche sull’app PrestaShop Mobile. Gli acquirenti possono visualizzare e acquistare il prezzo del prodotto nella valuta desiderata.
6. Login / Logout
I tuoi utenti possono facilmente effettuare il login/logout dall’app PrestaShop Mobile utilizzando questa opzione.
Schermata delle categorie 6.3:
Tutte le sottocategorie, le categorie principali e le altre categorie associate sono disponibili nella tua app PrestaShop Mobile. La schermata della categoria è progettata in due senza ingombri viste di base: Griglia & Elenco. L’immagine del prodotto, il nome, il prezzo e lo sconto vengono visualizzati in tutte le inserzioni con la possibilità di aggiungerli anche nella lista dei desideri. Le app mobili con PrestaShop Mobile App Builder hanno una navigazione a più livelli che semplifica la ricerca del prodotto. Le seguenti opzioni sono disponibili nelle schermate delle categorie:
1. Ordina:
Questa opzione consente agli acquirenti di selezionare l’ordine desiderato in cui ordinare i prezzi dei prodotti della categoria. Nelle tue app sono disponibili due ordini di smistamento: Prezzo: dal basso al più alto e Prezzo: dal più alto al basso.
2. Filtro:
L’opzione per filtrare i prodotti semplifica la ricerca dei prodotti. Gli utenti dell’app possono filtrare i prodotti nella tua app PrestaShop Mobile in base a vari attributi come dimensioni, colore, composizioni, condizioni, produttore, prezzo, ecc. Gli utenti possono cercare il loro prodotto preferito in pochi minuti utilizzando questi filtri.
Schermata del prodotto 6.4:
La schermata del prodotto della tua app PrestaShop Mobile è semplice e intrigante. Vengono visualizzate più immagini dello stesso prodotto insieme a nome e prezzo. La disponibilità del prodotto viene visualizzata anche come “Disponibile” o “Non disponibile” in base allo stato dell’inventario. Contiene le seguenti altre opzioni:
1. Opzioni del prodotto:
Tutte le opzioni relative al prodotto come taglia, colore, ecc. vengono visualizzate su questa schermata. Queste opzioni di prodotto sono le stesse disponibili sul sito web.
2. breve descrizione
Gli utenti possono leggere la breve descrizione del tuo prodotto per prendere rapidamente una decisione.
3. Informazioni e cura del prodotto
Le informazioni complete sul prodotto elencate sul sito Web vengono visualizzate qui. Gli utenti dell’app possono ottenere i dettagli completi del prodotto da qui.
4. Aggiungi alla lista dei desideri:
Gli utenti dell’app mobile possono aggiungere direttamente il prodotto ai segnalibri toccando “Aggiungi alla lista dei desideri” nella parte inferiore sinistra della schermata del prodotto.
5. Aggiungi al carrello:
Come per il nome, il pulsante “Aggiungi al carrello” aggiunge il prodotto direttamente nel carrello e gli utenti possono procedere ulteriormente con l’acquisto.
6. Condivisione social prodotto:
C’è un’opzione su questa schermata per condividere il tuo prodotto su più piattaforme social, Bluetooth ed e-mail. Gli utenti dell’app possono condividere i prodotti tra i loro amici/parenti su più piattaforme social e attirare utenti pesanti sulla tua app.
6.5 Schermata della lista dei desideri:
Il tuo Creatore di app per dispositivi mobili PrestaShop avrebbe un borsa della lista dei desideri che consente agli utenti di aggiungere prodotti ai segnalibri per acquisti futuri. Gli utenti possono visualizzare l’elenco di tutti i prodotti contrassegnati da qui. Ha due opzioni:
1. Aggiungi al carrello:
Gli utenti dell’app possono aggiungere il prodotto aggiunto ai segnalibri direttamente nel carrello scegliendo l’opzione Aggiungi al carrello.
2. Rimuovi dalla lista dei desideri:
Gli utenti possono anche rimuovere qualsiasi prodotto dalla lista dei desideri se non hanno voglia di acquistarlo.
Schermata di accesso 6.6
PrestaShop Mobile App Creator offre varie opzioni di accesso con un solo tocco e semplifica il processo di accesso/registrazione:
1. Accesso
Gli utenti dell’app possono autenticarsi e accedere alle app utilizzando le credenziali di accesso alla posta elettronica.
2. Iscriviti
Tutti i nuovi utenti dell’app possono registrarsi e creare il proprio account sullo store dall’app mobile. Il modulo di registrazione dell’app PrestaShop Mobile richiede solo i dettagli rilevanti.
3. Accedi con numero di telefono Phone
La tua app mobile offre un’opzione di accesso al numero di telefono più semplice e affidabile che rende più facile per gli utenti verificare l’OTP e l’app di accesso.
4. Accedi con l’impronta digitale
I tuoi utenti hanno anche un’opzione per accedere con l’autenticazione tramite impronta digitale. Ciò consente agli utenti di accedere alle app in pochi secondi.
5. Accedi con Facebook
Gli utenti possono accedere all’app utilizzando le credenziali dell’account Facebook.
6. Accedi con Google+
Gli utenti possono accedere all’app utilizzando le credenziali dell’account Google+.
Schermata del carrello acquisti 6.7:
La schermata Carrello della tua app PrestaShop Mobile mostrerà tutti i prodotti aggiunti al carrello. Gli utenti dell’app possono visualizzare il nome del prodotto, la quantità, il prezzo totale e il costo di spedizione. Questa schermata ha le seguenti opzioni:
1. Applicare il buono
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 propria shopping bag da qui. Viene aggiornato automaticamente come per ogni aggiornamento con la quantità o l’aggiunta del prodotto.
3. Aggiorna la quantità del prodotto
Gli utenti dell’app possono persino aggiornare la quantità del prodotto con l’opzione “Aggiorna quantità”.
4. Rimuovere il prodotto
Gli utenti dell’app possono semplicemente rimuovere il prodotto dal carrello semplicemente toccando l’opzione “Rimuovi”.
5. Continua a fare acquisti
Gli utenti dell’app possono lasciare il carrello per sfogliare più prodotti sulla tua app. Gli acquirenti dell’app mobile verranno reindirizzati alla schermata iniziale toccando l’opzione Continua lo shopping.
6. Continua alla cassa
Gli utenti dell’app mobile front-end possono procedere ulteriormente alle schermate di pagamento e pagamento semplicemente toccando l’opzione “Continua al pagamento”. Li reindirizzerà sulla schermata di pagamento.
6.8 Checkout Screen
Le app mobili con PrestaShop Mobile App Maker hanno un checkout semplificato in un’unica schermata con solo le informazioni rilevanti. Gli utenti possono visualizzare i dettagli di checkout completi come i dettagli di spedizione, i dettagli di fatturazione, il riepilogo dell’ordine, il commento dell’ordine, il pagamento sommario.
1. indirizzo di spedizione
Questa schermata fornisce i dettagli degli indirizzi di spedizione salvati dall’utente. Se richiesto, l’utente può anche modificare/salvare il nuovo indirizzo di spedizione. Il costo totale del tuo prodotto verrà aggiornato in base al metodo di spedizione scelto.
2. Dettagli di fatturazione
Questa opzione consente agli utenti di inserire i dettagli di fatturazione per il loro acquisto. Possono anche scegliere che l’indirizzo di spedizione corrisponda all’indirizzo di fatturazione. È anche possibile modificare l’indirizzo di fatturazione pre-salvato.
3. Riepilogo dell’ordine
Gli utenti dell’app possono visualizzare i dettagli del prodotto acquistato in questa sezione prima di effettuare l’acquisto finale.
4. Metodi di spedizione
Tutti i metodi di spedizione disponibili sono visualizzati in questa sezione della schermata di pagamento. Gli utenti possono scegliere quello desiderato da qui.
5. Commenta l’ordine
Gli utenti dell’app possono anche aggiungere qualsiasi commento relativo al proprio ordine che sarà visibile nella pagina Web dell’ordine nel back-end.
6. Riepilogo pagamenti
Questa sezione mostra la ripartizione completa dei dettagli del pagamento totale.
7. Procedere al pagamento
Gli utenti dell’app verranno reindirizzati alla schermata Pagamento dopo aver toccato il pulsante “Procedi al pagamento”.
Schermata di pagamento 6.9:
La schermata di pagamento sul tuo PrestaShop L’app mobile mostra sia la visualizzazione Web nativa che i metodi di pagamento dell’app. PrestaShop Mobile App Maker supporta tutti i tipi di opzioni di pagamento del sito Web sull’app. Inoltre, i metodi di pagamento PayPal e COD sono forniti nelle app Android e iOS. Inoltre, varie altre opzioni di pagamento native come PayU, Apple Pay, Amazon Pay, Braintree, Stripe, ecc. Possono anche essere integrate nell’app se richiesto.
6.10 My Account Screen
La schermata del mio account dell’app eCommerce per Android/iOS consente agli utenti di visualizzare i dettagli completi dell’account, incluso un elenco di ordini precedenti. La schermata Il mio account offre le seguenti opzioni:
1. Cronologia ordini

Gli utenti vengono a conoscenza dei dettagli completi dell’ordine inseriti in precedenza. Vengono visualizzati la data di invio dell’ordine, il riferimento dell’ordine, il prezzo e lo stato di consegna.
2. Aggiorna profilo
Gli utenti possono anche aggiornare i dettagli del proprio profilo pre-salvati come nome o cognome, numero di telefono e password.
3. Indirizzo / i di spedizione
Gli utenti dell’app possono vedere l’elenco completo degli indirizzi di spedizione salvati. Da qui è anche possibile aggiungere un nuovo indirizzo di spedizione.
4. Dettagli ordine
Gli utenti dell’app possono visualizzare l’elenco completo degli ordini di app precedentemente effettuati.
5. Riordina la funzione
È possibile riordinare direttamente il prodotto facendo clic sul pulsante “Riordina”. Tutto l’ordine precedente verrà aggiunto al carrello semplicemente toccando un solo pulsante.
6.11 Schermata Dettagli ordine
La schermata dei dettagli dell’ordine dell’app eCommerce PrestaShop fornisce i dettagli completi dell’ordine come l’indirizzo di spedizione, il riepilogo del prodotto, il metodo di spedizione e pagamento e il riepilogo dei costi totali. Gli utenti possono anche monitorare la consegna di ordini precedentemente effettuati direttamente da questa schermata.
7.0 Tutorial video
8.0 Marketplace PrestaShop avanzato con app mobile
Il mercato PrestaShop di KnowBand converte il tuo sito Web online in un mercato a tutti gli effetti. PrestaShop Mobile App Builder è completamente compatibile con�Estensione del mercato PrestaShop. Ciò significa che puoi portare l’intera scheda del mercato sulle stesse app PrestaShop per dispositivi mobili. Pertanto, avvia un paio di app mobili compatibili con Marketplace con KnowBand e attira un’ampia 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 mercato insieme alla loro valutazione. �> 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�Mercato PrestaShop con App Mobile�da�qui. Android & iOS Mobile App Builder per PrestaShop è disponibile anche su Negozio ufficiale di componenti aggiuntivi PrestaShop.