Branded App by Wix: personalizzare le funzionalità e i contenuti della tua app

Tempo di lettura: 29 min.
Dopo aver progettato il tema della tua app brandizzata, personalizza il contenuto e le funzionalità all'interno della tua app. La tua app brandizzata è composta da schermate simili alle pagine del sito. Scegli quante schermate ti servono e cosa mostrare in ciascuna.
Aggiungi elementi alle schermate adatte alla tua attività, come una pagina prodotto su Wix Stores, un elenco di eventi o un programma di lezioni su Wix Bookings. Personalizza ulteriormente le schermate con tasti, immagini, video e altro ancora. Puoi anche personalizzare ulteriormente il design della tua app scegliendo 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. 
In questo articolo, scoprirai di più su:

Personalizzare l'intestazione

L'intestazione della tua app brandizzata si trova nella schermata "Home" ed è il primo elemento che i membri vedono dopo aver effettuato l'accesso alla tua app. Per adattarla alla tua attività, aggiungi il tuo logo, una foto di copertina e un colore a tema per far risaltare tasti e dettagli.
App Wix
App Wix Studio
  1. Vai sull'app mobile brandizzata nel Pannello di controllo del sito
  2. Clicca su Modifica l'app mobile 
  3. Clicca su Design a sinistra 
  4. Nell'editor web, 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 altre icone all'intestazione
      Nota: a seconda delle app Wix che hai installato (ad esempio Wix Stores, Wix Chat) vedrai opzioni di personalizzazione diverse
    • Tipo: seleziona un design per l'intestazione della schermata home:
7. Clicca su Salva in alto a destra

Personalizzare il menu di navigazione

La tua app brandizzata è composta da schermate che aiutano i membri a spostarsi tra le diverse aree della tua app. Puoi scegliere se visualizzare il menu di navigazione in alto o in basso nell'app. Personalizza il design aggiungendo delle icone al menu.
App Wix
App Wix Studio
  1. Vai sull'app mobile brandizzata nel Pannello di controllo del sito
  2. Clicca su Modifica l'app mobile 
  3. 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 compongono il contenuto della tua app. Aggiungi elementi per mostrare chi sei, cosa fai e cosa offri ai membri dell'app. Ad esempio, se possiedi un'azienda di organizzazione di eventi, aggiungi un elemento Eventi in modo che le persone possano rispondere agli inviti direttamente dall'app.
Una volta aggiunti gli elementi alla tua app, spostali verso l'alto o verso il basso nella stessa schermata o passa a una schermata completamente diversa. Puoi anche duplicare elementi, rimuovere quelli indesiderati e modificare il contenuto all'interno di ogni elemento.
Suggerimento:
Scopri di più su come aggiungere elementi in base alla tua attività, ad esempio negozi online, ristoranti e prenotazioni.
App Wix
App Wix Studio
  1. Vai sull'app mobile brandizzata nel Pannello di controllo del sito
  2. Clicca su Modifica l'app mobile 
  3. Clicca su Elementi a sinistra 
  4. 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
Nota:
Non tutti gli elementi possono essere personalizzati dall'editor web e potrebbe essere necessario aggiornarli dall'app Wix.
Screenshot dell'elemento con le opzioni riordina, duplica ed elimina selezionate
  1. (Facoltativo) Gestisci ulteriormente l'elemento utilizzando le opzioni disponibili:
    Nota: le opzioni disponibili variano a seconda dell'elemento aggiunto
7. Clicca su Salva in alto a destra

Gestire le schermate

Aggiorna le schermate della tua app, incluso il numero 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 dell'app.
App Wix
App Wix Studio
  1. Vai sull'app mobile brandizzata nel Pannello di controllo del sito
  2. Clicca su Modifica l'app mobile 
  3. Clicca su Schermate a sinistra dell'editor web
  4. Scegli cosa vuoi fare:
Screenshot del menu Altre azioni accanto a una schermata nel menu di navigazione

Personalizzare il design dell'app

Personalizza i colori e i caratteri dell'app per adattarli al tuo brand. Seleziona un tema per l'app o scegli manualmente colori e caratteri e crea un design unico per il tuo brand.
Pannello di controllo:
App Wix
App Wix Studio
  1. Vai sull'app mobile brandizzata nel Pannello di controllo del sito
  2. Clicca su Modifica l'app mobile 
  3. Clicca su Design a sinistra 
  4. Scegli cosa vuoi personalizzare:
    • 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 carattere selezionando il tema del testo o modificando uno per uno i caratteri dell intestazioni e del corpo del testo
      Suggerimento: clicca su Modifica tema app per scegliere una combinazione predefinita di colori e caratteri
    • Stile intestazione: personalizza il colore dell'intestazione in modo che si adatti al colore principale o al colore di sfondo
  5. Clicca su Salva

FAQ

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

Video tutorial

Hai trovato utile questo articolo?

|