Piattaforme

App PrestaShop Mobile: 4 opzioni, costi e un piano di prova

Quattro modi per ottenere un'app mobile PrestaShop per i tuoi clienti, il prezzo di ciascuna e un piano di test telefonico per moduli di pagamento, operatori e accessi.

Il proprietario di un negozio mette olio d'oliva e sapone in una scatola mentre controlla gli ordini su un telefono appoggiato

Un'app mobile PrestaShop per i clienti è un'app iOS e Android con il nome del tuo negozio che gli acquirenti installano per navigare, riordinare e pagare. PrestaShop non ne spedisce uno, quindi lo ottieni in quattro modi: un modulo di creazione di app mobili, un convertitore da sito Web ad app, un servizio di app gestite o una build personalizzata. La scelta giusta dipende principalmente dal tuo checkout, perché un checkout PrestaShop è costruito da moduli.

Questa guida ti aiuta a scegliere un percorso e a dimostrarlo nel tuo negozio prima di spendere soldi. Per la versione breve, vedere PrestaShop alla pagina dell'app.

Un negozio PrestaShop dovrebbe avere un'app?

Un'app guadagna il suo posto quando le stesse persone acquistano ripetutamente da te. Controlla prima il tuo negozio confrontandolo con quattro domande.

  • I clienti riordinano? Vino, caffè, cibo per animali, cosmetici, forniture per stampanti, pezzi di ricambio e materiali di consumo commerciali vengono acquistati in un ciclo.
  • I clienti accedono per fare qualcosa? I conti commerciali con prezzi di gruppo, cronologia degli ordini, fatture, resi e buoni fedeltà riportano le persone al proprio conto.
  • Hai notizie che meritano una segnalazione? Vendite, riassortimenti e nuove gamme si adattano alla spinta.
  • Il negozio mobile è già valido? Se gli acquirenti telefonici abbandonano il tuo checkout oggi, un'app basata su quel checkout erediterà il problema.

Se la maggior parte degli ordini proviene da visitatori alle prime armi, dedica invece gli sforzi al tema mobile.

Cosa rende PrestaShop diverso quando aggiungi un'app?

PrestaShop è open source e solitamente self-hosted, ed è ampiamente utilizzato in Europa e America Latina, dove il modo in cui le persone pagano e ricevono i pacchi cambia da paese a paese. Un tipico negozio viene adattato al suo paese un modulo alla volta: un modulo di pagamento per il metodo bancario di cui i clienti si fidano, un modulo per il corriere con una mappa del punto di ritiro, traduzioni, norme fiscali e gruppi di clienti con i propri prezzi.

Ciò rende la cassa la parte difficile. I prodotti e le categorie sono facili da copiare in un'app. Un pagamento che reindirizza a una banca, richiede l'approvazione in un'app bancaria e poi ritorna alla pagina di conferma dell'ordine non lo è.

Anche le versioni variano. PrestaShop 1.7, 8 e 9 sono tutti in uso e PrestaShop 9.1, rilasciato nel marzo 2026, ha reso Hummingbird il tema predefinito per le nuove installazioni mentre molti negozi rimangono sul tema Classico o personalizzato. Qualsiasi percorso che inserisce il codice nel tuo negozio deve corrispondere alla tua versione e ai tuoi moduli.

Quindi fai una domanda per ogni percorso: l'app mostra ciò che aggiungono i miei moduli o solo ciò che PrestaShop è a conoscenza del core?

Quali sono i quattro modi per ottenere un'app mobile PrestaShop?

Percorso 1: un modulo per la creazione di app mobili

Diversi fornitori vendono moduli per la creazione di app mobili su Mercato dei componenti aggiuntivi PrestaShop e sui propri siti. Installi un modulo connettore nel tuo back office, espone il tuo catalogo, i clienti e gli ordini all'app del fornitore e l'app li disegna come schermate native. Alcuni si basano su Servizio web PrestaShop, un'API CRUD su risorse come prodotti, combinazioni, carrelli, clienti e ordini.

Bravo in: elenchi e pagine di prodotti nativi e una schermata iniziale strutturata in modo diverso rispetto al tuo sito web.

