header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

App mobile Wix: personalizzare le funzionalità e i contenuti della tua app nativa

30 min
In questo articolo
  • Personalizzare l'intestazione
  • Personalizzare il menu di navigazione
  • Aggiungere elementi alle tue schermate
  • Gestire le schermate
  • Personalizzare il design della tua app
  • FAQ
  • Video tutorial
Dopo aver progettato il tema della tua app mobile nativa, personalizzane il contenuto e le funzionalità. La tua app nativa è composta da schermate, simili alle pagine del sito. Scegli il numero di schermate di cui hai bisogno e ciò che ciascuna mostra.
Aggiungi elementi alle tue schermate in base alle tue esigenze aziendali, come una pagina di un prodotto Wix Stores, un elenco di Wix Events o un programma delle lezioni di Wix Bookings. Personalizza ulteriormente la schermata con tasti, immagini, video e altro ancora. Puoi anche migliorare il design della tua app selezionando colori e caratteri diversi.
Scegli se personalizzare il contenuto della tua app dal Pannello di controllo del sito o scaricando l'app Wix e personalizzandola da mobile. 

Personalizzare l'intestazione

L'intestazione della tua app mobile viene visualizzata nella schermata "Home" ed è il primo elemento che i membri vedono dopo aver effettuato l'accesso alla tua app. Fa sì che rispecchi la tua attività aggiungendo il tuo logo, una foto di copertina e il colore per il tema, in modo che i dettagli e i tasti risaltino.
App Wix
App Wix Studio
  1. Vai su App mobile nel Pannello di controllo del tuo sito
  2. Clicca sulla scheda La tua app mobile o clicca sulla scheda con il nome della tua app mobile 
  3. Clicca su Modifica l'app mobile 
  4. Nel Creatore di app mobile, clicca sull'intestazione dell'app per aprire il pannello Modifica intestazione
Screenshot del pannello Modifica intestazione nell'editor web del Pannello di controllo
  1. Personalizza il design dell'intestazione utilizzando le opzioni disponibili:
    • Icone: abilita gli interruttori pertinenti per aggiungere icone all'intestazione
      Nota: a seconda delle app di Wix che hai installato (es. Wix Stores, Wix Chat) potresti vedere diverse opzioni di personalizzazione
    • Tipo: seleziona un design per l'intestazione della schermata home:
6. Clicca su Salva in alto a destra

Personalizzare il menu di navigazione

La tua app mobile è composta da schermate e il menu di navigazione aiuta i visitatori a spostarsi da una all'altra. Puoi scegliere di posizionare il menu di navigazione nella parte superiore o inferiore dell'app e personalizzarne il design aggiungendo icone del menu personalizzate.
App Wix
App Wix Studio
  1. Vai su App mobile nel Pannello di controllo del tuo sito
  2. Clicca sulla scheda La tua app mobile o clicca sulla scheda con il nome della tua app mobile 
  3. Clicca su Inizia o clicca su Modifica l'app mobile 
  4. Clicca sulla barra di navigazione dell'app. La vedrai sotto l'intestazione o nella parte inferiore dell'app
Screenshot del pannello di navigazione della barra inferiore nell'editor web
  1. Scegli un layout di navigazione:
    • Barra scheda superiore: i membri navigano tra le schermate nella parte superiore dell'app direttamente sotto l'intestazione
    • Barra scheda inferiore: i membri navigano tra le schermate nella parte inferiore dell'app. Se selezioni questa opzione, puoi aggiungere icone personalizzate per ogni schermata
      • Etichette: clicca sull'interruttore per mostrare o nascondere il nome della schermata nel menu di navigazione. Il nome appare sotto l'icona della schermata. Si consiglia di includere il nome della schermata per motivi di accessibilità
      • Icone: personalizza le icone nel menu di navigazione. Ogni icona corrisponde a una schermata. Passa il mouse su un'icona e clicca sull'icona Modifica per sostituirla
  2. Clicca su Salva in alto a destra

Aggiungere elementi alle tue schermate

Gli elementi sono gli elementi costitutivi del contenuto della tua app. Usali per mostrare chi sei, cosa fai e cosa offri agli utenti dell'app. Ad esempio, se possiedi un'attività di pianificazione di eventi, puoi aggiungere un elemento Eventi per consentire alle persone di confermare un invito direttamente dall'app.

