- \n
- Caricamento pi\u00f9 veloce e prestazioni rapide<\/li>\n
- Schermata iniziale completamente personalizzabile con editor fai-da-te<\/li>\n
- Tutti i metodi di pagamento e spedizione del sito web supportano<\/li>\n
- Notifiche push illimitate (sia automatiche che personalizzate)<\/li>\n
- Notifica push del carrello abbandonato<\/li>\n
- Supporto chat Zopim e WhatsApp<\/li>\n
- Interfaccia user-friendly coinvolgente<\/li>\n
- Nessuna dipendenza dagli app store<\/li>\n
- Completamente marchiato al tuo negozio (etichetta bianca)<\/li>\n
- Email e accesso social (Google e Facebook)<\/li>\n
- Supporto multilingue e RTL<\/li>\n
- Modalit\u00e0 offline funzionante<\/li>\n
- Funzionalit\u00e0 della lista dei desideri incorporata<\/li>\n
- Sito Web e app per la sincronizzazione in tempo reale<\/li>\n
- Aggiornamento automatico dell’inventario<\/li>\n
- Compatibilit\u00e0 con pi\u00f9 dispositivi<\/li>\n
- Pagamento di una pagina<\/li>\n
- Applicazione leggera<\/li>\n
- Gestione pagine CMS<\/li>\n
- Prodotti correlati su Progressive Web App<\/li>\n
- Recensioni degli utenti per i prodotti su PWA<\/li>\n
- Supporto multivaluta<\/li>\n
- Assistenza per coupon \/ voucher<\/li>\n<\/ul>\n
[IMP] Note per iOS PWA:<\/h3>\n
\ufffd> I dispositivi iOS (iPhone, iPad, ecc.) non offrono alcun prompt integrato “Aggiungi alla schermata iniziale”. Pertanto, gli utenti dell’app mobile PWA devono aggiungere manualmente l’app mobile PWA OpenCart alla schermata iniziale di iPhone o iPad. \ufffd> iOS non supporta le notifiche push web. Pertanto, l’amministratore del negozio pu\u00f2 inviare le notifiche push solo al dispositivo Android, non su iOS.<\/p>\n
[NUOVO AGGIORNAMENTO]\ufffdOpenCart PWA supporta le lingue RTL (arabo, ebraico, ecc.):<\/h3>\n
Il creatore di app per dispositivi mobili di OpenCart PWA ora supporta pi\u00f9 lingue, inclusi gli script RTL (da destra a sinistra), come arabo, ebraico, persiano, ecc. Tutte le lingue del negozio OpenCart saranno sull’app Web progressiva e possono essere aggiunte anche altre lingue richieste. Gli utenti possono scegliere la lingua sull’app Web progressiva e l’intero contenuto dell’app verr\u00e0 tradotto di conseguenza.<\/p>\n
Pienamente compatibile con KnowBand Multi-vendor Marketplace:<\/h2>\n
La nostra app mobile OpenCart PWA \u00e8 compatibile con Mercato multivendor OpenCart<\/a>. Converti il \u200b\u200btuo negozio eCommerce OpenCart in un mercato a tutti gli effetti e avvia l’app mobile PWA per lo stesso. I venditori del marketplace saranno disponibili sulla tua Progressive Web App e anche gli utenti potranno semplicemente sfogliarli.<\/p>\n
Nota:<\/strong> Le app mobili PWA OpenCart sono incentrate solo sul cliente, ovvero gli utenti possono visitare l’app PWA di navigazione insieme ai venditori. Non ci sar\u00e0 alcuna dashboard o gestione del venditore tramite OpenCart Progressive Web App. L’amministratore pu\u00f2 gestire i venditori dal web del marketplace e gli stessi verranno aggiornati automaticamente sull’app PWA Mobile.<\/p>\n
1.3 Visualizza la demo di OpenCart PWA:<\/h3>\n
<\/p>\n
![\"casa-screen\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Of-Home-screen.png\")
<\/a><\/p>\nEsplora le funzionalit\u00e0 del modulo e dell’app PWA dai link demo seguenti:<\/p>\n
Pannello di amministrazione del modulo: <\/strong>https:\/\/opencartdemo.knowband.com\/3.0\/pwa\/admin\/<\/a>
\nApp demo PWA:<\/strong>\u00ef \u00bf\u00bdhttps:\/\/opencartdemo.knowband.com\/3.0\/pwa\/pwa-app\/<\/a><\/p>\n(Copia e incolla l’URL nel browser del cellulare e “Aggiungi alla schermata iniziale”)<\/p>\n
2.0 Schermate del pannello di amministrazione:<\/h2>\n
Esplora tutte le impostazioni del pannello di amministrazione dell’estensione OpenCart PWA Mobile App insieme alle funzionalit\u00e0 e lavora con gli snapshot condivisi di seguito:<\/p>\n
Impostazioni generali 2.1:<\/h3>\n
![\"Generali-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/General-Settings.png\")
<\/p>\na) Mostra \/ nascondi anteprima:<\/strong> Tocca il pulsante con l’occhio per visualizzare \/ nascondere l’anteprima del telefono nel pannello di amministrazione.
\nb) Stato:<\/strong> Abilita il modulo al funzionamento PWA sui dispositivi mobili.
\nc) Abilita report registro richieste:<\/strong> Abilita registro errori su dispositivo mobile.
\nd) Nome per l’app PWA:<\/strong> Immettere il nome per l’app OpenCart PWA.
\ne) Seleziona layout per la home page:<\/strong> Scegli dal layout della schermata iniziale pre-aggiunto per l’app Web progressiva OpenCart.<\/p>\n![\"generali-settings-2\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/General-Settings-2.png\")
<\/p>\nf) Abilita barra delle schede:<\/strong> Abilita la barra delle schede nella parte inferiore dell’app OpenCart PWA per una navigazione senza interruzioni.
\ng) Carattere per l’app PWA:<\/strong> Scegli un carattere per OpenCart Progressive Web App (PWA).
\nh) Colore pulsante app:<\/strong> Scegli il colore del pulsante per l’app PWA per dispositivi mobili.
\ni) Colore del tema dell’app:<\/strong> Scegli il colore del tema per l’app PWA.
\nj) Colore di sfondo dell’app:<\/strong> Scegli il colore di sfondo per l’app PWA.
\nk) Colore schermata iniziale dell’app:<\/strong> Scegli una schermata iniziale per l’app PWA Mobile.
\nl) Abilita logo:<\/strong> Aggiungi il logo del tuo marchio sull’intestazione dell’app mobile OpenCart PWA.<\/p>\n![\"generali-settings-3\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/General-settings-3.png\")
<\/p>\nm) Immagine per l’icona dell’app:<\/strong> Aggiungi l’immagine dell’icona dell’app nel pannello di amministrazione dell’estensione OpenCart PWA.
\nn) Reindirizzamento sulla pagina del carrello quando si aggiunge al carrello:<\/strong> Controlla il reindirizzamento del pulsante Aggiungi al carrello ogni volta che un utente tocca il pulsante Aggiungi al carrello.<\/p>\nImpostazioni notifiche push 2.2<\/h3>\n
![\"push-notifiche-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3-2.jpg\")
<\/a><\/p>\nLe notifiche push sono il miglior strumento di marketing per la Progressive Web App (PWA) per OpenCart. L’amministratore del negozio pu\u00f2 semplicemente promuovere i prodotti e le offerte del negozio agli utenti dell’app e aumentare le vendite e le entrate. Inserisci tutti i dettagli nelle impostazioni delle notifiche push creando un progetto Firebase:<\/p>\n
Come impostare un account Firebase?<\/strong><\/p>\n
Passo 1:<\/strong> Accedi a Google Firebase<\/p>\n
![\"Firebase\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/1.png\")
<\/p>\nPasso 2:<\/strong> Crea un nuovo progetto Facendo clic su Aggiungi progetto, verr\u00e0 visualizzata la seguente finestra di dialogo:<\/p>\n
![\"creare-project\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/2.png\")
\nCi vorranno alcuni secondi per creare il progetto. Quando il progetto \u00e8 pronto, fai clic su Continua.<\/p>\n![\"continuare](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/3.png\")
<\/p>\nPasso 3:<\/strong> Gestisci le impostazioni del progetto Una volta creato il progetto, fare clic su Impostazioni del progetto.<\/p>\n
![\"progetto-settings\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/4.png\")
<\/p>\nPasso 4:<\/strong> Vai alle opzioni di autenticazione:<\/p>\n
![\"autenticazione-options\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/5.png\")
\nPasso 5:<\/strong>Trova le chiavi Firebase Nelle impostazioni del progetto, fai clic su Impostazioni di messaggistica cloud. Da qui puoi ottenere direttamente la chiave del server.<\/p>\n![\"Firebase-chiave\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/9.png\")
\nPasso 6:<\/strong>Aggiungi la tua app Web a Firebase<\/p>\n![\"web-app-to-Firebase\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/7.png\")
<\/p>\n![\"web-app-to-Firebase\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/7-1.png\")
<\/p>\nPasso 7:<\/strong>Ottieni altri dettagli relativi a Firebase e incolla gli stessi nel pannello di amministrazione del modulo PWA.<\/p>\n
![\"Firebase-details\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/8.png\")
<\/p>\nPasso 8:<\/strong>Ottieni la chiave del server Firebase dalla scheda Messaggistica cloud in Impostazioni:<\/p>\n
![\"Firebase-chiave\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/9-1.png\")
<\/p>\nPasso 9:<\/strong>Aggiungi il tuo dominio nell’autenticazione >> accedi.<\/p>\n
![\"Firebase-server-chiave\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/10.png\")
<\/p>\n![\"Firebase-server-chiave\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/11.png\")
<\/p>\nA) Notifica push ordine riuscita:<\/strong><\/p>\n
Abilita \/ Disabilita la notifica push automatica da inviare agli utenti dell’app ogni volta che effettuano un ordine con esito positivo dalla OpenCart Progressive Web App (PWA).<\/p>\n
![\"successo](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Order-success-.png\")
<\/p>\nB) Notifica push aggiornamento stato ordine:<\/strong><\/p>\n
Abilita \/ disabilita la notifica push automatica inviata ogni volta che lo stato dell’ordine dall’app viene aggiornato. Gli utenti dell’app mobile OpenCart PWA possono tenere d’occhio i dettagli degli ordini precedenti.<\/p>\n
![\"notifica](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Order-status-notification.png\")
<\/p>\nC) Notifica push carrello abbandonata:<\/strong><\/p>\n
Abilita \/ Disabilita la notifica push automatica inviata agli utenti che abbandonano i prodotti nel carrello senza aver effettuato l’acquisto. Questa notifica push verr\u00e0 inviata automaticamente agli utenti dopo l’intervallo di tempo inserito.<\/p>\n
![\"abbandonato-cart\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Abandoned-cart.png\")
<\/p>\n2.3 Cronologia notifiche push<\/h3>\n
La cronologia completa delle notifiche push delle notifiche push inviate con successo verr\u00e0 visualizzata qui. L’amministratore del negozio pu\u00f2 tenere traccia delle notifiche push inviate in precedenza da qui.<\/p>\n
![\"cronologia](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/push-notification-history.png\")
<\/p>\nA) Invia notifica:<\/strong><\/p>\n
Personalizza e invia notifiche push manualmente agli utenti di OpenCart Progressive Web App (PWA) secondo le necessit\u00e0. L’amministratore del negozio pu\u00f2 configurare queste notifiche da solo e inviarle agli utenti di OpenCart Progressive Web App (PWA).<\/p>\n
![\"send-notifica\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/send-notification.png\")
<\/p>\nLayout della pagina iniziale 2.4:<\/h3>\n
Progetta e salva pi\u00f9 progetti di layout (vendita, festival, ecc.) E scegli quello giusto dal pannello di amministrazione per aggiornare su OpenCart Progressive Web App.<\/em><\/p><\/blockquote>\n
<\/a><\/p>\nLa OpenCart Progressive Web App (PWA) offre una schermata iniziale personalizzabile il cui layout pu\u00f2 essere progettato dal pannello di amministrazione con pochi clic del mouse e trascinamento. Il layout attraente come per festival, saldi, occasioni, ecc. Pu\u00f2 sicuramente aiutare a migliorare le vendite attraverso le app mobili PWA OpenCart.<\/p>\n
![\"home-page-layout](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/home-page-layout.png\")
<\/p>\nAggiungi un nuovo layout da questa scheda o modifica quelli aggiunti in precedenza. Le impostazioni di configurazione della home page offrono i seguenti elementi:<\/p>\n
Categorie principali: <\/strong><\/p>\n
![\"categoria](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Top-category-.png\")
<\/p>\nBanner quadrato:<\/strong><\/p>\n
![\"piazza-banner\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Square-Banner-.png\")
<\/p>\nBanner scorrevole orizzontale:<\/strong><\/p>\n
![\"scorrevoli-banner\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Sliding-Banner.png\")
<\/p>\nBanner griglia: <\/strong><\/p>\n
![\"grid-banner\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Grid-Banner.png\")
<\/p>\nBanner timer conto alla rovescia: <\/strong><\/p>\n
![\"conto](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Countdown-Timer-Banner.png\")
<\/p>\nProdotti quadrati: <\/strong><\/p>\n
![\"piazza-prodotto\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Square-Product.png\")
<\/p>\nProdotti scorrevoli: <\/strong><\/p>\n
![\"sottoprodotti](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Sliding-Products-.png\")
<\/p>\nProdotti Grid: <\/strong><\/p>\n
![\"grid-products\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Grid-products.png\")
<\/p>\nCome ottenere i dettagli dell’app Facebook?<\/h3>\n
L’app di Facebook pu\u00f2 essere creata seguendo i seguenti passaggi: –<\/p>\n
Passo 1:<\/strong>Vai all’URL fornito : https:\/\/developers.facebook.com\/apps\/<\/p>\n
Passo 2:<\/strong>Fare clic sul pulsante “Aggiungi una nuova app”.<\/p>\n
![\"add-new-app\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/1.jpg\")
<\/a><\/p>\nPassaggio 3 e 4:<\/strong>Immettere il nome dell’app e l’ID e-mail, quindi fare clic sul pulsante “Crea ID app”.<\/p>\n
![\"create-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/2.jpg\")
<\/a><\/p>\nPassaggio 5 e 6:<\/strong> Dopo aver fatto clic su Crea ID app, sar\u00e0 necessario eseguire un controllo di sicurezza come mostrato:<\/p>\n
![\"create-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/3.jpg\")
<\/a><\/p>\nPasso 7:<\/strong>Fare clic sulla scheda “Impostazioni”.<\/p>\n
![\"fb-app-impostazione\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/4.jpg\")
<\/a><\/p>\nPassaggio 8-13:<\/strong>Due opzioni saranno disponibili nel menu a discesa , Base e Avanzate, fare clic su “Base”. Quindi inserisci il tuo “Dominio app”, “Email di contatto”, “URL della privacy”, “Termini e condizioni URL”, “Aggiungi logo”, “Seleziona categoria” e fai clic sul pulsante “Salva modifiche”. Domini app: tuodominio.com \u00e8 corretto tuodominio.com\/store non corretto www.dominio.com non \u00e8 corretto<\/p>\n
![\"fb-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/5.jpg\")
<\/a><\/p>\nPasso 14:<\/strong>Ora fai clic su “+ Aggiungi piattaforma”.<\/p>\n
![\"add-piattaforma\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/6.jpg\")
<\/a>
\nPassaggio 15: <\/strong>E seleziona Sito Web come piattaforma.<\/p>\n![\"scegliere-platform\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/7.jpg\")
<\/a><\/p>\nPasso 16:<\/strong>Ora inserisci l’URL del tuo sito.<\/p>\n
![\"enter-sito-url\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/8.jpg\")
<\/a>
\nPassaggio 17 e 18:<\/strong>Fai clic su “Prodotti +” e seleziona Accesso a Facebook.<\/p>\n![\"accesso](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/9.jpg\")
<\/a>
\nPasso 19:<\/strong>Seleziona web come piattaforma per l’app.<\/p>\n![\"scegliere-platform\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/10.jpg\")
<\/a><\/p>\nPasso 20:<\/strong> Ora fai clic su Salva.<\/p>\n
![\"facebook-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/11.jpg\")
<\/a>
\nPassaggio 21 e 22: <\/strong>Fare clic su Impostazioni e aggiungere un URI di reindirizzamento OAuth valido. URI di reindirizzamento OAuth validi: https:\/\/example.com\/pwa-app\/login<\/p>\n![\"reindirizzamento-URL\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/12.jpg\")
<\/a><\/p>\nPassaggio 23 e 24:<\/strong>Fare clic su “Revisione app”. Seleziona “Rendi” pubblico “il nome della tua app su S\u00ec.<\/p>\n
![\"app-recensione\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/13.jpg\")
<\/a>
\nPasso finale:<\/strong>Copiare l’ID app e il segreto dell’app e incollarli nei campi forniti nel modulo.<\/p>\n![\"passo](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/14.jpg\")
<\/a><\/p>\nCome ottenere i dettagli dell’app Google?<\/h3>\n
- \n
- Vai a Google Developers Console (https:\/\/console.developers.google.com\/project) o fai clic sul link in alto a destra della rispettiva scheda nella pagina di configurazione del modulo.<\/li>\n
- Ora fai clic su Crea progetto a sinistra della pagina.<\/li>\n
- Inserisci un nome per il tuo progetto e procedi con il passaggio successivo.<\/li>\n
- Ora fai clic su API e autorizzazione-> Credenziali dal menu a sinistra come mostrato di seguito.<\/li>\n<\/ul>\n
![\"google-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/a.jpg\")
<\/a><\/p>\n- \n
- Fai clic sul pulsante Crea nuovo ID cliente dal pannello di destra dello schermo.<\/li>\n
- Potrebbe essere necessario compilare il modulo per la schermata di consenso prima di procedere. Per fare ci\u00f2, \u00e8 necessario fare clic sulla schermata di consenso nel menu a sinistra, come mostrato nell’immagine sopra.<\/li>\n
- Compila il modulo pop-up con i seguenti dettagli:<\/li>\n<\/ul>\n
Tipo di applicazione:<\/strong> Applicazione web.
\nOrigini JavaScript autorizzate:<\/strong> Il nome di dominio del tuo negozio (https:\/\/www.yourstore.com).
\nURI di reindirizzamento autorizzato o URI della pagina di reindirizzamento di Loginizer:<\/strong>
\nhttps:\/\/example.com\/pwa-app\/login<\/p>\n![\"google-app-id\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/04\/b.jpg\")
<\/a><\/p>\n- \n
- Ora fai clic sul pulsante Crea ID cliente per ottenere l’ID cliente e la chiave segreta del cliente.<\/li>\n
- Ora puoi utilizzare il segreto cliente e l’ID cliente per consentire ai tuoi clienti di accedere al tuo negozio utilizzando il loro account Google.<\/li>\n<\/ul>\n
2.7 Pagine informative:<\/h3>\n
Aggiungi pagine CMS sull’app e offri contenuti informativi agli utenti di OpenCart PWA Mobile App.<\/p>\n
![\"pagine](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Information-pages-.png\")
<\/p>\n3.0 Schermate dell’app PWA front-end:<\/h2>\n
3.1 Home Screen:<\/h3>\n
![\"casa-screen\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Home-screen.png\")
<\/a><\/p>\nLa schermata iniziale della OpenCart Progressive Web App (PWA) \u00e8 completamente personalizzabile con un editor fai-da-te come spiegato sopra nelle schermate del pannello di amministrazione. Cambia l’aspetto della schermata iniziale dell’app in qualsiasi momento e offri un aspetto pi\u00f9 intuitivo e orientato alla vendita.<\/p>\n
1. Layout personalizzato:<\/h4>\n
Utilizzando vari banner, slider, elementi del prodotto, l’amministratore del negozio pu\u00f2 creare un layout dinamico secondo le necessit\u00e0.<\/p>\n
2. Logo del marchio:<\/h4>\n
Usa il logo del tuo negozio nell’intestazione superiore della OpenCart Progressive Web App (PWA).<\/p>\n
3. Borsa del carrello:<\/h4>\n
L’icona del carrello nell’angolo in alto a destra della schermata iniziale consente agli utenti di accedere alla schermata del carrello e controllare i prodotti aggiunti.<\/p>\n
4. Menu di navigazione a sinistra:<\/h4>\n
Sfoglia le categorie visualizzate nell’app PWA con la navigazione nel menu di navigazione a sinistra.<\/p>\n
3.2 Menu per fisarmonica (barra di navigazione)<\/h3>\n
Le app mobili OpenCart PWA vengono fornite con una categorizzazione perfetta e corretta. Gli utenti possono trovare le categorie pertinenti dal menu di navigazione a sinistra e sfogliare i prodotti. Diverse pagine CMS possono anche essere aggiunte al menu che offrono contenuti pertinenti sull’app.<\/p>\n
![\"fisarmonica-menu-barra](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Accordion-Menu-Navigation-Bar.png\")
<\/a><\/p>\n1. Il mio account:<\/h4>\n
L’opzione Il mio account contiene tutte le informazioni personali degli utenti, inclusa la spedizione e l’ordine. Gli acquirenti di OpenCart Progressive Web App possono visualizzare e aggiornare le informazioni salvate.<\/p>\n
2. categorie:<\/h4>\n
Le categorie visualizzate nel menu di navigazione a sinistra della OpenCart Progressive Web App sono le stesse disponibili nel negozio eCommerce.<\/p>\n
3. Pagine CMS:<\/h4>\n
Da qui \u00e8 possibile accedere a varie pagine CMS come Chi siamo, Contattaci, Termini e condizioni, ecc. Queste pagine di informazioni possono essere aggiunte dal pannello di amministrazione dell’estensione.<\/p>\n
4. Lingua (e):<\/h4>\n
L’opzione della lingua consente agli utenti dell’app PWA di visualizzare l’app Web nella lingua desiderata.<\/p>\n
5. Valuta \/ e:<\/h4>\n
Tutte le valute disponibili sul tuo sito web sono visualizzate qui sull’app OpenCart Progressive Web App (PWA).<\/p>\n
6. Accesso \/ Logout:<\/h4>\n
Gli utenti possono facilmente accedere \/ disconnettersi dall’app OpenCart PWA tramite questa opzione.<\/p>\n
Schermata delle categorie 3.3:<\/h3>\n
![\"categoria-screen\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Category-Screen.png\")
<\/a><\/p>\nSchermate di categoria prive di ingombri con l’elenco e la visualizzazione a griglia consentono agli utenti di scegliere ci\u00f2 che \u00e8 meglio per loro da una categoria specifica. L’intero inventario del negozio rimarr\u00e0 sincronizzato con l’app mobile OpenC Progressive Web App (PWA) e le nuove aggiunte e modifiche verranno persino aggiornate in tempo reale.<\/p>\n
1. Visualizzazione elenco e griglia:<\/h4>\n
Le categorie sull’app PWA per OpenCart possono essere sfogliate sia nella visualizzazione elenco che nella visualizzazione griglia.<\/p>\n
2. Ordinamento del prodotto:<\/h4>\n
L’opzione di smistamento consente agli acquirenti online di restringere i prodotti nell’ordinamento desiderato e di trovare quello giusto.<\/p>\n
3. Filtro prodotto:<\/h4>\n
L’app mobile OpenCart PWA offre la possibilit\u00e0 di filtrare i prodotti semplificando la ricerca dei prodotti. Gli acquirenti online possono trovare i prodotti desiderati nelle categorie utilizzando filtri per vari attributi come taglia, colore, prezzo, ecc.<\/p>\n
Schermata del prodotto 3.4:<\/h3>\n
![\"prodotto-screen\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Product-Screen-1.png\")
<\/a><\/p>\nLa schermata del prodotto della OpenCart Progressive Web App \u00e8 il pi\u00f9 semplice e intrigante possibile. Con tutte le opzioni e le informazioni necessarie sul prodotto, diventa questione di pochi minuti per gli utenti essere sicuri del prodotto che sta per acquistare. Sono disponibili pi\u00f9 immagini per il prodotto con le opzioni In stock e Out of stock.<\/p>\n
1. Informazioni e cura del prodotto:<\/h4>\n
Le informazioni complete sul prodotto disponibili nell’inventario verranno visualizzate qui.<\/p>\n
2. Breve descrizione:<\/h4>\n
Gli utenti possono leggere la breve descrizione del tuo prodotto per prendere rapidamente una decisione sull’acquisto.<\/p>\n
3. Opzioni del prodotto:<\/h4>\n
Tutte le opzioni relative al prodotto come dimensioni, colore, ecc. Sono visualizzate qui.<\/p>\n
4. Aggiungi al carrello:<\/h4>\n
Questo pulsante consente agli utenti di aggiungere prodotti al carrello. Gli utenti possono elaborare ulteriormente il carrello per l’acquisto.<\/p>\n
5. Condivisione social prodotto:<\/h4>\n
L’opzione di condivisione per il prodotto consente agli utenti di condividere i prodotti su pi\u00f9 canali social.<\/p>\n
Schermata di accesso 3.5<\/h3>\n
![\"login-screen\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Login-Screen-1.png\")
<\/a><\/p>\nL’app mobile OpenCart PWA offre opzioni di accesso social con un tocco e rende il processo di accesso \/ registrazione pi\u00f9 semplice. La OpenCart Progressive Web App offre l’accesso a Google e Facebook.<\/p>\n
1. Accesso:<\/h4>\n
Gli utenti dell’app possono autenticarsi e accedere facilmente alle app PWA utilizzando le loro precedenti credenziali di accesso e-mail.<\/p>\n
2. Registrati:<\/h4>\n
Tutti i nuovi utenti dell’app possono registrarsi e creare il proprio account sullo store dall’app OpenCart PWA. Il modulo di registrazione richiede solo i dettagli necessari per creare un account.<\/p>\n
3. Accedi con Facebook:<\/h4>\n
Gli utenti possono accedere all’app PWA utilizzando le credenziali dell’account Facebook.<\/p>\n
4. Accedi con Google:<\/h4>\n
Gli utenti possono accedere all’app PWA utilizzando le credenziali dell’account Google.<\/p>\n
Schermata del carrello acquisti 3.6:<\/h3>\n
La schermata del carrello della OpenCart PWA Mobile App mostrer\u00e0 tutti i prodotti aggiunti al carrello. Gli utenti dell’app possono visualizzare il nome del prodotto, la quantit\u00e0, il prezzo totale e il costo di spedizione. Questa schermata ha le seguenti opzioni:<\/p>\n
![\"lo](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Shopping-Cart-Screen-1.png\")
<\/a><\/p>\n1. Applica il voucher:<\/h4>\n
Questa opzione consente agli utenti di utilizzare coupon del sito Web e ottenere offerte di sconto.<\/p>\n
2. Prezzo totale del prodotto:<\/h4>\n
Gli utenti possono visualizzare il costo completo della loro borsa della spesa prima di procedere oltre. Viene automaticamente aggiornato in base a qualsiasi aggiornamento con quantit\u00e0 di prodotto o nuova aggiunta.<\/p>\n
3. Aggiorna quantit\u00e0 prodotto:<\/h4>\n
Gli utenti dell’app PWA possono persino aggiornare la quantit\u00e0 del prodotto con l’opzione “Aggiorna quantit\u00e0”.<\/p>\n
4. Rimuovi prodotto:<\/h4>\n
Gli utenti dell’app possono semplicemente rimuovere il prodotto dal carrello semplicemente toccando l’opzione “Rimuovi”.<\/p>\n
5. Continua a fare acquisti:<\/h4>\n
Gli utenti dell’app possono lasciare il carrello per sfogliare pi\u00f9 prodotti sulla tua app.<\/p>\n
6. Continua alla cassa:<\/h4>\n
Gli utenti dell’app PWA possono procedere ulteriormente alle schermate di pagamento e pagamento semplicemente toccando l’opzione “Continua per il pagamento”.<\/p>\n
3.7 Checkout Screen<\/h3>\n
La Progressive Web App per OpenCart ha un checkout a schermo singolo semplificato con solo le informazioni rilevanti. Gli utenti dell’app possono visualizzare i dettagli completi del checkout come i dettagli di spedizione, i dettagli di fatturazione, il riepilogo dell’ordine, il commento sull’ordine, il riepilogo del pagamento.<\/p>\n
![\"checkout-schermo\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Checkout-Screen.png\")
<\/a><\/p>\n1. Dettagli di fatturazione e spedizione:<\/h4>\n
Questa schermata fornisce i dettagli degli indirizzi di spedizione e fatturazione salvati dall’utente. L’utente pu\u00f2 anche modificare \/ salvare il nuovo indirizzo di spedizione, se necessario.<\/p>\n
2. Riepilogo dell’ordine:<\/h4>\n
Gli utenti dell’app possono visualizzare i dettagli del prodotto prima di effettuare il pagamento.<\/h4>\n
3. Metodi di spedizione: tutti i metodi di spedizione disponibili sono visualizzati qui. Gli utenti possono scegliere quello pi\u00f9 adatto alle loro esigenze.<\/p>\n
4. Commento ordine:<\/h4>\n
Gli utenti possono anche aggiungere qualsiasi commento relativo al loro ordine che sar\u00e0 visibile per archiviare l’amministratore sulla pagina web dell’ordine nel backend.<\/p>\n
6. Riepilogo del pagamento:<\/h4>\n
In questa sezione vengono visualizzati i dettagli completi del pagamento ripartito coinvolti con l’acquisto.<\/p>\n
7. Procedi al pagamento:<\/h4>\n
Gli utenti dell’app PWA verranno reindirizzati alla schermata Pagamento dopo aver toccato il pulsante “Procedi al pagamento”.<\/p>\n
Schermata di pagamento 3.8:<\/h3>\n
La schermata di pagamento dell’app OpenCart PWA ha tutti i pagamenti con visualizzazione web disponibili nello store. Gli acquirenti online possono trovare esperienze di pagamento simili su siti Web e app.<\/p>\n
![\"pagamento-screen\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Payment-Screen-1.png\")
<\/a><\/p>\n3.9 My Account Screen<\/h3>\n
![\"my-conto-screen\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/My-Account-Screen-1.png\")
<\/a><\/p>\n![\"schermata-dettaglio-ordine\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2020\/06\/Order-Detail-Screen.png\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"