epilot Help Center
Meine Tickets

Der Portal Builder im Überblick

Im Portal Builder baust du dein Portal auf: Du legst Seiten an, fügst Blöcke hinzu, siehst das Ergebnis direkt in der Vorschau und passt alle Einstellungen an. Du brauchst dafür keine Programmierkenntnisse.

Dieser Artikel zeigt dir, wie der Portal Builder aufgebaut ist, welche Werkzeuge du in der Kopfzeile findest und wo du welche Einstellungen vornimmst.


So funktioniert's

Du öffnest den Portal Builder, indem du unter Konfiguration > Portale auf die Karte eines Portals klickst. Der Portal Builder besteht aus drei Bereichen:

  • Seitenstruktur (links): die aktuell geöffnete Seite mit allen Blöcken, gegliedert in Kopfbereich, Hauptinhalt und Fußbereich. Hier wählst du Blöcke aus, fügst über das Plus-Symbol neue hinzu und ordnest sie per Drag-and-drop neu an.

  • Vorschau (Mitte): so sieht die Seite für deine Kunden aus. Der ausgewählte Block ist gestrichelt umrandet.

  • Eigenschaften (rechts): die Einstellungen der Seite oder des ausgewählten Blocks, zum Beispiel Inhalt, Design und Sichtbarkeit. Unter Verfügbare Daten siehst du, auf welche Daten du an dieser Stelle zugreifen kannst, etwa Kontakt oder Portal Zugang.

portal-builder-01-aufbau.png

Ein Beispiel: Du möchtest auf der Startseite deines Portals eine Schnellaktion „Neue Lieferstelle anmelden“ ergänzen. Du öffnest die Seite Übersicht, klickst in der Seitenstruktur auf den Block Schnellaktionen, fügst eine weitere Schnellaktion hinzu und siehst sofort in der Vorschau, wie sie aussieht. Mit Speichern übernimmst du die Änderung.

Die Kopfzeile

In der Kopfzeile findest du links den Namen des Portals und rechts die wichtigsten Werkzeuge:

portal-builder-02-kopfzeile.png
  • Sprache (EN/DE): erscheint, wenn dein Portal mehrere Sprachen anbietet. Damit wechselst du die Sprache, in der du Inhalte bearbeitest und in der Vorschau siehst.

  • Mobil- und Desktopansicht: schaltet die Vorschau zwischen Smartphone- und Bildschirmbreite um. Prüfe deine Seiten in beiden Ansichten, denn viele Kunden nutzen das Portal auf dem Handy.

  • Als Nutzer anzeigen: zeigt die Vorschau mit den Daten eines echten Portalnutzers, siehe unten.

  • Portal öffnen: öffnet dein Portal in einem neuen Browser-Tab.

  • Zahnrad-Symbol: öffnet die Portaleinstellungen.

  • Speichern: speichert alle Änderungen. Daneben siehst du, wann zuletzt gespeichert wurde.

Wichtig

Änderungen an einem Live-Portal sind nach dem Speichern sofort für deine Kunden sichtbar. Größere Umbauten bereitest du deshalb besser in einer separaten Konfiguration vor, siehe Portale verwalten.

Konfiguration

Seite wechseln und Seiten finden

1. Klicke oben in der Seitenstruktur auf den Namen der aktuellen Seite. Es öffnet sich die Liste aller Seiten.

2. Filtere die Liste bei Bedarf nach Seitentyp: Alle, Privat, Details, Öffentlich, System oder Ausgeblendet. Mit Seite suchen findest du eine Seite über ihren Namen.

3. Klicke auf die gewünschte Seite, um sie zu öffnen. Über Seite hinzufügen legst du eine neue Seite an.

portal-builder-03-seitenauswahl.png

Was die einzelnen Seitentypen bedeuten, liest du in Seitentypen und Seiteneinstellungen. Welche Blöcke es gibt, findest du in der Blockübersicht.

Portal aus Sicht eines Kunden prüfen

Im Portal Builder zeigt die Vorschau Platzhalter wie {{contact.first_name}} statt echter Werte. Mit Als Nutzer anzeigen siehst du dein Portal so, wie ein bestimmter Kunde es sieht, mit seinen Verträgen, Zählern und Dokumenten.

4. Klicke in der Kopfzeile auf Als Nutzer anzeigen.

5. Wähle unter Portalbenutzer einen Portalnutzer aus, zum Beispiel einen Testzugang.