Controlla attentamente:

  • Pagamento e supporto del corriere. L'API descrive gli ordini e i corrieri come dati. Non descrive ciò che un modulo di pagamento o un modulo di ritiro rende al momento del pagamento, quindi ognuno necessita del supporto esplicito del fornitore dell'app. Richiedi l'elenco dei moduli supportati e confrontalo con il tuo. Un fallback comune per uno non supportato è il checkout del tuo sito web mostrato in una WebView.
  • Versione e licenza. Il connettore è un modulo come gli altri, quindi verifica che supporti la tua versione di PrestaShop e che sia ancora aggiornato. Le licenze variano tra un prezzo una tantum, un abbonamento ed extra a pagamento, quindi conferma di ricevere build pronte per lo store con i tuoi account sviluppatore.
  • Design. Le personalizzazioni del tema web non vengono trasferite. L'app ha il suo aspetto.

Percorso 2: un convertitore da sito Web ad app

Un convertitore crea una shell nativa attorno al tuo sito web live. La shell fornisce l'icona dell'app, la schermata di avvio, un'intestazione nativa, i menu e le schede inferiori e notifiche push opzionali. Il tuo front office viene caricato al suo interno in un WebView, lo stesso motore del browser utilizzato da Safari e Chrome.

Bravo in: fedeltà. L'app mostra qualunque tema e moduli vengano visualizzati su un telefono, perché è la stessa pagina dallo stesso server. Non installi nulla in PrestaShop, quindi la sua versione non ha importanza.

Controlla attentamente: non ottieni schermate di prodotto ridisegnate in modo nativo. L'app è veloce e ordinata come il tuo tema mobile e non è migliore. I pagamenti che escono dal tuo negozio possono comportarsi in modo diverso in un browser integrato rispetto a Safari o Chrome, ed è a questo che serve il piano di test riportato di seguito.

SiteTo.App prende questa strada. Incolli l'URL del tuo negozio, imposti il ​​nome, l'icona e le schede e visualizzi l'anteprima dell'app sul tuo telefono gratuitamente. Una build costa $ 29 per Android, $ 79 per iOS o $ 99 per entrambi, pagati una volta.

Percorso 3: un servizio app gestito

Un servizio gestito utilizza lo stesso approccio WebView per le tue pagine e aggiunge un team. Configurano l'app, creano schermate native personalizzate, la inviano ai negozi e la mantengono dietro una tariffa mensile. Nostro Confronto tra SiteTo.App e MobiLoud esamina uno di questi servizi in dettaglio.

Percorso 4: un'app personalizzata

Un'agenzia o uno sviluppatore crea un'app in base alle API del tuo negozio. Questo è il percorso per cose che un sito web non può fare, come lavorare completamente offline. Il prezzo è come progetto e necessita di rielaborazione quando aggiorni PrestaShop o sostituisci un modulo da cui dipende.

Come si confrontano i percorsi?

Modulo per la creazione di appConvertitore da sito web ad appServizio gestitoApplicazione personalizzata
Schermate del prodotto e del carrelloNativo, disegnato dal venditoreIl tuo tema mobileIl tuo tema mobile e schermate native personalizzateNativo, creato per te
Moduli di pagamento e corriereSolo quelli supportati dal fornitoreQualunque cosa funzioni sul tuo sito mobileQualunque cosa funzioni sul tuo sito mobileOgnuno integrato a mano
Codice installato in PrestaShopModulo connettoreNessunoDi solito nessunoModulo personalizzato
Modello di prezzoLicenza o abbonamentoTariffa di costruzione una tantumCanone mensileProgetto più manutenzione
Chi si sottomette ai negoziVaria in base al fornitoreVoiIl servizioTu o la tua agenzia
Funziona dopo un aggiornamento di PrestaShopAggiorna il connettoreDi solito nessunoDi solito nessunoTempo dello sviluppatore

Quanto costa ogni tratta?

  • Modulo per la creazione di app: impostato dal venditore. Controlla se il prezzo di listino è una licenza una tantum o un abbonamento e se build pronte per lo store, push e aggiornamenti per le nuove versioni di PrestaShop sono inclusi o venduti come extra.
  • Convertitore da sito web ad app: una tassa di costruzione. SiteTo.App addebita $ 29 per Android, $ 79 per iOS o $ 99 per entrambi, pagati una volta e le ricostruzioni successive vengono quotate separatamente.
  • Servizio gestito: una tariffa mensile per tutto il tempo in cui l'app è attiva. Il confronto collegato al Percorso 3 funziona attraverso le cifre attuali di un servizio.
  • Applicazione personalizzata: un preventivo del progetto, quindi il tempo dello sviluppatore ogni volta che il negozio cambia sotto di esso.

