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.
Diese Anleitung führt Sie durch das Erstellen eines Portals und die Nutzung jedes Tabs im Design-Editor — Seiten, Layouts, Navigation, Komponenten und Branding — um eine vollständige, gebrandete Experience zusammenzustellen, die für Teilnehmer bereit ist.
Das Portal öffnet sich im Design-Editor — ein dreistufiger Assistent oben: Design → Vorschau → Veröffentlichen.
Wenn Sie ein brandneues Portal öffnen, werden Ihnen fünf Startvorlagen angeboten. Jede füllt bereits Seiten, eine Navigationsstruktur, ein Seitenleisten-Layout, ein Hero-Banner und relevante Komponenten vor, sodass Sie sofort etwas Konkretes zum Arbeiten haben:
| Vorlage | Am besten geeignet für | Vorgefertigte Seiten |
|---|---|---|
| Retailer Portal | RMA-, Garantie- und Rechnungs-Self-Service | Startseite · Meine Rücksendungen · Rücksendedetails · Garantien · Garantiedetails · Rechnungen · Mein Konto |
| Education Portal | Tests, Quizze, Ranglisten und Zertifikate | Dashboard · Verfügbare Tests · Testdetails · Meine Ergebnisse · Ergebnisdetails · Rangliste · Zertifikate |
| Support Portal | Ticket-Tracking und Wissensdatenbank | Dashboard · Meine Tickets · Ticketdetails · Wissensdatenbank · Artikel · Mein Konto |
| Research Portal | Umfrage-Panels und Forschungsprogramme | Dashboard · Meine Umfragen · Umfragedetails · Meine Antworten · Ergebnisse · Zertifikate · Profil |
| Survey Analytics Portal | Persönliche Analytics-Dashboards | Dashboard (mit Analytics-Widgets) · Meine Antworten · Ergebnisse · Profil |
| Blank Canvas | Vollständig individuelle Portale, von Grund auf erstellt | Eine Startseite — bauen Sie alles selbst auf |
Wählen Sie die passendste Vorlage und passen Sie sie an. Sie können später auch über die Toolbar die Vorlage wechseln, ohne Ihre Branding-Einstellungen zu verlieren.
Die linke Seite des Editors ist eine Symbolleiste mit fünf Tabs. Jeder Tab öffnet ein Panel, das einen anderen Aspekt Ihres Portals steuert. Klicken Sie auf das Symbol, um Panels zu wechseln; die Canvas rechts spiegelt Ihre Änderungen sofort wider.
Im Tab „Seiten“ verwalten Sie jeden Bildschirm Ihres Portals. Jede Seite hat drei Einstellungen:
invoices panel.acme.com/invoices. Verwenden Sie Kleinbuchstaben, Zahlen und Bindestriche. Ein Slug, der ein mit Doppelpunkt beginnendes Segment enthält — wie tickets/:ticketId — ist eine dynamische Seite: Dieselbe Vorlage rendert je nach Inhalt der URL unterschiedliche Datensätze.Eine Seite ist als Standard-Landingpage markiert — dorthin werden Teilnehmer nach der Anmeldung sofort geleitet. Ändern Sie, welche Seite die Standardseite ist, in den Seiteneinstellungen.
Ein Seiten-Slug wie tickets/:ticketId erzeugt eine dynamische Seite. Wenn eine Data-List-Komponente dorthin navigiert, wird die ID des Datensatzes in die URL eingefügt, und die Data-Detail-Komponente auf dieser Seite lädt den passenden Datensatz automatisch. Dieses Zwei-Komponenten-, Zwei-Seiten-Muster gibt Teilnehmern ein vollständiges Drill-down-Datenerlebnis für jeden Datensatztyp — ohne Code.
Um eine Seite hinzuzufügen: Klicken Sie auf Seite hinzufügen, geben Sie Titel, Slug und Zugriffsebene ein und klicken Sie auf Speichern. Um eine Seite zu löschen, klicken Sie auf das Löschsymbol in ihrer Zeile — aktualisieren Sie danach alle Navigationselemente, die darauf verlinkt haben.
Ein Layout ist die visuelle Hülle, die jede Seite umschließt — wo die Navigation sitzt und wie der Hauptinhaltsbereich proportioniert ist. Wählen Sie aus den verfügbaren Layout-Miniaturansichten:
Alle Layouts sind für Mobilgeräte responsiv — die Navigation passt sich ohne zusätzlichen Aufwand an kleine Bildschirme an.
Der Tab „Navigation“ steuert das Menü, das Teilnehmer in der Seitenleiste sehen (oder wo auch immer das aktive Layout die Navigation platziert). Bauen und verwalten Sie die Menüstruktur:
Halten Sie die Navigation fokussiert — fünf bis acht Einträge sind der Sweet Spot. Teilnehmer sollten sich auf einen Blick orientieren können. Dynamische Detailseiten (z. B. tickets/:ticketId) müssen nicht in der Navigation erscheinen — Teilnehmer erreichen sie durch Klicken auf Zeilen in einer Liste.
Der Tab „Komponenten“ ist Ihre Bausteinbibliothek. Wählen Sie zunächst im Tab „Seiten“ eine Seite aus, um sie in der Canvas zu öffnen, und wechseln Sie dann zum Tab „Komponenten“, um Elemente zu dieser Seite hinzuzufügen.
Ziehen Sie eine beliebige Komponente auf die Canvas oder klicken Sie darauf, um sie am unteren Ende der Seite einzufügen. Jede Komponente hat ein Einstellungspanel auf der rechten Seite des Editors, in dem Sie Inhalt, Datenbindungen und Stil konfigurieren.
Eine einzelne aggregierte Zahl — Anzahl, Durchschnitt oder Summe — aus einer beliebigen Datenentität, mit optional angewendetem Filter. Standardmäßig auf den angemeldeten Teilnehmer beschränkt. Stapeln Sie mehrere in einem Abschnittscontainer, um eine Kennzahlenleiste zu erstellen:
Eine paginierte, sortierbare, durchsuchbare Tabelle von Datensätzen. Wählen Sie in den Komponenteneinstellungen:
tickets/:ticketId), was vollständiges Drill-down ermöglichtEine vollständige Detailansicht für einen einzelnen Datensatz, identifiziert durch einen URL-Parameter. Platzieren Sie dies auf einer dynamischen Seite (z. B. tickets/:ticketId), legen Sie den Entitätstyp fest und setzen Sie den Parameternamen auf :ticketId. Wenn ein Teilnehmer auf eine Zeile in einer Datenliste klickt, die hierher navigiert, lädt und zeigt diese Komponente den passenden Datensatz automatisch an.
Der Tab „Branding“ steuert jedes Element der visuellen Identität Ihres Portals — von dem, was Teilnehmer sehen, bevor sie sich überhaupt anmelden, bis zum Logo in der Seitenleiste auf jeder Seite. Änderungen hier werden beim Verlassen des Feldes automatisch gespeichert.
Das Logo Ihrer Organisation, angezeigt im Kopfbereich der Seitenleiste und prominent auf den Anmelde- und Registrierungsbildschirmen. So legen Sie das Logo fest oder ändern es:
Wenn kein portalspezifisches Logo festgelegt ist, greift das Portal automatisch auf das Logo Ihrer Organisation zurück. Das bedeutet, dass ein neu erstelltes Portal bereits ohne zusätzliche Schritte markengerecht aussieht.
Die fett gedruckte Überschrift, die Teilnehmer auf dem Anmeldebildschirm lesen, bevor sie sich authentifizieren — der erste gebrandete Text, den sie auf Ihrer Domain sehen. Beispiele:
Dieses Feld ist übersetzbar: Fügen Sie für jede Sprache, die Ihr Portal unterstützt, einen Wert hinzu, und Teilnehmer sehen ihn in ihrer eigenen Sprache.
Ein kurzer Absatz direkt unter dem Anmeldetitel — ein natürlicher Ort für Programmkontext, Teilnahmehinweise oder eine kurze Wertaussage. Beispiele:
Ebenfalls pro Sprache übersetzbar.
Der benutzerdefinierte Hostname, auf dem dieses Portal bereitgestellt wird. Nur verifizierte Panel-Domains (aus Einstellungen → Domains → Teilnehmer-Panel) erscheinen im Dropdown-Menü. Die Auswahl einer Domain hier verbindet Ihr Design mit der Live-URL, die Teilnehmer verwenden werden.
Wenn Sie noch keine Domain hinzugefügt haben, zeigt das Dropdown-Menü eine Option + Neue Domain hinzufügen, die Sie direkt zum Domain-Einrichtungsbildschirm führt. Kommen Sie zurück und wählen Sie die Domain, sobald sie verifiziert ist.
Eine kurze, URL-sichere Kennung, die im Live-Vorschau-Link verwendet wird, damit Sie das Portal in einem echten Browser-Tab testen können. Verwenden Sie Kleinbuchstaben, Zahlen und Bindestriche. Diese wird beim Erstellen des Portals automatisch festgelegt, kann aber hier bearbeitet werden, falls Sie eine übersichtlichere Kennung benötigen.
Jede Änderung in jedem Tab wird automatisch im Hintergrund gespeichert. Die Toolbar zeigt einen Synchronisierungsindikator — „Gespeichert“, wenn alles gesichert ist, „Wird gespeichert…“ kurzzeitig während eines Updates. Kein manueller Speichern-Button erforderlich.
Alle gespeicherten Zustände werden in der Schublade Versionsverlauf (Uhrsymbol in der Toolbar) aufbewahrt. Finden Sie eine frühere Version und klicken Sie auf Wiederherstellen, um zurückzurollen — nützlich, wenn eine experimentelle Änderung nicht funktioniert hat.
Jedes Textfeld im Editor — Seitentitel, Navigationsbeschriftungen, Überschriften, Absätze, Button-Beschriftungen, Anmeldetitel und Anmeldebeschreibung — zeigt einen Sprachumschalter, wenn in Ihrer Organisation mehrere Sprachen aktiviert sind. Füllen Sie jede Sprachversion aus. Das Portal wird in der bevorzugten Sprache des Teilnehmers gerendert und greift bei nicht übersetzten Zeichenfolgen auf die Standardsprache zurück.
Sobald Ihr Design zusammengestellt ist, durchlaufen Sie die vollständige Experience selbst, bevor irgendein Teilnehmer sie sehen kann. Weiter zu Ihr Portal in der Vorschau ansehen und testen.