portal-builder-04-als-nutzer-anzeigen.png

6. Hat der Nutzer mehrere Verträge oder Zähler, wähle zusätzlich aus, welchen du sehen möchtest. Die Vorschau zeigt jetzt die Daten dieses Nutzers.

7. Möchtest du das Portal wie dieser Nutzer bedienen, klicke auf Als dieser Nutzer öffnen. Das Portal öffnet sich in einem neuen Tab und du bist dort als dieser Nutzer angemeldet. Mehr dazu in Als Portalnutzer anmelden.

Tipp

Lege dir einen eigenen Testkontakt mit Testzugang und realistischen Beispieldaten an, etwa einem Stromvertrag und einem Zähler. So prüfst du Änderungen, ohne die Daten echter Kunden zu öffnen.

Fehler finden und beheben

Ist ein Block unvollständig konfiguriert, zeigt der Portal Builder das an: neben dem Portalnamen mit der Gesamtzahl der Fehler, in der Seitenstruktur mit der Zahl der Fehler auf der aktuellen Seite.

8. Klicke auf die Fehleranzeige neben dem Portalnamen. Links öffnet sich der Hinweisbereich. Er listet pro Seite alle ungültigen Blöcke auf. In Klammern steht die Sprache, in der etwas fehlt, zum Beispiel (en) für Englisch.

portal-builder-05-hinweisbereich.png

9. Kehre mit dem Pfeil oben im Hinweisbereich zur Seitenstruktur zurück, öffne die betroffene Seite und den genannten Block und ergänze die fehlenden Angaben, zum Beispiel den englischen Text.

Portaleinstellungen öffnen

10. Klicke in der Kopfzeile auf das Zahnrad-Symbol. Die Portaleinstellungen öffnen sich in einem Dialog.

portal-builder-06-einstellungen.png

11. Wähle links den Bereich, den du bearbeiten möchtest, und klicke nach deinen Änderungen auf Speichern. Diese Bereiche gibt es:

BereichWas du dort einstellstMehr dazu
AllgemeinesPortalname, Portal aktivieren, angebotene Sprachen, Selbstregistrierung, Standardbenutzer für Benachrichtigungen, aktivierte EntitätenSelbstregistrierung und Identifikatoren
DesignPortal-Design und LayoutDesign und Theme-Editor
BenachrichtigungenE-Mail-Vorlagen für Aktivierung, Einladung, Passwort und weitere EreignisseE-Mail-Vorlagen für Portale
Journey AktionenJourneys, die sich bei bestimmten Ereignissen automatisch öffnen, etwa nach der ersten AnmeldungJourneys im Portal
RegelRegeln für Änderungen durch Kunden, etwa wie stark und wie oft sie Abschlag oder Zahlungsart ändern dürfenAbschläge, Zahlungen und Kontostand
Domainepilot-Domain oder eigene DomainEigene Domain für dein Portal einrichten
SicherheitBerechtigungen, Anmeldeverfahren, Passwortrichtlinie, Vertragszuordnung und weitere SchutzfunktionenSicherheitseinstellungen im Portal
SSOAnmeldung über externe AnbieterSSO für Portale einrichten
Erweiterungeninstallierte Apps aus dem epilot Marketplace und welche App welche Funktion übernimmtExtensions und Custom Blocks
Analyseexterne Analyse-ToolsPortal-Analytics, Tracking und Cookie-Consent

Häufige Fragen

Warum sehe ich in der Vorschau Platzhalter statt echter Namen?

Ohne ausgewählten Portalnutzer kennt die Vorschau keine Kundendaten und zeigt deshalb die Variablen, zum Beispiel {{contact.first_name}}. Wähle über Als Nutzer anzeigen einen Portalnutzer aus, um echte Werte zu sehen.

Warum kann ich manche Blöcke nicht löschen?

Blöcke mit Schloss-Symbol sind für die Funktion der Seite nötig, zum Beispiel das Anmeldeformular auf der Seite Anmelden. Sie sind fest mit der Seite verbunden und lassen sich nicht entfernen. Dasselbe gilt für Pflichtseiten wie Anmelden oder Übersicht.

Kann mein Portal mit Fehlern im Hinweisbereich live sein?

Ja, aber die betroffenen Blöcke werden womöglich nicht wie geplant angezeigt, etwa ohne englischen Text. Behebe die Fehler deshalb, bevor du größere Änderungen veröffentlichst.

Weitere Artikel in diesem Abschnitt