Ogni percorso richiede anche l'abbonamento come sviluppatore Apple (99 dollari all'anno) e la registrazione a Google Play (25 dollari una volta), pagati direttamente a loro. IL guida ai costi dell'app del sito web copre l'intero budget.

Quale percorso si adatta a quale negozio PrestaShop?

Scegli un modulo per la creazione di app se il tuo negozio è vicino a PrestaShop in stock, i moduli di pagamento e di corriere sono nell'elenco supportato dal fornitore e la sensazione di navigazione nativa è più importante per te che mantenere il tuo web design.

Scegli un convertitore se il tuo negozio mobile funziona già bene e una parte reale proviene da moduli. Ciò include pagamenti bancari locali, consegna al punto di ritiro, prezzi per gruppi B2B, diverse lingue e un checkout personalizzato.

Scegli un servizio gestito se vuoi che un team sia proprietario del lancio e della manutenzione e la tariffa mensile ha senso rispetto alle entrate della tua app.

Scegli una costruzione personalizzata se l'app deve fare qualcosa che un browser non può fare, ad esempio funzionare correttamente offline.

Quando SiteTo.App è la scelta sbagliata?

  • Il tuo tema mobile è il problema. Un tema lento o un pagamento telefonico scomodo saranno altrettanto lenti e scomodi nell'app. Prima sistema il negozio.
  • Hai bisogno di una spinta al ciclo di vita. SiteTo.App invia un titolo, testo, immagine e collegamento a tutti coloro che hanno aderito, attraverso il tuo progetto Firebase. Non invia notifiche di carrello abbandonato o stato dell'ordine e non ha ancora segmenti o pianificazione. Un negozio multinazionale non può inviare un messaggio ai clienti francesi e un altro a quelli spagnoli.
  • Il tuo metodo di pagamento principale non può tornare all'app. Se il piano di test mostra che il metodo bancario più utilizzato termina nel browser del telefono e il tuo fornitore di servizi di pagamento non ha alcuna soluzione, non avviarlo.
  • Desideri che qualcun altro invii e mantenga l'app. Pubblichi dai tuoi account Apple e Google e un servizio gestito è la soluzione migliore se preferisci consegnarlo.

Inoltre, non è adatto per Bluetooth, AR, uso offline intenso o elaborazione in background.

Come testare un negozio PrestaShop come app?

Utilizza un vero iPhone e un vero telefono Android se prevedi di spedirli entrambi. Segui i passaggi in ordine. Esegui nuovamente qualsiasi passaggio non riuscito nel normale browser del telefono: se fallisce anche lì, la correzione appartiene al negozio.

Passaggio 1: preparare il negozio

Metti ogni modulo di pagamento nella sua modalità di prova o crea un prodotto nascosto a basso prezzo che puoi rimborsare. Crea un account cliente di prova. Togli il negozio dalla modalità manutenzione, perché l'anteprima di un negozio chiuso mostra solo la pagina di manutenzione.

Passaggio 2: sfoglia e crea un carrello

Apri una categoria, utilizza i filtri e la ricerca, quindi apri un prodotto con combinazioni. Scegli una taglia o un colore e aggiungilo al carrello. Controlla il conteggio del carrello nell'intestazione del tema. Successivamente applica un buono nel carrello.

Passaggio 3: controlla la consegna e i totali

Inserisci un indirizzo di consegna reale e confronta i costi e le tasse del corriere con lo stesso carrello sul tuo sito web.

Se utilizzi un punto di ritiro o un corriere con armadietto, apri la relativa mappa nella fase di consegna. Alcuni di questi widget offrono un pulsante "usa la mia posizione". Non dipendere da questo. Digita un codice postale, scegli un punto e conferma successivamente che appaia nella pagina di conferma dell'ordine e nell'ordine di back office.

Passaggio 4: paga con ogni modulo di pagamento

Questo passaggio decide se puoi avviare.

  • Moduli per schede in pagina normalmente si comportano come sul Web mobile. Utilizza una scheda di prova che attiva 3-D Secure e conferma il completamento della verifica.
  • Metodi di reindirizzamento indirizzare il cliente a una pagina della banca o a una finestra PayPal. Segui l'intero percorso e conferma che arriverai alla pagina di conferma dell'ordine all'interno dell'app.
  • Metodi delle app bancarie come iDEAL, Bancontact, BLIK, Bizum o MB WAY chiedono al cliente di approvare il pagamento in un'altra app. Il rischio è la via del ritorno. Un'app della banca può riportare il cliente al browser predefinito del telefono, dove il tuo negozio non ha alcuna sessione, mentre l'app mostra la fase di pagamento. L'ordine può ancora essere registrato tramite la notifica del server del fornitore, ma il cliente vede una schermata confusa.
  • Pulsanti Apple Pay e Google Pay vengono visualizzati solo quando lo script del modulo di pagamento decide che l'ambiente li supporta e un WebView in-app non è lo stesso ambiente di Safari o Chrome. Trattateli come un bonus e mantenete disponibile il pagamento con carta accanto ad essi.

