We use cookies and similar technologies to improve your experience, analyse traffic, and personalise content. You can accept all cookies or reject non-essential ones.
Questa guida ti accompagna nella creazione di un portale e nell’utilizzo di ogni scheda dell’editor di Design — Pagine, Layout, Navigazione, Componenti e Branding — per assemblare un’esperienza completa e brandizzata pronta per i partecipanti.
Il portale si apre nell’editor di Design — una procedura guidata in tre passaggi in alto: Design → Preview → Publish.
Quando apri un portale appena creato, ti vengono proposti cinque template iniziali. Ognuno pre-popola pagine, una struttura di navigazione, un layout con barra laterale, un banner hero e i componenti pertinenti, così hai subito qualcosa di concreto da cui partire:
| Template | Ideale per | Pagine predefinite |
|---|---|---|
| Retailer Portal | Self-service per RMA, garanzie e fatture | Home · My Returns · Return Detail · Warranties · Warranty Detail · Invoices · My Account |
| Education Portal | Test, quiz, classifiche e certificati | Dashboard · Available Tests · Test Detail · My Results · Result Detail · Leaderboard · Certificates |
| Support Portal | Gestione ticket e knowledge base | Dashboard · My Tickets · Ticket Detail · Knowledge Base · Article · My Account |
| Research Portal | Panel di indagine e programmi di ricerca | Dashboard · My Surveys · Survey Detail · My Responses · Scores · Certificates · Profile |
| Survey Analytics Portal | Dashboard di analytics personali | Dashboard (con widget di analytics) · My Responses · Scores · Profile |
| Blank Canvas | Portali completamente personalizzati costruiti da zero | Una sola pagina home — costruisci tutto tu stesso |
Scegli il template più vicino alle tue esigenze e personalizzalo. Puoi anche cambiare template in seguito dalla toolbar senza perdere le impostazioni di branding.
Il lato sinistro dell’editor è una barra di icone con cinque schede. Ogni scheda apre un pannello che controlla un aspetto diverso del tuo portale. Fai clic sull’icona per passare da un pannello all’altro; il canvas a destra riflette immediatamente le tue modifiche.
La scheda Pagine è dove gestisci ogni schermata del tuo portale. Ogni pagina ha tre impostazioni:
invoices diventa panel.acme.com/invoices. Usa lettere minuscole, numeri e trattini. Uno slug che contiene un segmento preceduto da due punti — come tickets/:ticketId — è una pagina dinamica: lo stesso template mostra record diversi a seconda di ciò che compare nell’URL.Una pagina è contrassegnata come pagina di destinazione predefinita — dove i partecipanti vengono indirizzati subito dopo l’accesso. Puoi cambiare quale pagina sia quella predefinita dalle impostazioni della pagina.
Uno slug di pagina come tickets/:ticketId crea una pagina dinamica. Quando un componente Data List naviga verso di essa, l’ID del record viene inserito nell’URL e il componente Data Detail presente in quella pagina carica automaticamente il record corrispondente. Questo schema a due componenti e due pagine offre ai partecipanti un’esperienza di drill-down completa per qualsiasi tipo di record — senza bisogno di scrivere codice.
Per aggiungere una pagina: fai clic su Add Page, compila titolo, slug e livello di accesso, quindi fai clic su Save. Per eliminare una pagina, fai clic sull’icona di eliminazione nella sua riga — aggiorna in seguito eventuali elementi di navigazione che vi facevano riferimento.
Un layout è la struttura visiva che racchiude ogni pagina — dove si trova la navigazione e come è proporzionata l’area dei contenuti principale. Scegli tra le anteprime dei layout disponibili:
Tutti i layout sono responsive per dispositivi mobili — la navigazione si adatta agli schermi piccoli senza alcun lavoro aggiuntivo.
La scheda Navigazione controlla il menu che i partecipanti vedono nella barra laterale (o ovunque il layout attivo collochi la navigazione). Costruisci e gestisci la struttura del menu:
Mantieni la navigazione essenziale — da cinque a otto elementi è il punto ideale. I partecipanti dovrebbero potersi orientare con un solo colpo d’occhio. Le pagine di dettaglio dinamiche (ad es. tickets/:ticketId) non devono comparire nel menu di navigazione — i partecipanti le raggiungono facendo clic sulle righe di un elenco.
La scheda Componenti è la tua libreria di elementi costitutivi. Seleziona prima una pagina dalla scheda Pagine per aprirla nel canvas, quindi passa alla scheda Componenti per aggiungervi elementi.
Trascina qualsiasi componente sul canvas oppure fai clic per inserirlo in fondo alla pagina. Ogni componente ha un pannello di impostazioni sul lato destro dell’editor dove puoi configurarne contenuto, associazioni dati e stile.
Un singolo numero aggregato — conteggio, media o somma — estratto da qualsiasi entità dati, con un filtro facoltativo applicato. Per impostazione predefinita è limitato al partecipante che ha effettuato l’accesso. Impilane diversi in un Section Container per costruire una barra di metriche:
Una tabella di record paginata, ordinabile e con funzione di ricerca. Nelle impostazioni del componente scegli:
tickets/:ticketId), abilitando il drill-down completoUna vista dettagliata completa per un singolo record, identificato da un parametro URL. Posiziona questo componente su una pagina dinamica (ad es. tickets/:ticketId), imposta il tipo di entità e imposta il nome del parametro su :ticketId. Quando un partecipante fa clic su una riga in un Data List che naviga qui, questo componente carica e mostra automaticamente il record corrispondente.
La scheda Branding controlla ogni elemento dell’identità visiva del tuo portale — da ciò che i partecipanti vedono prima ancora di effettuare l’accesso, fino al logo nella barra laterale su ogni pagina. Le modifiche qui vengono salvate automaticamente al cambio di focus.
Il logo della tua organizzazione, mostrato nell’intestazione della barra laterale e in evidenza nelle schermate di accesso e registrazione. Per impostare o modificare il logo:
Se non è impostato un logo specifico per il portale, il portale utilizza automaticamente il logo della tua organizzazione. Questo significa che un portale appena creato ha già un aspetto coerente con il tuo brand senza alcun passaggio aggiuntivo.
Il titolo in grassetto che i partecipanti leggono nella schermata di accesso prima di autenticarsi — il primo testo brandizzato che vedono sul tuo dominio. Esempi:
Questo campo è traducibile: aggiungi un valore per ogni lingua supportata dal tuo portale e i partecipanti lo vedranno nella loro lingua.
Un breve paragrafo subito sotto il titolo di accesso — un luogo naturale per il contesto del programma, le istruzioni di partecipazione o una breve dichiarazione di valore. Esempi:
Anche questo traducibile per ogni lingua.
Il nome host personalizzato su cui viene servito questo portale. Nel menu a tendina compaiono solo i domini panel verificati (da Impostazioni → Domini → Participant Panel). Selezionare un dominio qui è ciò che collega il tuo design all’URL live che i partecipanti utilizzeranno.
Se non hai ancora aggiunto un dominio, il menu a tendina mostra un’opzione + Add new domain che ti porta direttamente alla schermata di configurazione del dominio. Torna indietro e seleziona il dominio una volta verificato.
Un identificatore breve, sicuro per gli URL, utilizzato nel link di anteprima live in modo da poter testare il portale da una vera scheda del browser. Usa lettere minuscole, numeri e trattini. Viene impostato automaticamente alla creazione del portale, ma può essere modificato qui se hai bisogno di un identificatore più pulito.
Ogni modifica in ogni scheda viene salvata automaticamente in background. La toolbar mostra un indicatore di sincronizzazione — “Saved” quando tutto è memorizzato, “Saving…” brevemente durante un aggiornamento. Non è necessario alcun pulsante di salvataggio manuale.
Tutti gli stati salvati vengono conservati nel pannello Version History (icona a forma di orologio nella toolbar). Trova qualsiasi versione precedente e fai clic su Restore per ripristinarla — utile quando una modifica sperimentale non ha dato i risultati sperati.
Ogni campo di testo nell’editor — titoli delle pagine, etichette di navigazione, intestazioni, paragrafi, etichette dei pulsanti, titolo di accesso e descrizione di accesso — mostra un selettore di lingua quando la tua organizzazione ha più lingue abilitate. Compila ogni lingua. Il portale viene visualizzato nella lingua preferita del partecipante e ricorre alla lingua predefinita per qualsiasi stringa non tradotta.
Una volta assemblato il design, percorri tu stesso l’intera esperienza prima che qualsiasi partecipante possa vederla. Continua con Previewing and Testing Your Portal.