We use cookies
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.
Un portale partecipanti è un sito web tuo: pagine che scrivi tu, un menu che disponi tu, il tuo logo, il tuo dominio — con la parte riservata agli utenti autenticati collegata ai dati della tua organizzazione. Questa guida percorre il passo Progetto dall’inizio alla fine: creare il portale, scegliere un punto di partenza, poi ciascuno dei quattro pannelli sulla sinistra — Pagine, Layout, Components e Branding.
L’elenco da cui sei arrivato è la sede di tutti i portali che gestisci: nome, Stato, Dominio del panel, Versione e Aggiornato. Puoi gestire più portali in parallelo, ciascuno sul proprio dominio.
Un portale viene servito su un dominio personalizzato di tua proprietà e verificato. Puoi costruirlo e vederlo in anteprima senza, ma la pubblicazione richiede un dominio attivo e associato. Vedi Configurare un dominio personalizzato per il tuo Participant Portal.
Un portale nuovo apre il selettore di modelli. Ci sono due strade.
Descrivi il portale con parole tue — il suo scopo, le pagine pubbliche e private che ti servono e i contenuti — e l’AI costruisce un portale completo a più pagine che potrai poi rifinire. I prompt più utili indicano esplicitamente la separazione, ad es. “pagine pubbliche per i servizi, il nostro team e la prenotazione online; e un’area privata per i pazienti per vedere gli appuntamenti e seguire i progressi della riabilitazione”. Sotto la casella ci sono dei prompt di partenza; Generate with AI li esegue.
Sei modelli di partenza, filtrabili per categoria: Retailer Portal, Education Portal, Support Portal, Research Portal, Survey Analytics Portal e Blank Canvas. Ciascuno crea pagine, un layout con un menu funzionante e componenti collegati a dati sensati. Riapri il selettore quando vuoi da Modelli nel pannello Pagine, oppure Cambia modello nella barra degli strumenti.
L’editor è una procedura guidata in tre passi — Progetto, Anteprima, Pubblicare. Quattro schede con icone scendono lungo il lato sinistro del passo Progetto; il canvas mostra la pagina che stai modificando; un pannello impostazioni si apre a destra quando selezioni un componente. Desktop e Mobile sopra il canvas ne cambiano la larghezza.
Il pannello Pagine elenca ogni pagina con il suo chip di layout, il titolo e lo slug. Nuovo apre il pannello della pagina; le icone di riga nascondono, modificano, clonano ed eliminano.
| Campo | Che cosa fa |
|---|---|
| Page Title | Il nome della pagina — scheda del browser, menu e titolo di ricerca predefinito. Traducibile. |
| Slug | Il percorso URL; lettere minuscole, numeri, /, _, - e :. Uno slug con un segmento preceduto dai due punti — il suggerimento mostra orders/:orderId — è una pagina dinamica : una sola definizione che mostra un record diverso per ogni URL. |
| Disposizione | Quale layout racchiude questa pagina. Nessuno la mostra nuda. |
| Who can see this page | I tre livelli di accesso, qui sotto. |
| Landing page | Fa in modo che questa pagina risponda su /. Vedi sotto. |
| Search appearance | Solo sulle pagine non private: titolo di ricerca, descrizione di ricerca, immagine di condivisione e un interruttore Hide from search engines . |
Tre schede. La scelta decide se la pagina è esposta a internet o no.
“Only signed-in participants. Not reachable by search engines.” (solo partecipanti autenticati; non raggiungibile dai motori di ricerca)
“Anyone on the internet, no sign-in. Server-rendered so search engines can index it.” (chiunque su internet, senza accesso; resa dal server e indicizzabile)
“Anyone can read it; signed-in participants see more. Appears in both menus.” (chiunque può leggerla; gli autenticati vedono di più; compare in entrambi i menu)
C’è una pagina iniziale per classe, non una per portale. Su una pagina privata la casella riporta Default page after sign-in; su una pubblica, Default public page. Spuntarne una sostituisce il titolare precedente solo in quella classe — così una home page di marketing e una dashboard per i partecipanti possono possedere entrambe /, ciascuna per il proprio pubblico.
Un layout è la cornice attorno a una pagina — intestazione o barra laterale, piè di pagina e un punto di inserimento Page Content dove atterrano i componenti della pagina. Nuovo chiede un Layout Name e una Layout Structure:
La maggior parte dei portali finisce con due — uno pubblico con una barra superiore e uno privato con una barra laterale. Le pagine scelgono il proprio layout nel pannello della pagina, quindi spostare una pagina dall’uno all’altro è questione di un attimo.
Non esiste più una scheda Navigazione. Il menu è un container nav che trascini in un layout, e ogni voce è un link vero e selezionabile al suo interno. I portali più vecchi sono stati migrati automaticamente — apri il layout e il tuo menu è lì.
Seleziona il container nav e le sue impostazioni offrono due manopole:
| Manopola | Valori | Effetto |
|---|---|---|
| Position | Normal · Sticky · Fixed | “Sticky keeps the bar visible on scroll.” (Sticky mantiene la barra visibile durante lo scorrimento) |
| On mobile | Stack · Menu button (predefinito) · Scroll sideways | “Stack and Scroll sideways keep this menu on phones with its mobile styles. Menu button hands phones to the app shell (top bar + drawer + bottom tabs) and hides this menu.” (Stack e Scroll sideways mantengono questo menu sui telefoni; Menu button lo sostituisce con la app shell) |
Su una pagina che i visitatori anonimi possono leggere, il server rimuove ogni link di menu che punta a una pagina privata — il titolo di una pagina privata non deve comparire su una pagina scansionabile. Il canvas te lo dice prima che accada: un link del genere appare attenuato con un piccolo lucchetto e il tooltip “Hidden for visitors who aren’t signed in: this menu is on a public page, and links to private pages are removed there. Link to Sign In or a public page.” (nascosto ai visitatori non autenticati: collega a Sign In o a una pagina pubblica) L’editor dei link mostra lo stesso avviso con un pulsante Use Sign In che risolve con un clic.
Nell’editor dei link scegli Internal page e seleziona Sign In — è offerto accanto alle tue pagine, e lì le pagine private portano un lucchetto del colore dell’avviso. È l’unico percorso dell’app a cui un menu pubblico può puntare: un link “Register” funziona nel designer e nell’anteprima ma viene rimosso dalla pagina pubblica online, e la schermata di accesso porta comunque il proprio link di registrazione.
Il pannello Components è la tavolozza. Trascina un blocco sul canvas o fai clic per accodarlo; tutto ciò che rilasci ottiene un pannello impostazioni a destra. Accanto ai blocchi generali di testo, media e design — titoli, paragrafi, immagini, pulsanti, link, sezioni, righe, il container nav , divisori e spaziatori — i portali aggiungono un gruppo proprio:
Il punto di inserimento dove vengono resi i componenti di una pagina. Ogni layout ne ha bisogno esattamente di uno.
Un solo valore aggregato — conteggio, media o somma su un’entità, con un filtro facoltativo. Tre in una sezione formano una riga di metriche.
Una tabella paginata con colonne configurabili, ordinamento e azioni di riga. La sua manopola Heading imposta H2, H3 o nascosto — l’H1 appartiene alla pagina.
Un record per intero, letto da un parametro dell’URL.
Gli invii del partecipante. Interruttori per le metriche di riepilogo, un filtro per sondaggio e le colonne sondaggio, punteggio, superato/non superato e stato.
Una scheda di riepilogo dei punteggi migliori e medi, e uno storico dei tentativi passati.
I dati del partecipante, modificabili sul posto. Telefono, biografia e tipo di panel facoltativi.
I tuoi widget di analisi nel contesto del singolo partecipante.
I sondaggi assegnati a questo partecipante, come griglia di card o come tabella, con pulsanti di avvio, ripetizione e risultati modificabili.
I post pubblicati come griglia di card o elenco, con ordinamento, dimensione della pagina, stile di paginazione e un Content Type.
Un post per intero: copertina, titolo, corpo, data e tag, con un link scansionabile che riporta all’elenco.
Il modello elenco più dettaglio è fatto di due pagine e due componenti. Crea una pagina con uno slug dinamico come orders/:orderId, inserisci un Data Detail su di essa e punta un’azione di riga di un Data List a quello slug. L’id del record della riga finisce nell’URL e il componente di dettaglio lo legge.
I blog funzionano allo stesso modo, ma per slug. Imposta il Post Detail Page dell’elenco sullo slug della pagina di dettaglio (diciamo blog/:postId) e il campo Post del blocco di dettaglio su :postId. I post vivranno allora a indirizzi leggibili e scansionabili come /blog/post-surgical-shoulder-stiffness. Lascia Post Detail Page vuoto e i titoli non saranno link e nessun post sarà scansionabile.
Il pannello Branding è descritto come “Shown on login, register, and landing pages”, ma il logo in particolare è usato in tutto il portale.
La barra degli strumenti contiene il resto. Il popover Impostazioni contiene le impostazioni generali, Lingua, Style, la condivisione e — una volta associato un dominio — Approva automaticamente le iscrizioni: “Se disattivato, le nuove iscrizioni attendono l’approvazione di un amministratore prima di poter accedere a questo portale.”
Ogni campo di testo segue la lingua mostrata nella barra degli strumenti come Modifica in; aggiungi le lingue sotto Gestisci lingue e le stringhe non tradotte ricadono su quella predefinita. Le modifiche si salvano da sole, e Cronologia versioni conserva ogni stato salvato — Confronta uno stato con la bozza attuale, poi Ripristina lo.
Percorri tu stesso l’intero portale prima che possa farlo chiunque altro: Anteprima e Test del Tuo Portale. Quando sei soddisfatto, prosegui con Pubblicazione e lancio del tuo portale partecipanti.