Se torni da un pagamento a un carrello vuoto o a una pagina di accesso, controlla prima i cookie. PrestaShop memorizza la sessione in un cookie e un reso che arriva senza di esso perde la sessione, quindi il carrello può sembrare vuoto. Almeno un fornitore di servizi di pagamento lo documenta per PrestaShop e punta all'impostazione Cookie SameSite in Parametri avanzati → Amministrazione, con HTTPS abilitato su tutto il negozio. Chiedi al supporto del tuo modulo di pagamento quale impostazione richiede.

Successivamente, controlla che l'ordine sia arrivato al back office con lo stato corretto.

Passaggio 5: testare account e sessioni

Accedi, apri la cronologia degli ordini e utilizza Riordina su un ordine passato se il tuo tema lo offre. Poi chiudi completamente l'app e riaprila: dovresti essere ancora loggato con il carrello intatto. Quello di PrestaShop Impostazioni di amministrazione imposta la durata dei cookie del front office su 480 ore (20 giorni) per impostazione predefinita.

Nella stessa pagina è presente un'opzione denominata "Verifica indirizzo IP del cookie", che confronta l'indirizzo del visitatore con quello memorizzato nel cookie. I telefoni cambiano indirizzo mentre si spostano tra Wi-Fi e dati mobili, quindi rivedi questa opzione se i tester vengono disconnessi senza un motivo chiaro.

Se utilizzi un modulo di accesso social, prova ciascun pulsante. Google blocca la schermata di accesso nelle WebView incorporate, quindi un pulsante "Continua con Google" potrebbe mostrare un errore lì. Assicurati che venga offerto l'accesso tramite e-mail e password.

Passo 6: Lingue, valute e B2B

PrestaShop inserisce la lingua nell'indirizzo, ad esempio /fr/ O /es/, quindi decidi in quale lingua deve aprirsi l'app. Quindi cambia lingua e valuta con i selettori del tuo tema e controlla che i prezzi e il carrello seguano.

Per un negozio commerciale, accedi con un account in un gruppo di clienti che ha i propri prezzi. Confronta il prezzo di un prodotto e il totale del carrello con lo stesso account sul sito web.

Passaggio 7: riordina la cornice

Gestisci il banner dei cookie e qualsiasi pop-up della newsletter e controlla che l'intestazione fissa del tuo tema non si raddoppi con l'intestazione e le schede native. SiteTo.App può eseguire script che nascondono l'intestazione e i popup del tuo sito, quindi prendi nota di ciò che desideri venga rimosso.

Cosa dovrebbero dirti i risultati?

RisultatoCosa fare
Tutto passaScegli le tue schede, crea e passa alla pubblicazione
Un metodo bancario ritorna al browser del telefonoChiedi al fornitore di servizi di pagamento informazioni sulle impostazioni di reso o su un'opzione sulla pagina oppure suggerisci un metodo che restituisca correttamente
Il carrello è vuoto dopo un reso di pagamentoVerifica HTTPS e le impostazioni dei cookie con il supporto del tuo modulo di pagamento
Nell'ordine manca il punto di ritiroRipeti il ​​test nel browser del telefono, quindi sollevalo con il supporto del modulo operatore
I tester vengono disconnessi quando riaprono l'appControlla la durata dei cookie e l'opzione "Verifica l'indirizzo IP dei cookie".
Un passaggio fallisce anche nel browser del telefonoPrima correggi il negozio, quindi esegui nuovamente il piano

