Knowband Blog | Ecommerce Modules

Quanto è facile progettare la home page dell’app mobile PrestaShop?

Con il crescente utilizzo di app mobili, sempre più aziende sono disposte a compiere ulteriori sforzi per distinguersi dalla concorrenza. Per le aziende di eCommerce, avere un’app mobile con l’aggiornamento periodico del design della home page li aiuta a mantenere i loro clienti coinvolti in modo redditizio. Ogni volta, una nuova offerta / nuovo arrivo / vendita / ecc. Viene inserita nella loro app per lo shopping, facendo conoscere ai clienti che può naturalmente aumentare le loro vendite. Questo può essere fatto ottimizzando anche il design della home page (a parte le notifiche push e altre campagne) nell’app PrestaShop Mobile. Per semplificare la progettazione e il re-editing della home page per i proprietari di attività, KnowBand offre estensioni di eCommerce Mobile App Builder. Non solo aiuta le aziende di eCommerce a costruire le loro app mobili eCommerce senza problemi, ma offre anche backend e frontend ricchi di funzionalità a vantaggio delle aziende e degli utenti delle app. Questo articolo farà luce su come usare il Creatore di app mobili PrestaShop Modulo per creare, progettare e modificare i layout della home page. Una volta installato il modulo PrestaShop Mobile App Builder, di KnowBand, sul backend del sito Web PrestaShop, la home page di

Facendo clic su “configura” su questo modulo del creatore di app, ti vengono presentate varie opzioni di modifica.

-Seleziona ‘Home-Page Layout’ dal menu laterale. -Per creare un nuovo layout, fai clic sul pulsante “aggiungi nuovo layout”. È inoltre possibile modificare nuovamente i layout esistenti. Inoltre, puoi pre-progettare più layout e mantenerli attivi sulla tua app mobile (dalle impostazioni generali nel menu laterale).

-Durante la progettazione o la modifica del layout della home page dell’app, è possibile utilizzare un massimo di 20 componenti dall’elenco completo dei diversi componenti mostrato nel menu laterale a sinistra. Quindi, puoi anche utilizzare più volte un singolo componente nel tuo layout. Dopo aver aggiunto questi componenti, puoi modificarli e organizzarli utilizzando la funzione di trascinamento della selezione. La cosa migliore è che tutte le modifiche apportate si riflettono istantaneamente sulla schermata dell’app demo all’interno della scheda di personalizzazione della home page stessa.

Componenti per progettare il layout della home page di PrestaShop:

1. Principali categorie:

In un dispositivo di scorrimento, è possibile visualizzare piccole icone di immagini con collegamenti di reindirizzamento a categorie pertinenti sul proprio eStore. È possibile aggiungere un totale di 8 di tali categorie in un singolo componente di “categoria superiore”.

2. Banner quadrati, a griglia e a scorrimento orizzontale:


Per tutti questi 3 tipi di banner, puoi scegliere le opzioni di reindirizzamento tra le pagine delle categorie, le pagine dei prodotti, la home page e persino una qualsiasi delle pagine CMS. Aggiungi elementi singoli o multipli sotto tali banner in base alle tue esigenze.

3. Prodotti quadrati, a griglia e scorrevoli orizzontali:

Con questi 3 componenti, è possibile visualizzare singoli prodotti reindirizzando l’utente dell’app direttamente alla pagina del prodotto specifico. Perché questo modulo Builder di app PrestaShop consente anche di impostare elenchi di prodotti in evidenza. È possibile scegliere tra le seguenti opzioni per visualizzare i prodotti:? Prodotti più venduti? Nuovi arrivi ? Prodotti sponsorizzati ? Prodotti speciali? Prodotti di una categoria? Prodotti personalizzati

4. Prodotti a cui è stato effettuato l’accesso di recente:

L’inclusione di questo componente in qualsiasi punto del layout crea semplicemente un dispositivo di scorrimento orizzontale per i prodotti che visualizzano solo i prodotti visualizzati di recente da un utente dell’app. È ideale aggiungere questo componente una sola volta in un layout di home page.

5. Banner conto alla rovescia:

Questo banner ha un conto alla rovescia integrato con tutte le impostazioni necessarie per renderlo tuo. Puoi utilizzarlo per informare gli utenti dell’app in merito a un’offerta che termina in un determinato momento. Avere il timer in funzione aiuta a coinvolgere i clienti e a fare acquisti di successo fino a quando l’orologio è in funzione. Fare riferimento allo screenshot seguente per le sue impostazioni.

Oltre a tutte le modifiche, puoi progettare la home page della tua app PrestaShop, c’è un’altra cosa utile che è sempre presente sullo schermo della tua app. È la barra delle schede.

Progettazione della barra delle schede:

Dal menu laterale del backend del modulo PrestaShop Mobile App Maker, è anche possibile progettare la barra delle schede. Questo design rimane comune per tutti i layout della home page. Aggiungi da 3 a 5 elementi nella barra delle schede con i collegamenti necessari per rendere l’app PrestaShop più professionale e intuitiva.


Ecco come appare l’impostazione della barra delle schede “Account personale”:


Ormai, devi aver avuto un’idea di quanto sia facile creare, progettare e modificare il layout della home page di un’app PrestaShop Mobile utilizzando il modulo PrestaShop Mobile App Maker. Di tanto in tanto, le app di e-commerce devono cambiare il layout della loro home page per integrare diverse offerte, vendite stagionali, nuovi arrivi e quant’altro. Quindi, per rendere più semplice ma efficace per i proprietari di eStore, i nostri esperti di KnowBand hanno sviluppato questo PrestaShop Mobile App Maker Modulo. Coloro che desiderano testare questo modulo prima dell’acquisto possono anche provare la sua versione gratuita.

Alcune delle nostre app client dal design accattivante:

A) App Body Organics:

B) App Elecbee:

C) App ChirulliShop:

D) App Caribstore:

E) Terminal Fashion App:

F) App VenusSense:

G) App Xbahrain:

Se hai ancora domande relative a questo, non esitare a contattarci via email all’indirizzo support@knowband.com. Saremo più che felici di aiutarti.

Leggi anche:

È facile inviare notifiche push personalizzate nell’app mobile PrestaShop?