Categoria: Uncategorized
Pubblicazione della Progressive Web App – Informazioni generali
1. Che cos’é la PWA?
Le Progressive Web App funzionano su qualsiasi dispositivo e hanno la capacità di adattarsi totalmente allo schermo su cui vengono visualizzate. La PWA é sviluppata con tecnologie web ed è accessibile da tutti i browser web. Pertanto, é compatibile con tutti i dispositivi mobile (in particolare telefoni Windows, Blackberry o tutti gli altri dispositivi, anche se non utilizzano la tecnologia iOS o Android), nonché su desktop (computer). La PWA non viene pubblicata sullo Store come le app native. Viene pubblicata sul web come un sito web tradizionale.
- È possibile inviare notifiche push su PWA.
- La Progressive Web App può essere indicizzata dai motori di ricerca.
- Le Progressive Web Ap possono essere installate direttamente sulle schermate della home degli utenti senza dover scaricare nulla o passare attraverso gli store.
2. Pubblica la tua Progressive Web App (PWA)
1. Vai al menu Pubblica > PWA> Pubblica
2. Attiva il pulsante sotto “Attiva la Progressive Web App”
3. Fai clic sul pulsante blu “Pubblica la mia Progressive Web App” o “Rigenera la mia Progressive Web App” se la tua PWA é stata già pubblicata prima .
Potrebbe richiedere alcuni minuti, è il comportamento normale.
2. Attiva il pulsante sotto “Attiva la Progressive Web App”
3. Fai clic sul pulsante blu “Pubblica la mia Progressive Web App” o “Rigenera la mia Progressive Web App” se la tua PWA é stata già pubblicata prima .
Potrebbe richiedere alcuni minuti, è il comportamento normale.
Secondo le impostazioni predefinite, la tua applicazione web è accessibile a partire da questa URL: https://<appname>.goodbarber.app ma puoi (e dovresti) personalizzare questa URL (per sapere come fare, leggi l’Online help).
3. Disattiva la tua Progressive Web App
Se non vuoi renderla accessibile ai tuoi utenti:
1. Vai al menu Pubblica > PWA > Pubblica
2. Ruota il pulsante indicato su OFF.
3. Seleziona la pagina a cui desideri che i tuoi utenti vengano reindirizzati quando provano ad accedere all’URL della tua versione PWA:
Sotto il bottone viene visualizzato un menu che scorre dove potrai selezionare la pagina sulla quale verranno reindirizzati gli utenti che tenteranno di accedere all’URL della tua versione web app.
– Page 404 non trovata: L’utente verrà indirizzato verso una pagina che visualizza “Error 404 – The requested URL was not found on this server”.
– Pagina di accesso al back office: L’utente verrà reindirizzato alla pagina di accesso al tuo back office, dove normalmente inserisci il tuo nome utente e la password.
– Scarica l’app nativa: L’utente verrà diretto verso lo store corrispondente al tipo di dispositivo utilizzato (l’App Store per gli utenti iOS, il Play Store per gli utenti Android, se hai sottoscritto l’offerta per app native).
1. Vai al menu Pubblica > PWA > Pubblica
2. Ruota il pulsante indicato su OFF.
3. Seleziona la pagina a cui desideri che i tuoi utenti vengano reindirizzati quando provano ad accedere all’URL della tua versione PWA:
Sotto il bottone viene visualizzato un menu che scorre dove potrai selezionare la pagina sulla quale verranno reindirizzati gli utenti che tenteranno di accedere all’URL della tua versione web app.
– Page 404 non trovata: L’utente verrà indirizzato verso una pagina che visualizza “Error 404 – The requested URL was not found on this server”.
– Pagina di accesso al back office: L’utente verrà reindirizzato alla pagina di accesso al tuo back office, dove normalmente inserisci il tuo nome utente e la password.
– Scarica l’app nativa: L’utente verrà diretto verso lo store corrispondente al tipo di dispositivo utilizzato (l’App Store per gli utenti iOS, il Play Store per gli utenti Android, se hai sottoscritto l’offerta per app native).
4. Reindirizza i tuoi utenti mobile dal tuo sito Web esterno alla tua PWA creata con GoodBarber
Segui questi passaggi solo se è stato creato un sito Web fuori da GoodBarber, diverso da GoodBarber PWA.
Per reindirizzare automaticamente i tuoi utenti utilizzando un dispositivo mobile, dal tuo sito Web esterno (creato all’esterno da GoodBarber) alla tua PWA:
1. Vai al menu Pubblica > PWA > Pubblica
2. Copia il codice fornito nel tuo back office
3. Incollalo nel tag “head” del tuo sito Web esterno (creato all’esterno da GoodBarber).
Per reindirizzare automaticamente i tuoi utenti utilizzando un dispositivo mobile, dal tuo sito Web esterno (creato all’esterno da GoodBarber) alla tua PWA:
1. Vai al menu Pubblica > PWA > Pubblica
2. Copia il codice fornito nel tuo back office
3. Incollalo nel tag “head” del tuo sito Web esterno (creato all’esterno da GoodBarber).
Aggiornamenti della Progressive Web App
Le modifiche apportate alla PWA (Progressive Web App) non richiedono tutte lo stesso processo di aggiornamento:
– Alcune modifiche richiedono l’aggiornamento delle impostazioni dal back office in modo che siano visibili nella PWA.
– Alcune modifiche richiedono di generare (costruire) l’app dal tuo back office per essere visibili nella tua PWA.
– Alcuni aggiornamenti dei contenuti sono gestiti automaticamente dalla piattaforma sulla tua PWA.
– Alcune modifiche richiedono l’aggiornamento delle impostazioni dal back office in modo che siano visibili nella PWA.
– Alcune modifiche richiedono di generare (costruire) l’app dal tuo back office per essere visibili nella tua PWA.
– Alcuni aggiornamenti dei contenuti sono gestiti automaticamente dalla piattaforma sulla tua PWA.
1. Aggiorna le impostazioni della Progressive Web App (PWA)
Una volta che la Progressive web app è stata generata almeno una volta, la maggior parte delle modifiche richiede solo un aggiornamento delle impostazioni per essere visibile nell’app.
Ci riferiamo a questa operazione come alla pubblicazione delle Impostazioni dell’app.
Questo aggiornamento manuale è necessario ad esempio nelle seguenti situazioni *:
– Aggiunta, eliminazione, spostamento, modifica delle impostazioni o design di una sezione
– Attivazione o modifica di alcuni add-on (Funzionalità utente ,Local Business, Monetizzazione, Servizi Live …)
* Questo elenco non è esaustivo.
1: Vai al menu a sinistra: Pubblica > PWA > Aggiornare (piano PWA).
2: Le linee verdi sono modifiche visibili solo nell’anteprima del back office.
3: Clicca sul pulsante verde “Aggiorna” per applicare tali impostazioni alla PWA già pubblicata.
Come leggere questa pagina:
1: Data dell’ultimo aggiornamento delle impostazioni (le modifiche in verde). Tutte le modifiche apportate prima di tale data sono già visibili nella tua PWA. Tutte le modifiche apportate dopo tale data sono elencate di seguito e visibili solo nel back office.
2: Numero di modifiche ancora da aggiornare.
3: Elenco delle modifiche organizzate per data.
4: Dettaglio delle modifiche apportate in una data specifica, dopo aver cliccato su “Visualizzare i dettagli”.
5: Pulsante Aggiorna.
Cliccando su tale pulsante verranno pubblicate tutte le modifiche elencate nella pagina e saranno immediatamente visibili nella tua PWA.
Dovrai chiudere e riaprire l’app per visualizzarle.
Ci riferiamo a questa operazione come alla pubblicazione delle Impostazioni dell’app.
Questo aggiornamento manuale è necessario ad esempio nelle seguenti situazioni *:
– Aggiunta, eliminazione, spostamento, modifica delle impostazioni o design di una sezione
– Attivazione o modifica di alcuni add-on (Funzionalità utente ,Local Business, Monetizzazione, Servizi Live …)
* Questo elenco non è esaustivo.
1: Vai al menu a sinistra: Pubblica > PWA > Aggiornare (piano PWA).
2: Le linee verdi sono modifiche visibili solo nell’anteprima del back office.
3: Clicca sul pulsante verde “Aggiorna” per applicare tali impostazioni alla PWA già pubblicata.
Come leggere questa pagina:
1: Data dell’ultimo aggiornamento delle impostazioni (le modifiche in verde). Tutte le modifiche apportate prima di tale data sono già visibili nella tua PWA. Tutte le modifiche apportate dopo tale data sono elencate di seguito e visibili solo nel back office.
2: Numero di modifiche ancora da aggiornare.
3: Elenco delle modifiche organizzate per data.
4: Dettaglio delle modifiche apportate in una data specifica, dopo aver cliccato su “Visualizzare i dettagli”.
5: Pulsante Aggiorna.
Cliccando su tale pulsante verranno pubblicate tutte le modifiche elencate nella pagina e saranno immediatamente visibili nella tua PWA.
Dovrai chiudere e riaprire l’app per visualizzarle.
2. Aggiornamenti che richiedono una nuova compilazione della PWA
Alcune modifiche richiedono di rigenerare (ricostruire) una nuova versione dell’app per essere visibili nella PWA.
Questo aggiornamento manuale è necessario ad esempio nelle seguenti situazioni *:
– Aggiunta del tuo App ID Facebook
– Implementazione di una nuova funzionalità
* Questo elenco non è esaustivo.
1. Attiva la tua PWA dal menu Pubblica > PWA > Pubblica
2. Vai al menu a scorrimento di sinistra Pubblica > PWA > Aggiornare
3. Selezione sulla scheda “Motore Progressive Web App ”
4. Clicca sul pulsante “Rigenera la mia Progressive Web App” per aggiornare all’ultima versione della tua PWA
ATTENZIONE: la rigenerazione dell’app aggiorna tutte le modifiche del menu Impostazioni (modifiche in verde che abbiamo menzionato nel primo paragrafo).
Come leggere questa pagina:
1: Data dell’ultimo aggiornamento al motore della tua Progressive Web App.
2: Aggiornamenti effettuati nel tuo back office che richiedono una rigenerazione (ricostruzione) della PWA per poter essere implementati nella versione della PWA pubblicata (impostazioni push, ID Facebook, ecc.)
3: Aggiornamenti del motore effettuati dal team tecnico di GoodBarber. Richiedono una rigenerazione (ricostruzione) della PWA per essere implementate nella PWA pubblicata (bug fix, nuova funzionalità, ecc.)
4: Pulsante “Rigenera la mia Progressive Web App“.
Questo aggiornamento manuale è necessario ad esempio nelle seguenti situazioni *:
– Aggiunta del tuo App ID Facebook
– Implementazione di una nuova funzionalità
* Questo elenco non è esaustivo.
1. Attiva la tua PWA dal menu Pubblica > PWA > Pubblica
2. Vai al menu a scorrimento di sinistra Pubblica > PWA > Aggiornare
3. Selezione sulla scheda “Motore Progressive Web App ”
4. Clicca sul pulsante “Rigenera la mia Progressive Web App” per aggiornare all’ultima versione della tua PWA
ATTENZIONE: la rigenerazione dell’app aggiorna tutte le modifiche del menu Impostazioni (modifiche in verde che abbiamo menzionato nel primo paragrafo).
Come leggere questa pagina:
1: Data dell’ultimo aggiornamento al motore della tua Progressive Web App.
2: Aggiornamenti effettuati nel tuo back office che richiedono una rigenerazione (ricostruzione) della PWA per poter essere implementati nella versione della PWA pubblicata (impostazioni push, ID Facebook, ecc.)
3: Aggiornamenti del motore effettuati dal team tecnico di GoodBarber. Richiedono una rigenerazione (ricostruzione) della PWA per essere implementate nella PWA pubblicata (bug fix, nuova funzionalità, ecc.)
4: Pulsante “Rigenera la mia Progressive Web App“.
3. Aggiornamenti automatici del contenuto
Alcuni aggiornamenti dei contenuti vengono automaticamente applicati alla versione della PWA pubblicata, senza aggiornare le impostazioni o rigenerare la PWA.
– Sincronizzazione di contenuti provenienti da una fonte esterna:
Prendiamo l’esempio di un sito web WordPress collegato all’app utilizzando il plugin WordPress.
Dopo aver creato e impostato la tua sezione (questo richiede un aggiornamento delle Impostazioni) il contenuto creato sul tuo sito web WordPress verrà automaticamente sincronizzato nella tua app. Ogni nuovo articolo pubblicato sul tuo sito web apparirà nell’app senza che tu faccia nulla.
Il comportamento è lo stesso per tutti i connettori di contenuto che utilizzano una fonte esterna (YouTube, feed RSS, Podcast …).
– Aggiunta di nuovi contenuti alle sezioni CMS:
Una volta creata la sezione CMS e impostata (richiede un aggiornamento delle impostazioni), ogni nuovo contenuto pubblicato nella sezione CMS (articolo, foto, video, audio, mappa, evento) sarà visibile nell’app senza altre azioni al di fuori della pubblicazione nella sezione.
* Questo elenco non è esaustivo.
– Sincronizzazione di contenuti provenienti da una fonte esterna:
Prendiamo l’esempio di un sito web WordPress collegato all’app utilizzando il plugin WordPress.
Dopo aver creato e impostato la tua sezione (questo richiede un aggiornamento delle Impostazioni) il contenuto creato sul tuo sito web WordPress verrà automaticamente sincronizzato nella tua app. Ogni nuovo articolo pubblicato sul tuo sito web apparirà nell’app senza che tu faccia nulla.
Il comportamento è lo stesso per tutti i connettori di contenuto che utilizzano una fonte esterna (YouTube, feed RSS, Podcast …).
– Aggiunta di nuovi contenuti alle sezioni CMS:
Una volta creata la sezione CMS e impostata (richiede un aggiornamento delle impostazioni), ogni nuovo contenuto pubblicato nella sezione CMS (articolo, foto, video, audio, mappa, evento) sarà visibile nell’app senza altre azioni al di fuori della pubblicazione nella sezione.
* Questo elenco non è esaustivo.
Anteprima back office
Offriamo diversi modi per visualizzare in anteprima le modifiche nel frattempo che lavori sulla tua app.
Le anteprime consentono di vedere immediatamente le modifiche * apportate al tuo back office.
* Queste modifiche saranno visibili solo per i tuoi utenti, una volta che li hai aggiornati nel menu Pubblica > Piattaforma (PWA o iOS o Android) > Aggiorna
– L’app MyGoodBarber, per avere un’anteprima precisa della versione nativa dell’app per iOS o Android.
– L’anteprima del back office visibile dalla colonna principale del tuo back office (basata sulla versione Progressive Web App (PWA))
– La modalità di anteprima accessibile dal pulsante “Anteprima” in alto a destra (basata sulla versione Progressive Web App (PWA))
Le anteprime consentono di vedere immediatamente le modifiche * apportate al tuo back office.
* Queste modifiche saranno visibili solo per i tuoi utenti, una volta che li hai aggiornati nel menu Pubblica > Piattaforma (PWA o iOS o Android) > Aggiorna
– L’app MyGoodBarber, per avere un’anteprima precisa della versione nativa dell’app per iOS o Android.
– L’anteprima del back office visibile dalla colonna principale del tuo back office (basata sulla versione Progressive Web App (PWA))
– La modalità di anteprima accessibile dal pulsante “Anteprima” in alto a destra (basata sulla versione Progressive Web App (PWA))
Seleziona il tipo di anteprima dalla barra superiore della modalità di anteprima:
Anteprima telefono, anteprima tablet, anteprima laptop o anteprima browser.
Anteprima telefono, anteprima tablet, anteprima laptop o anteprima browser.
1. Anteprima telefono
Questo é come l’app apparirà sul cellulare. Ricorda che il design dell’app é automaticamente ridimensionato per adattarsi a qualsiasi dimensione dello schermo, quindi l’app reale potrebbe apparire in realtá un po’ differente, essendo da verificare in base alla misura dello schermo dell’attuale dispositivo sul quale é visualizzata.
2. Anteprima tablet
Ecco come la tua app verrà visualizzata sui tablet.
Il landscape mode é disponibile per tablet. Per cambiare la posizione dello schermo utilizza il pulsante blu in alto a destra nell’anteprima.
Il landscape mode é disponibile per tablet. Per cambiare la posizione dello schermo utilizza il pulsante blu in alto a destra nell’anteprima.
3. Anteprima laptop
L’anteprima laptop, come giá indicato, é il modo in cui la PWA verrà visualizzata sul tuo laptop. É meno ampia rispetto alla regolare anteprima del desktop.
4. Anteprima browser
L’anteprima del browser è la dimensione più ampia, consente di vedere e testare l’app come appare su un browser.
Clicca sull’icona del pianeta per mostrare l’anteprima del browser in una nuova scheda; si aprirà la stessa pagina di quella che stavi visualizzando nell’anteprima del back office.
Nota: in modalità anteprima, un banner viene visualizzato nella parte superiore dello schermo.
Clicca sull’icona del pianeta per mostrare l’anteprima del browser in una nuova scheda; si aprirà la stessa pagina di quella che stavi visualizzando nell’anteprima del back office.
Nota: in modalità anteprima, un banner viene visualizzato nella parte superiore dello schermo.
Filtri / Categorie nelle tue sezioni
A seconda del tipo di contenuto della tua app, puoi aggiungere categorie alle sezioni dei contenuti CMS o filtrare i contenuti esterni quando utilizzi una fonte esterna (Youtube, WordPress ecc.).
1. Sezione CMS
1. Nel menu a scorrimento sinistro, vai a La mia app > Contenuto > Sezioni
2. Fai clic sui 3 punti accanto alla tua sezione nell’elenco della colonna di destra
3. Fai clic su “Impostazioni“
2. Fai clic sui 3 punti accanto alla tua sezione nell’elenco della colonna di destra
3. Fai clic su “Impostazioni“
4. Fai clic su “Aggiungi una categoria” nella colonna di destra del tuo back office
5. Inserisci il nome della categoria
5. Inserisci il nome della categoria
Ordina i tuoi articoli:
1. Dalla pagina delle impostazioni della sezione, fare clic sulla categoria per la quale si desidera impostare l’ordine:
2. Seleziona dal menu a tendina come ordinare i tuoi articoli:
– Per la categoria principale (impostazioni della sezione principale): scrivendo la data, in ordine alfabetico, nella maggior parte dei commenti.
– Per le altre categorie (impostazioni di ogni categoria): scrivendo la data, per posizione (è possibile riorganizzare il contenuto manualmente), in ordine alfabetico, per i più commentati.
1. Dalla pagina delle impostazioni della sezione, fare clic sulla categoria per la quale si desidera impostare l’ordine:
2. Seleziona dal menu a tendina come ordinare i tuoi articoli:
– Per la categoria principale (impostazioni della sezione principale): scrivendo la data, in ordine alfabetico, nella maggior parte dei commenti.
– Per le altre categorie (impostazioni di ogni categoria): scrivendo la data, per posizione (è possibile riorganizzare il contenuto manualmente), in ordine alfabetico, per i più commentati.
Visualizzazione delle categorie:
1. Dalla pagina delle impostazioni della sezione, fare clic sull’icona dell’occhio per pubblicare o annullare la pubblicazione delle categorie.
1. Dalla pagina delle impostazioni della sezione, fare clic sull’icona dell’occhio per pubblicare o annullare la pubblicazione delle categorie.
2. Sezione fonte esterna
1. Nel menu a scorrimento sinistro, vai a La mia app > Contenuto > Sezioni
2. Fai clic sui 3 punti accanto alla tua sezione nell’elenco della colonna di destra
3. Fai clic su “Impostazioni”
4. Fai clic su “Aggiungi un filtro” nella colonna di destra del tuo back office
5. Assegna un nome al filtro (massimo 32 caratteri)
6. Nel menu a tendina, selezionare la categoria del contenuto sorgente che si desidera visualizzare con questo filtro
7. Fai clic su “Salva” nella parte inferiore della pagina
2. Fai clic sui 3 punti accanto alla tua sezione nell’elenco della colonna di destra
3. Fai clic su “Impostazioni”
4. Fai clic su “Aggiungi un filtro” nella colonna di destra del tuo back office
5. Assegna un nome al filtro (massimo 32 caratteri)
6. Nel menu a tendina, selezionare la categoria del contenuto sorgente che si desidera visualizzare con questo filtro
7. Fai clic su “Salva” nella parte inferiore della pagina
NB: non tutte le fonti di contenuto possono essere filtrate, poiché non tutte le fonti di contenuto hanno categorie (esempio: Facebook, RSS, ecc.).
3. Filtri e categorie: comportamento generale
1. Un filtro / categoria
L’aggiunta di un filtro creerà un menu con il solo contenuto di questa categoria: il contenuto nell’elenco includerà solo il contenuto che rientra in questa precisa categoria.
2. Più di un filtro / categoria
Se aggiungi più di un filtro, il menu verrà filtrato con tutte queste categorie.
3. Diverse pagine filtrate per categorie
Se desideri creare un accesso diretto ai filtri dei contenuti, è necessario creare solo sezioni.
Per fare ciò, aggiungi tutte le sezioni necessarie e crea solo un filtro (il filtro della categoria di contenuti di origine che desideri visualizzare nelle sezioni dell’app).
L’aggiunta di un filtro creerà un menu con il solo contenuto di questa categoria: il contenuto nell’elenco includerà solo il contenuto che rientra in questa precisa categoria.
2. Più di un filtro / categoria
Se aggiungi più di un filtro, il menu verrà filtrato con tutte queste categorie.
3. Diverse pagine filtrate per categorie
Se desideri creare un accesso diretto ai filtri dei contenuti, è necessario creare solo sezioni.
Per fare ciò, aggiungi tutte le sezioni necessarie e crea solo un filtro (il filtro della categoria di contenuti di origine che desideri visualizzare nelle sezioni dell’app).
4. Design dei tuoi filtri / categorie
1. Nel menu a scorrimento sinistro, vai al menu La mia app > Design > Sezioni per impostare il design delle categorie e dei filtri.
2. Fai clic sulla tua sezione nella colonna di destra del tuo back office
3. Fai clic su “Categorie”
Sono disponibili 3 diverse modalità di presentazione per accedere ai filtri:
– Dropdown (aggiunge un elenco a tendina appena sotto la barra di navigazione che mostra i filtri di pagina se si fa clic su di esso)
– Circle Band (aggiunge una banda scorrevole appena sotto la barra di navigazione contenente i filtri della pagina)
– Pager (aggiunge un’icona “pagina” nella barra di navigazione. Un filtro di pagina = una pagina. È necessario selezionare un’altra pagina per vedere un altro filtro).
2. Fai clic sulla tua sezione nella colonna di destra del tuo back office
3. Fai clic su “Categorie”
Sono disponibili 3 diverse modalità di presentazione per accedere ai filtri:
– Dropdown (aggiunge un elenco a tendina appena sotto la barra di navigazione che mostra i filtri di pagina se si fa clic su di esso)
– Circle Band (aggiunge una banda scorrevole appena sotto la barra di navigazione contenente i filtri della pagina)
– Pager (aggiunge un’icona “pagina” nella barra di navigazione. Un filtro di pagina = una pagina. È necessario selezionare un’altra pagina per vedere un altro filtro).
Sezione Menu (livello di navigazione extra)
1. Aggiungi una sezione Menu
Questa sezione ti consente di creare più livelli di navigazione nell’applicazione.
1 – Apri il menu a scorrimento di sinistra, e clicca su La mia app> Contenuto> Sezioni
2 – Clicca su “+ Aggiungi una sezione”
3 – Clicca su “Carica di più”
4 – Aggiungi una sezione Menu cliccando su “Menu”
5 – Dai un titolo alla tua nuova sezione
1 – Apri il menu a scorrimento di sinistra, e clicca su La mia app> Contenuto> Sezioni
2 – Clicca su “+ Aggiungi una sezione”
3 – Clicca su “Carica di più”
4 – Aggiungi una sezione Menu cliccando su “Menu”
5 – Dai un titolo alla tua nuova sezione
2. Aggiungi nuove sezioni al tuo menu
Per aggiungere sezioni sotto il menu:
1. Vai al menu La mia app> Contenuto> Sezioni
– Trascina e rilascia le sezioni esistenti dalla colonna di destra del tuo back office nella sezione menu
o
– Apri le impostazioni della sezione e usa il menu a tendina.
Per una nuova sezione, scegli dal menu a tendina al momento della creazione della sezione.
1. Vai al menu La mia app> Contenuto> Sezioni
– Trascina e rilascia le sezioni esistenti dalla colonna di destra del tuo back office nella sezione menu
o
– Apri le impostazioni della sezione e usa il menu a tendina.
Per una nuova sezione, scegli dal menu a tendina al momento della creazione della sezione.
Un nuovo livello di navigazione verrà aggiunto alla tua app.
Sappi che è possibile aggiungere una seconda sezione Menu sotto la prima, in modo da creare un altro livello di navigazione.
È possibile aggiungere fino a 4 livelli di navigazione.
Sappi che è possibile aggiungere una seconda sezione Menu sotto la prima, in modo da creare un altro livello di navigazione.
È possibile aggiungere fino a 4 livelli di navigazione.
3. Design della sezione Menu
1. Vai al menu La mia app> Design> Sezioni.
2. Seleziona la sezione menu per accedere alle sue impostazioni del design.
Potrai scegliere un template per il menu, le immagini di sfondo, l’effetto, i caratteri, i colori, le icone, ecc.
2. Seleziona la sezione menu per accedere alle sue impostazioni del design.
Potrai scegliere un template per il menu, le immagini di sfondo, l’effetto, i caratteri, i colori, le icone, ecc.
4. Impostazioni della tua sezione Menu
Per accedere alle Impostazioni della sezione menu
1. Vai al menu La mia app> Contenuto> Sezioni
2. Clicca sull’icona a 3 punti accanto alla tua sezione.
Questo menu ti consente di modificare le impostazioni generali della tua sezione:
– Sposta la sezione nella struttura della tua app generale
– Gestisci lo stato di pubblicazione della tua sezione
– Modifica l’URL predefinito
1. Vai al menu La mia app> Contenuto> Sezioni
2. Clicca sull’icona a 3 punti accanto alla tua sezione.
Questo menu ti consente di modificare le impostazioni generali della tua sezione:
– Sposta la sezione nella struttura della tua app generale
– Gestisci lo stato di pubblicazione della tua sezione
– Modifica l’URL predefinito
5. Pubblica le modifiche
Pubblica le tue modifiche per applicarle alle tue app, PWA e native, già pubblicate (a seconda dell’offerta).
– Clicca sul pulsante “Aggiorna ora” in alto a destra nel tuo back office.
– Clicca sul pulsante “Aggiorna ora” in alto a destra nel tuo back office.
Sezione Contatto
La sezione Contatto fornisce ai tuoi utenti tutti i tuoi contatti in una sezione dedicata.
In questa sezione, è possibile creare collegamenti diretti a:
– Facebook
– Twitter
– Instagram
– WhatsApp
– Skype
– E-mail
– Il tuo numero di telefono (link Chiamaci)
– L’URL dell’app store (consigliato nello Store)
– Sezioni interne della tua app (link interno)
– Siti Web (link esterno)
– Invia un messaggio (SMS)
In questa sezione, è possibile creare collegamenti diretti a:
– Skype
– Il tuo numero di telefono (link Chiamaci)
– L’URL dell’app store (consigliato nello Store)
– Sezioni interne della tua app (link interno)
– Siti Web (link esterno)
– Invia un messaggio (SMS)
1. Aggiungi una nuova sezione Contatto
1. Nel menu a scorrimento a sinistra, vai su La mia app > Contenuti > Sezioni
2. Fare clic sul pulsante verde “Aggiungi una sezione ” dalla colonna di destra
3. Aggiungi una sezione “Contatto”
4. Dagli un titolo
5. Fai clic su “Aggiungi“
2. Fare clic sul pulsante verde “Aggiungi una sezione ” dalla colonna di destra
3. Aggiungi una sezione “Contatto”
4. Dagli un titolo
5. Fai clic su “Aggiungi“
2. Aggiungi link
1. Nel menu a scorrimento a sinistra, vai su La mia app> Contenuto> Lista dei contenuti
2. Seleziona la sezione “Contatto”
3. In “Aggiungi un link”, dai un titolo al tuo link
4. Fare clic su “Tipo di link” e selezionare un tipo di link dal menu a tendina
5. Inserisci le informazioni necessarie in base al tipo di link *
6. Fare clic sul pulsante verde + per aggiungere il link.
7. Fai clic sul pulsante verde “Salva”
* Quando inserisci un numero di telefono, assicurati di aggiungere il prefisso internazionale prima del numero.
2. Seleziona la sezione “Contatto”
3. In “Aggiungi un link”, dai un titolo al tuo link
4. Fare clic su “Tipo di link” e selezionare un tipo di link dal menu a tendina
5. Inserisci le informazioni necessarie in base al tipo di link *
6. Fare clic sul pulsante verde + per aggiungere il link.
7. Fai clic sul pulsante verde “Salva”
* Quando inserisci un numero di telefono, assicurati di aggiungere il prefisso internazionale prima del numero.
3. Design
È possibile personalizzare il design della sezione, il template della sezione, aggiungere l’icona dell’app, il colore del titolo, del sottotitolo, il testo e i caratteri.
1. Vai su La mia app > Design> Design sezioni
2. Seleziona la tua sezione “Contatto”
3. Fai clic su “Personalizza pagina di contatto”
Nota: i link di Facebook, Twitter, Instagram, WhatsApp e Skype hanno colori predefiniti che non possono essere modificati.
1. Vai su La mia app > Design> Design sezioni
2. Seleziona la tua sezione “Contatto”
3. Fai clic su “Personalizza pagina di contatto”
Nota: i link di Facebook, Twitter, Instagram, WhatsApp e Skype hanno colori predefiniti che non possono essere modificati.
4. Impostazioni
Per modificare le impostazioni della tua sezione Contatto, fare riferimento a questo aiuto online:
Impostazioni delle sezioni
Impostazioni delle sezioni
Pagina Preferiti
Nella tua applicazione GoodBarber puoi aggiungere una pagina Preferiti (segnalibro).
La pagina Preferiti consente ai tuoi utenti di aggiungere un segnalibro ai contenuti di altre pagine della tua app.
È possibile aggiungere contenuti da varie pagine alla pagina dei preferiti: articoli, video, foto e podcast.
Quando gli utenti salvano il contenuto come Preferito, possono recuperarlo nella pagina Preferiti anche dopo che il contenuto è stato rimosso dalla sua pagina originale.
La pagina Preferiti consente ai tuoi utenti di aggiungere un segnalibro ai contenuti di altre pagine della tua app.
È possibile aggiungere contenuti da varie pagine alla pagina dei preferiti: articoli, video, foto e podcast.
Quando gli utenti salvano il contenuto come Preferito, possono recuperarlo nella pagina Preferiti anche dopo che il contenuto è stato rimosso dalla sua pagina originale.
Nota: Puoi aggiungere solo una pagina Preferiti per app, e ovviamente puoi rinominarla come desideri e puoi cambiarle l’icona di default.
Sezione Impostazioni
Nella tua applicazione GoodBarber, puoi aggiungere una sezione Impostazioni*, che darà ai tuoi lettori l’accesso ad una serie di impostazioni.
Questa sezione permette agli utenti di:
– Consultare la pagina crediti
– Scriverti direttamente via email
– Consigliare la tua applicazione sui social network
– Cancellare la cache dell’applicazione
– Forzare un aggiornamento
Per modificare la tua sezione Impostazioni:
1 – Vai al menu La mia app > Sezioni> Impostazioni
2 – Clicca sui tre punti
3 – Fai clic su “Modifica design”
4 – Fai clic su “Modifica sezione Impostazioni“
*E´possibile aggiungere solo una sezione Impostazioni alla tua app.
Questa sezione permette agli utenti di:
– Consultare la pagina crediti
– Scriverti direttamente via email
– Consigliare la tua applicazione sui social network
– Cancellare la cache dell’applicazione
– Forzare un aggiornamento
Per modificare la tua sezione Impostazioni:
1 – Vai al menu La mia app > Sezioni> Impostazioni
2 – Clicca sui tre punti
3 – Fai clic su “Modifica design”
4 – Fai clic su “Modifica sezione Impostazioni“
*E´possibile aggiungere solo una sezione Impostazioni alla tua app.
1. Pagina crediti
1. Abilita * o disabilita la zona dei crediti nella sezione Impostazioni facendo clic sul pulsante di attivazione.
* Se abiliti la zona dei crediti, compila il campo di testo (aggiungi note legali, ecc.)
Attiva l’opzione HTML per formattare il testo utilizzando i tag HTML (<p>, <b>, <u>, <i>, ecc.).
* Se abiliti la zona dei crediti, compila il campo di testo (aggiungi note legali, ecc.)
Attiva l’opzione HTML per formattare il testo utilizzando i tag HTML (<p>, <b>, <u>, <i>, ecc.).
2. Contattare il servizio assistenza e consigliare l’applicazione
Come per la pagina crediti, puoi attivare l’area Contatta il servizio assistenza e Consiglia l’applicazione.
Contatta il servizio assistenza
Se abiliti quest’area, devi inserire l’indirizzo email al quale vuoi essere contattato.
Consiglia l’applicazione
Se convalidi questa casella, i tuoi utenti potranno condividere la tua applicazione sui social networks.
Contatta il servizio assistenza
Se abiliti quest’area, devi inserire l’indirizzo email al quale vuoi essere contattato.
Consiglia l’applicazione
Se convalidi questa casella, i tuoi utenti potranno condividere la tua applicazione sui social networks.
3. Svuotare e cancellare le cache dell’app
Questa area viene aggiunta automaticamente alla tua app.
Permette ai tuoi lettori di svuotare la cache dei contenuti della tua applicazione (per liberare spazio sul telefono, per esempio) o di forzare l’aggiornamento per scaricare tutto il design della tua app in occasione del lancio successivo (Elimina cache app).
Permette ai tuoi lettori di svuotare la cache dei contenuti della tua applicazione (per liberare spazio sul telefono, per esempio) o di forzare l’aggiornamento per scaricare tutto il design della tua app in occasione del lancio successivo (Elimina cache app).