WebsiteBackoffice

Club di Navigazione

Pubblicato il 19 agosto 2022· Team Andronautic

Configurazioni dal tuo sito web e dall’account backoffice.

Per accedere all’app dal backoffice, la troverai nel menu di sinistra in App > Boat Club.

Si aprirà nel browser la pagina iniziale dell’app, ad esempio: https://demo.andronautic.com/en/club-pwa. Lo SLUG club-pwa cambierà nel momento in cui modificheremo l’app dal CMS.

Configurazioni dal CMS

Potremo cambiare i colori, le immagini e i loghi. Per farlo, ci rechiamo nel pannello di amministrazione Site > Administration > CLUB.

App Customization

Prime configurazioni dell’app (icone, loghi…).

General:

App title: il titolo che comparirà nella scheda del browser; se installata sul cellulare, sarà il nome dell’app.
Allow register users: consente di registrare nuovi utenti dall’app.

Immagini:

Icon: sarà l’immagine dell’icona dell’app, nel caso venga installata sul cellulare, e la favicon nel browser. L’immagine deve essere 160x160px.
Logo: prima schermata che vede l’utente finché non si carica l’applicazione; se non viene aggiunto un logo, verrà utilizzato quello definito sul sito web da Site customization.
Header: piccola intestazione per le pagine dell’app.
Login: immagine di sfondo durante il processo di login / registrazione; se non viene inserita un’immagine, comparirà un colore sfumato, definito nella sezione Theme.
Dashboard: immagine dell’intestazione della pagina dashboard del cliente, è la prima schermata che appare subito dopo il login.

Avanzate:

Custom head: spazio per aggiungere codice extra tra i tag <head>...</head>, ad esempio per aggiungere nuovi font, meta tag, tracciare metriche, ecc.
Custom CSS: aggiungere un file .css per modificare gli stili.
Custom JS: aggiungere un file .js per aggiungere JavaScript.

Initial Slides

Sono le immagini e i testi che verranno mostrati prima di effettuare il login o la registrazione. Se si attiva più di un’immagine, appariranno in formato carosello.

In alto a destra troveremo il pulsante per aggiungere una nuova slide; se ne possono aggiungere quante se ne desidera. Alla creazione si configurano i seguenti campi:

Languages in cui verrà mostrata la slide; se lasciato vuoto, verrà considerato come se non esistesse.
Active: spunta per attivare o disattivare la slide.
Title: titolo della slide.
Image: immagine della slide; consigliamo un aspect ratio di 9:19.
Testo che compare sopra la slide.

Themes

Configurazione dei colori dell’app.

Primary color: testi rilevanti, pulsanti e azioni importanti. Consigliamo che sia più scuro del colore secondario.
Secondary color: sfondo dell’header e del footer, card e informazioni.
Text Main color: testo utilizzato quando lo sfondo è il colore primario, ad esempio nei pulsanti.
Text plain color: testi normali (informazioni sul porto, sulla barca…).

Welcome Slides

È l’immagine e il testo che compariranno una volta che l’utente crea il proprio account; questa immagine appare una sola volta. Nel caso in cui non venga aggiunta un’immagine, questa schermata verrà mostrata con il colore primario come sfondo.

In alto a destra troveremo il pulsante per aggiungere una nuova slide; possiamo aggiungerne quante ne desideriamo. Alla creazione si configurano i seguenti campi:

Languages in cui verrà mostrata la slide; se lasciato vuoto, verrà considerato come se non esistesse.
Active: spunta per attivare o disattivare la slide.
Title: titolo della slide.
Image: immagine della slide; consigliamo un aspect ratio di 9:19.
Testo che compare sopra la slide.

Gestione dal backoffice

Creazione delle Basi

Porti da cui il cliente finale può prenotare una barca. Le basi si aggiungono da Settings > My Profile > Offices. Creiamo un nuovo ufficio e, molto importante, colleghiamo la zona relativa al porto.

Nota: nel caso in cui il porto di cui abbiamo bisogno non compaia nell’elenco ZONA, questi si configurano da Settings > My Profile > Details tab > Operating Zones section.

Perché questa base abbia una propria immagine nell’app, occorre andare nella scheda Documents e aggiungere l’immagine. In Opzioni Avanzate è importante che la descrizione corrisponda al nome del porto.

Barche per l’app

Per abilitare le barche che verranno utilizzate nell’app, è necessario abilitarle dalla scheda della barca in Catalog > Boats, all’interno troveremo una sezione chiamata Boat Club.

Cliente

Da CRM > Customers aggiungiamo un nuovo cliente o modifichiamo uno già esistente, e attiviamo il suo accesso all’app del club dalla scheda CLUB, aggiungendo una password.

Secondary member email: il cliente può condividere l’account CLUB; qui si aggiunge l’email.
Active ports: porti attivi per il cliente.
Base port: porto predefinito quando si effettua una ricerca dall’app.
Plan: si può scegliere tra:
- Free: il cliente può usare l’app ma pagando le barche.
- Member: al cliente viene applicato uno sconto.
Range: fasce di barche disponibili per l’app; si configurano da Andronautic — per farlo contatta support@andronautic.com.
Type: (non ancora attivato).
Custom boats: invece di utilizzare il range, si possono selezionare le barche che il cliente può vedere nell’app. Se utilizzato, invalida il campo range.
Free extras: selezione di extra gratuiti.
Number of prebookings: numero di prenotazioni effettuate dal cliente e non utilizzate.
Available individual days: giorni totali che l’utente può prenotare durante il suo abbonamento.

Come installare l’app sul cellulare

L’app del Club di Navigazione non si installa né si scarica, viene creata una scorciatoia sulla schermata home del cellulare. Consulta il nostro team di supporto per conoscere i passaggi specifici su iPhone e Android.