Cosa dovresti impostare nell'app stessa?

  • Schede inferiori: PrestaShop ha già buone destinazioni. Home, una categoria principale o la pagina Riduzione prezzi, Carrello e Il mio account funzionano per la maggior parte dei negozi e un negozio commerciale può puntare una scheda direttamente alla cronologia degli ordini. Attiva prima gli URL amichevoli in Parametri del negozio → Traffico e SEO e copia ciascun indirizzo dal tuo negozio live.
  • Badge del carrello: con l'aiuto di uno sviluppatore, il SDK SiteTo.AppJS può mostrare un conteggio nella scheda Carrello. I temi PrestaShop dalla versione 1.7 mantengono il carrello corrente in un file prestashop.cart Oggetto JavaScript e attiva un updateCart evento quando cambia, il che fornisce allo sviluppatore il numero da trasmettere.
  • Push: collega il tuo progetto Firebase con il Guida Firebase, quindi invia un titolo, un testo, un'immagine e un collegamento dalla dashboard.

Le variazioni di prodotto, prezzo e stock nel back office vengono visualizzate nell'app senza una nuova build. La modifica dell'icona o del nome dell'app richiede una ricostruzione e le ricostruzioni successive vengono quotate separatamente.

Cosa devono sapere i negozi PrestaShop prima di pubblicare?

Invii l'app dai tuoi account Apple e Google. SiteTo.App firma la build iOS e la carica su TestFlight nel tuo account Apple, quindi non hai bisogno di un Mac o Xcode e ti fornisce un AAB per Google Play. IL creare e pubblicare la guida cammina attraverso ogni passo. Apple e Google decidono cosa viene approvato e nessuno può promettere il risultato. Questi punti emergono in particolare per i negozi PrestaShop.

I beni fisici utilizzano il tuo checkout. Quello di Apple Linee guida per la revisione delle app affermare che i beni e i servizi consumati al di fuori dell'app vengono pagati con metodi diversi dall'acquisto in-app (sezione 3.1.3(e)). Ciò copre un negozio che spedisce prodotti.

I prodotti virtuali sono diversi. I contenuti scaricabili utilizzati all'interno dell'app rientrano nelle regole di acquisto in-app di Apple nella sezione 3.1 e Google Play ha una propria politica di pagamento. Leggili entrambi prima se i download rappresentano una parte reale delle tue vendite.

Offrire la cancellazione dell'account. Apple si aspetta che qualsiasi app che supporti la creazione di account consenta alle persone di iniziare a eliminare il proprio account dall'interno dell'app. Modulo GDPR ufficiale di PrestaShop gestisce le richieste di cancellazione che il commerciante convalida nel back office. Aggiungi un link "Elimina il mio account" chiaramente etichettato o un modulo di richiesta nell'area dell'account.

Dai ai revisori un modo per entrare. Se i prezzi o il catalogo sono protetti da un login, come in molti negozi B2B, fornisci un account di prova funzionante nelle note di revisione.

Mostra più di un sito web. La linea guida 4.2 di Apple chiede alle app di offrire più di un sito riconfezionato. Le schede native, un'intestazione nativa e le notifiche push aiutano. Vedi il Guida alla linea guida 4.2 e il guida alla pubblicazione.

Domande comuni

Devo installare un modulo o abilitare il servizio web?

Non con un convertitore. SiteTo.App funziona dall'URL del tuo negozio pubblico. I moduli per la creazione di app necessitano di un connettore nel tuo back office perché leggono direttamente il tuo catalogo.

Una sola app può coprire un multistore?

Un'app inizia su un URL. I negozi in un multinegozio hanno i propri indirizzi, quindi scegli il negozio che l'app dovrà aprire. I marchi separati di solito meritano app separate.

Cosa succede all'app quando aggiorno PrestaShop o cambio tema?

Con un convertitore, l'app mostra il negozio aggiornato alla successiva apertura, senza alcuna nuova creazione. Se gli indirizzi delle tue pagine cambiano, i collegamenti alle schede nell'app devono essere aggiornati per corrispondere. Un aggiornamento del modulo che interrompe il pagamento mobile lo interrompe anche nell'app, quindi effettua un ordine di prova su un telefono dopo aggiornamenti significativi.

Prossimo passo

Effettua un ordine di prova sul tuo telefono con il metodo di pagamento più utilizzato. Se va bene, visualizza l'anteprima del tuo negozio PrestaShop come app gratuitamente, esegui i sette passaggi precedenti e controlla prezzi una volta che sai che funziona.

Gestisci anche un'altra piattaforma? Consulta le guide per Magento E WooCommerce.

Visualizza il tuo sito web come un'app

Personalizza l'esperienza e visualizzala in anteprima prima di scegliere una piattaforma.

Costruisci la tua anteprima

Continua a leggere

Tutte le guide