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.
Ein Teilnehmerportal ist eine Website, die Ihnen gehört: Seiten, die Sie schreiben, ein Menü, das Sie anlegen, Ihr Logo, Ihre Domain — und der angemeldete Teil ist mit den eigenen Daten Ihrer Organisation verdrahtet. Diese Anleitung geht den Design-Schritt von Anfang bis Ende durch: das Anlegen des Portals, die Wahl eines Ausgangspunkts und dann jedes der vier Panels auf der linken Seite — Seiten, Layouts, Components und Branding.
Die Liste, aus der Sie kamen, ist die Heimat jedes Portals, das Sie betreiben: Name, Status, Panel-Domain, Version und Aktualisiert. Sie können mehrere Portale nebeneinander betreiben, jedes auf seiner eigenen Domain.
Ein Portal wird auf einer Custom-Domain ausgeliefert, die Ihnen gehört und die Sie verifiziert haben. Bauen und in der Vorschau ansehen können Sie auch ohne; das Veröffentlichen braucht eine aktive, zugeordnete Domain. Siehe Einrichten einer benutzerdefinierten Domain für Ihr Participant Portal.
Ein brandneues Portal öffnet die Vorlagenauswahl. Es gibt zwei Wege hinein.
Beschreiben Sie das Portal in Ihren eigenen Worten — seinen Zweck, die öffentlichen und privaten Seiten, die Sie brauchen, und die Inhalte — und die KI baut ein vollständiges mehrseitiges Portal, das Sie danach verfeinern. Die nützlichsten Prompts benennen die Aufteilung ausdrücklich, z. B. „öffentliche Seiten für Leistungen, unser Team und die Online-Terminbuchung; und ein privater Patientenbereich, um Termine zu sehen und den Genesungsfortschritt zu verfolgen“. Unter dem Feld liegen Starter-Prompt-Chips; Generate with AI führt ihn aus.
Sechs Starter, nach Kategorie filterbar: Retailer Portal, Education Portal, Support Portal, Research Portal, Survey Analytics Portal und Blank Canvas. Jede legt Seiten an, ein Layout mit funktionierendem Menü und Komponenten, die an sinnvolle Daten angebunden sind. Die Auswahl öffnen Sie jederzeit wieder über Vorlagen im Panel Seiten oder über Vorlage ändern in der Symbolleiste.
Der Editor ist ein Assistent mit drei Schritten — Design, Vorschau, Veröffentlichen. Vier Symbol-Tabs laufen links am Design-Schritt hinunter; der Canvas rendert die Seite, die Sie bearbeiten; rechts öffnet sich ein Einstellungs-Panel, sobald Sie eine Komponente auswählen. Desktop und Mobile über dem Canvas schalten seine Breite um.
Das Panel Seiten listet jede Seite mit ihrem Layout-Chip, Titel und Slug. Neu öffnet die Seiten-Schublade; die Symbole in der Zeile blenden aus, bearbeiten, klonen und löschen.
| Feld | Was es tut |
|---|---|
| Page Title | Der Name der Seite — Browser-Tab, Menüs und der Standard-Suchtitel. Übersetzbar. |
| Slug | Der URL-Pfad; Kleinbuchstaben, Ziffern, /, _, - und :. Ein Slug mit einem Doppelpunkt-Segment — der Hinweis zeigt orders/:orderId — ist eine dynamische Seite: eine Definition, die je URL einen anderen Datensatz rendert. |
| Layout | Welches Layout diese Seite umschließt. Keine rendert sie ohne Rahmen. |
| Who can see this page | Die drei Zugriffsstufen, siehe unten. |
| Landing page | Lässt diese Seite antworten unter /. Siehe unten. |
| Search appearance | Nur auf nicht-privaten Seiten: Suchtitel, Suchbeschreibung, Teilen-Bild und ein Schalter Hide from search engines . |
Drei Karten. Die Wahl entscheidet, ob die Seite überhaupt im Internet sichtbar ist.
„Only signed-in participants. Not reachable by search engines.“ (Nur angemeldete Teilnehmer; für Suchmaschinen nicht erreichbar.)
„Anyone on the internet, no sign-in. Server-rendered so search engines can index it.“ (Jeder im Internet, ohne Anmeldung; serverseitig gerendert, damit Suchmaschinen sie indexieren können.)
„Anyone can read it; signed-in participants see more. Appears in both menus.“ (Jeder kann sie lesen; angemeldete Teilnehmer sehen mehr. Erscheint in beiden Menüs.)
Es gibt eine Startseite je Klasse, nicht eine je Portal. Auf einer privaten Seite heißt das Kontrollkästchen Default page after sign-in; auf einer öffentlichen Default public page. Das Ankreuzen ersetzt den bisherigen Inhaber nur innerhalb dieser Klasse — so können eine Marketing-Startseite und ein Teilnehmer-Dashboard beide /besitzen, jede für ihre eigene Zielgruppe.
Ein Layout ist der Rahmen um eine Seite — Kopfzeile oder Seitenleiste, Fußzeile und ein Einfügepunkt Page Content , an dem die Komponenten der Seite landen. Neu fragt nach einem Layout Name und einer Layout Structure:
Die meisten Portale enden bei zwei — einem öffentlichen mit oberer Leiste und einem privaten mit Seitenleiste. Seiten wählen ihr Layout in der Seiten-Schublade, eine Seite dazwischen zu verschieben dauert also nur einen Moment.
Es gibt keinen Navigation-Tab mehr. Das Menü ist ein nav -Container, den Sie in ein Layout ziehen, und jeder Eintrag darin ist ein echter, auswählbarer Link. Ältere Portale wurden automatisch migriert — öffnen Sie das Layout, und Ihr Menü ist da.
Wählen Sie den nav-Container aus, und seine Einstellungen bieten zwei Regler:
| Regler | Werte | Wirkung |
|---|---|---|
| Position | Normal · Sticky · Fixed | „Sticky keeps the bar visible on scroll.“ (Sticky hält die Leiste beim Scrollen sichtbar.) |
| On mobile | Stack · Menu button (Standard) · 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 und Scroll sideways behalten dieses Menü auf Telefonen mit seinen mobilen Styles; Menu button übergibt Telefone an die App-Shell und blendet dieses Menü aus.) |
Auf einer Seite, die anonyme Besucher lesen können, entfernt der Server jeden Menülink, der auf eine private Seite zeigt — die Bezeichnung einer privaten Seite darf nicht auf einer crawlbaren Seite erscheinen. Der Canvas sagt es Ihnen, bevor es passiert: Ein solcher Link wird gedimmt mit einem kleinen Schloss gezeichnet, mit dem 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.“ (Für nicht angemeldete Besucher ausgeblendet — verlinken Sie auf Sign In oder auf eine öffentliche Seite.) Der Link-Editor zeigt dieselbe Warnung mit einer Ein-Klick-Schaltfläche Use Sign In .
Wählen Sie im Link-Editor Internal page und dann Sign In — es wird neben Ihren Seiten angeboten, und private Seiten tragen dort ein warnfarbenes Schloss. Es ist die einzige App-Route, auf die ein öffentliches Menü zeigen darf: Ein „Register“-Link funktioniert im Designer und in der Vorschau, wird aber auf der öffentlichen Live-Seite entfernt, und der Anmeldebildschirm trägt ohnehin seinen eigenen Registrierungslink.
Das Panel Components ist die Palette. Ziehen Sie einen Block auf den Canvas oder klicken Sie, um ihn anzuhängen; alles, was Sie ablegen, bekommt rechts ein Einstellungs-Panel. Neben den allgemeinen Text-, Medien- und Design-Blöcken — Überschriften, Absätze, Bilder, Schaltflächen, Links, Sektionen, Zeilen, dem nav -Container, Trennlinien und Abstandshaltern — bringen Portale eine eigene Gruppe mit:
Der Einfügepunkt, an dem die Komponenten einer Seite gerendert werden. Jedes Layout braucht genau einen.
Eine einzelne aggregierte Zahl — Anzahl, Durchschnitt oder Summe über eine Entität, mit optionalem Filter. Drei davon in einer Sektion ergeben eine Metrik-Zeile.
Eine paginierte Tabelle mit konfigurierbaren Spalten, Sortierung und Zeilenaktionen. Ihr Regler Heading setzt H2, H3 oder ausgeblendet — die H1 gehört der Seite.
Ein Datensatz in voller Länge, aus einem URL-Parameter gelesen.
Die eigenen Einreichungen des Teilnehmers. Schalter für Zusammenfassungs-Metriken, ein Umfragefilter sowie die Spalten Umfrage, Score, Bestanden/Nicht bestanden und Status.
Eine Übersichtskarte mit bestem und durchschnittlichem Score und ein Verlauf früherer Versuche.
Die Angaben des Teilnehmers, direkt bearbeitbar. Optional Telefon, Bio und Paneltyp.
Ihre Analyse-Widgets im eigenen Kontext des Teilnehmers.
Die diesem Teilnehmer zugewiesenen Umfragen, als Kartenraster oder Tabelle, mit bearbeitbaren Schaltflächen für Start, Wiederholung und Ergebnisse.
Veröffentlichte Beiträge als Kartenraster oder Liste, mit Sortierung, Seitengröße, Paginierungsstil und einem Content Type.
Ein Beitrag in voller Länge: Titelbild, Titel, Text, Datum und Tags, mit einem crawlbaren Link zurück zur Übersicht.
Das Muster Liste-plus-Detail besteht aus zwei Seiten und zwei Komponenten. Legen Sie eine Seite mit einem dynamischen Slug an, etwa orders/:orderId, setzen Sie darauf ein Data Detail und richten Sie eine Zeilenaktion einer Data List auf diesen Slug. Die Datensatz-ID der Zeile landet in der URL, und die Detailkomponente liest sie.
Blogs funktionieren genauso, aber über den Slug. Setzen Sie im Listing Post Detail Page auf den Slug der Detailseite (etwa blog/:postId) und im Detailblock das Feld Post auf :postId. Beiträge liegen dann unter lesbaren, crawlbaren Adressen wie /blog/post-surgical-shoulder-stiffness. Lassen Sie Post Detail Page leer, sind Titel keine Links und kein Beitrag ist crawlbar.
Das Panel Branding wird beschrieben als „Shown on login, register, and landing pages“ (auf Login-, Registrierungs- und Startseiten gezeigt), doch besonders das Logo wird im ganzen Portal verwendet.
Den Rest trägt die Symbolleiste. Das Popover Einstellungen enthält allgemeine Einstellungen, Sprache, Style, das Teilen und — sobald eine Domain zugeordnet ist — Anmeldungen automatisch freigeben: „Wenn deaktiviert, warten neue Anmeldungen auf die Freigabe durch einen Administrator, bevor sie auf dieses Portal zugreifen können.“
Jedes Textfeld folgt der Sprache, die in der Symbolleiste als Bearbeitung insteht; fügen Sie unter Sprachen verwalten weitere Locales hinzu, und unübersetzte Texte fallen auf die Standardsprache zurück. Änderungen speichern sich von selbst, und Versionsverlauf bewahrt jeden gespeicherten Stand — Vergleichen Sie einen davon mit dem aktuellen Entwurf und Wiederherstellen Sie ihn dann.
Gehen Sie das Ganze selbst durch, bevor es jemand anders kann: Vorschau und Test Ihres Portals. Wenn Sie zufrieden sind, weiter zu Veröffentlichen und Starten Ihres Teilnehmerportals.