Dopo aver aggiunto gli elementi, puoi spostarli facilmente verso l'alto o verso il basso sulla stessa schermata o trasferirli su un'altra schermata. Hai anche la possibilità di duplicare gli elementi, rimuovere quelli che non vuoi e modificare il contenuto all'interno di ogni elemento.
Suggerimento:
Scopri di più su come aggiungere elementi per attività specifiche, ad esempio negozi online, ristoranti e prenotazioni.
App Wix
App Wix Studio
  1. Vai su App mobile nel Pannello di controllo del tuo sito
  2. Clicca sulla scheda La tua app mobile o clicca sulla scheda con il nome della tua app mobile 
  3. Clicca su Inizia o clicca su Modifica l'app mobile 
  4. Clicca su Elementi a sinistra 
  5. Sfoglia il catalogo e clicca su un elemento per aggiungerlo alla tua app
    Suggerimento: gli Elementi di base sono elementi come tasti, immagini, divisori e video che puoi aggiungere per progettare e organizzare la tua app
Screenshot del catalogo degli elementi nell'editor web in cui è selezionato un carosello eventi
  1. Clicca sull'elemento nell'anteprima dell'app per personalizzarne le impostazioni di visualizzazione e contenuto
Screenshot dell'elemento con le opzioni riordina, duplica ed elimina selezionate
Nota:
Non tutti gli elementi possono essere personalizzati nel Creatore di app mobile. Potrebbe essere necessario aggiornare alcuni elementi dall'app Wix o dall'app Wix Studio.
  1. (Facoltativo) Gestisci ulteriormente l'elemento utilizzando le opzioni disponibili:
    Nota: le opzioni variano a seconda degli elementi aggiunti 
8. Clicca su Salva in alto a destra

Gestire le schermate

Aggiorna le schermate della tua app nativa, incluso il numero totale di schermate che vuoi mostrare nella barra di navigazione, l'ordine delle schermate e i nomi delle schermate. Puoi anche creare schermate nascoste dal menu principale della tua app.
App Wix
App Wix Studio
  1. Vai su App mobile nel Pannello di controllo del tuo sito
  2. Clicca sulla scheda La tua app mobile o clicca sulla scheda con il nome della tua app mobile 
  3. Clicca su Inizia o clicca su Modifica l'app mobile 
  4. Clicca su Schermata a sinistra
  5. Scegli cosa vuoi fare:
Screenshot del menu Altre azioni accanto a una schermata nel menu di navigazione

Personalizzare il design della tua app

Personalizza i colori e i caratteri della tua app mobile nativa per allinearla al tuo brand. Seleziona un tema per l'app o scegli colori e caratteri per mostrare il design unico del tuo brand.
Pannello di controllo:
App Wix
App Wix Studio
  1. Vai su App mobile nel Pannello di controllo del tuo sito
  2. Clicca sulla scheda La tua app mobile o clicca sulla scheda con il nome della tua app mobile 
  3. Clicca su Inizia o clicca su Modifica l'app mobile 
  4. Clicca su Design a sinistra 
  5. Scegli cosa vuoi personalizzare:
    Suggerimento: clicca su Modifica tema dell'app per scegliere una combinazione predefinita di colori e caratteri
    • Tema del colore: personalizza i colori della tua app selezionando un tema di colori o scegli uno per uno il colore principale, lo sfondo dell'app e le icone del testo
    • Tema del testo: personalizza il tuo carattere selezionando un tema del testo o regola singolarmente i caratteri per le intestazioni e il corpo
    • Stile intestazione: personalizza il colore dell'intestazione in modo che si adatti al colore principale o al colore di sfondo
  6. Clicca su Salva

FAQ

Clicca su una domanda qui sotto per saperne di più su come personalizzare le funzionalità della tua app mobile nativa. 

Video tutorial

Screenshot del pannello Modifica intestazione nell'editor web del Pannello di controllo
Screenshot del pannello di navigazione della barra inferiore nell'editor web
Screenshot del catalogo degli elementi nell'editor web in cui è selezionato un carosello eventi
Screenshot dell'elemento con le opzioni riordina, duplica ed elimina selezionate
Screenshot del menu Altre azioni accanto a una schermata nel menu di navigazione