# Das optimale Netzportal aufbauen: ein Walkthrough

Source: https://help.epilot.cloud/de/portale/netzportal-best-practices/das-optimale-netzportal-aufbauen-ein-walktrough
Last updated: 2026-10-13

Das **Netzportal** ist ein Spark-Portal speziell für Netzbetreiber. Es richtet sich an Endkunden wie Haushalte oder Installateure, die Netzdienstleistungen beantragen oder verwalten möchten – von der Netzanschluss-Beantragung über die Anmeldung von Erzeugungs- und Verbrauchsanlagen (EEG / §14a EnWG) bis hin zum Überblick über laufende Anfragen und Dokumente.

Dieser Artikel erklärt den typischen Aufbau des Netzportals: welche Seiten es gibt, welche Blöcke auf welcher Seite eingesetzt werden und wie alles zusammenhängt.

<Callout type="info">
  **💡 Was ist ein &#x2A;***Blueprint****?**

  Der Netzportal-Blueprint ist eine fertige Vorlage, die du in epilot importieren und direkt anpassen kannst. Du startest nicht bei null, sondern mit einer bewährten Struktur, die du auf die Anforderungen deines Netzbetreibers zuschneidest.
</Callout>

## Überblick: Die Seiten des Netzportals [#ueberblick-seiten-0]

Das Netzportal besteht aus sechs Hauptseiten, die in der Navigation in folgender Reihenfolge angezeigt werden:

| # | Seite                      | Zweck                                                                       |
| - | -------------------------- | --------------------------------------------------------------------------- |
| 1 | **Übersicht**              | Einstiegsseite nach dem Login – Schnellzugriffe und aktuelle Hinweise       |
| 2 | **Aktuelle Informationen** | Neuigkeiten, regulatorische Änderungen, regionale Meldungen                 |
| 3 | **Dokumente**              | Zentrale Ablage aller Kundendokumente                                       |
| 4 | **Vertragsdetails**        | Tarif, Adresse, Zahlungsart – für den ausgewählten Vertrag                  |
| 5 | **Anfragen**               | Offene und abgeschlossene Bestellungen und Anfragen mit Fortschrittsanzeige |
| 6 | **Support / Mein Konto**   | Persönliche Stammdaten des eingeloggten Nutzers                             |

## Seite 1 – Übersicht [#seite-1-uebersicht-1]

Die **Übersicht** ist die Einstiegsseite nach dem Login. Sie zeigt dem Kunden auf einen Blick, was er tun kann, und gibt Zugang zu den wichtigsten Aktionen. Diese Seite ist eine System-Pflichtseite und kann nicht gelöscht werden.

| Block               | Inhalt / Konfiguration                                                                                                                                     |
| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Titel**           | „Übersicht"                                                                                                                                                |
| **Text**            | Begrüßungstext – z. B. „Willkommen im Netzportal. Hier können Sie Ihre Erzeugungs- und Verbrauchsanlagen anmelden oder einen Netzanschluss beantragen."    |
| **Schnellaktionen** | „Was möchten Sie tun?" – typische Aktionen: *Netzanschluss beantragen* (öffnet Journey), *Erzeugungs- und/oder Verbrauchsanlage anmelden* (öffnet Journey) |
| **Teaser**          | „Aktuelle Störungsmeldungen" – mit Bild, Beschreibungstext und CTA-Button „Zur Störungsauskunft" (externer Link zur Störungsseite des Netzbetreibers)      |
| **Text**            | Kontaktinformationen: kostenlose Servicenummer und Störstellennummer mit Erreichbarkeitszeiten                                                             |

Die **Schnellaktionen** sind das zentrale Einstiegselement dieser Seite. Kunden sehen hier direkt, welche Anträge sie stellen können – die Journey-Verlinkung erfolgt direkt im Schnellaktions-Block.

## Seite 2 – Aktuelle Informationen [#seite-2-aktuelle-informationen-2]

Diese Seite hält Kunden über relevante Neuigkeiten auf dem Laufenden – regulatorische Änderungen, regionale Meldungen oder Hinweise des Netzbetreibers. Sie ist eine normale, löschbare Seite.

| Block                           | Inhalt / Konfiguration                                                                                                      |
| ------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
| **Titel**                       | „Aktuelle Informationen"                                                                                                    |
| **Teaser / Kampagne** (mehrere) | Je ein Block pro aktueller Meldung – mit Bild, Titel, Untertitel und optionalem CTA-Button (z. B. „Informationen anzeigen") |

Beispielinhalte: „Neuregelung bei steuerbaren Verbrauchseinrichtungen nach §14a EnWG" oder regionale Meldungen wie „Netzbetreiberwechsel in \[Stadt]". Neue Meldungen werden als zusätzlicher Teaser-Block ergänzt, ältere können entfernt oder ausgeblendet werden.

<Callout type="info">
  **💡 Tipp: Teasers zeitgesteuert ausblenden**

  Nicht mehr aktuelle Meldungen muessen nicht geloescht werden – du kannst sie ueber die Sichtbarkeitssteuerung (Enddatum setzen) automatisch ausblenden lassen.
</Callout>

## Seite 3 – Dokumente [#seite-3-dokumente-3]

Die **Dokumente-Seite** ist die zentrale Ablage für alle Dateien des Kunden – Bestellbestätigungen, Messdaten, technische Unterlagen und mehr.

| Block               | Inhalt / Konfiguration                                                |
| ------------------- | --------------------------------------------------------------------- |
| **Titel**           | „Dokumente"                                                           |
| **Dokumente-Block** | Zeigt alle verfügbaren Dateien in einer Liste mit Dateiname und Datum |

**Empfohlene Konfiguration des Dokumente-Blocks:**

* Entität: **All** (alle Entitäten)

* Dateitypen: Any (PDF, JPG, XLSX etc.)

* Sichtbare Ergebnisse: **100**

* Suchfeld: **aktiviert**

* Gruppierung / Sortierung: nach Bedarf konfigurierbar

## Seite 4 – Vertragsdetails [#seite-4-vertragsdetails-4]

Die **Vertragsdetails-Seite** zeigt alle relevanten Informationen zum aktuell ausgewählten Vertrag – Tarif, Adresse, Zahlungsart und vertragsbezogene Dokumente. Sie ist eine System-Pflichtseite und kann nicht gelöscht werden.

<Callout type="info">
  **ℹ️ Hinweis: Datenabhaengige Seite**

  Die Vertragsdetails-Seite benoetigt den Block &#x2A;*„Entitaet auswaehlen"** im Header. Nur so koennen Kunden zwischen mehreren Vertraegen wechseln und die datenabhaengigen Bloecke werden korrekt befuellt.
</Callout>

| Block                                  | Inhalt / Konfiguration                                                             |
| -------------------------------------- | ---------------------------------------------------------------------------------- |
| **Entität**\*\* auswählen\*\* (Header) | Label: „Ausgewählter Vertrag" – ermöglicht den Wechsel zwischen mehreren Verträgen |
| **Titel**                              | „Vertragsdetails"                                                                  |
| **Registerkarten**                     | 2 Tabs: „Übersicht" und „Dokumente"                                                |

**Tab „Übersicht" enthält:**

* **Produkte: Tarif** – Tarifname, Grundpreis, Energie-Spotmarktpreis (dynamisch), Umlagen/Abgaben/Steuern

* **Attribut**\*\*-Gruppe: Adresse\*\* – Lieferadresse

* **Journey**\*\* Actions: Aktionen\*\* – verknüpfte Journey-Aktionen (z. B. Zählerwechsel beantragen)

* **Attribut**\*\*-Gruppe: Zahlungsmethode\*\*

* **Attribut**\*\*-Gruppe: Kontakte\*\* – E-Mail, Telefon

* **Attribut**\*\*-Gruppe: Allgemeine Informationen\*\* – Abrechnungszeitraum, Verlängerungsbedingungen, Fälligkeitstag

**Tab „Dokumente" enthält:**

* **Dokumente-Block** – gefiltert auf den ausgewählten Vertrag

## Seite 5 – Anfragen [#seite-5-anfragen-5]

Die **Anfragen-Seite** gibt Kunden einen Überblick über alle ihre offenen und abgeschlossenen Bestellungen und Anfragen – inklusive aktuellem Fortschritt.

| Block              | Inhalt / Konfiguration                                                 |
| ------------------ | ---------------------------------------------------------------------- |
| **Titel**          | „Anfragen"                                                             |
| **Anfragen-Block** | Zeigt Opportunities und Orders in zwei Tabs: „Offen" / „Abgeschlossen" |

**Empfohlene Konfiguration des Anfragen-Blocks:**

* Order – Hauptzeile: `{{order.order_number}}`, Unterzeile: `{{order.status}}`

* Opportunity – Hauptzeile: `{{opportunity_title}}`

Klickt ein Kunde auf eine Anfrage, öffnet sich die **Bestelldetails-Detailseite**:

| Tab           | Inhalt                                                                                                |
| ------------- | ----------------------------------------------------------------------------------------------------- |
| **Übersicht** | Bestellnummer (Attribut), Produkte (Produkte-Block), Fortschritt (Workflows-Block)                    |
| **Details**   | Adresse-Gruppe (Liefer- und Rechnungsadresse), Zahlungs-Gruppe (SEPA-Daten: Kontoinhaber, Bank, IBAN) |
| **Dokumente** | Dokumente-Block – gefiltert auf die jeweilige Bestellung                                              |

## Seite 6 – Mein Konto [#seite-6-mein-konto-6]

Die **Mein Konto**-Seite ist über die Profilnavigation erreichbar und zeigt die persönlichen Stammdaten des eingeloggten Nutzers.

| Block              | Inhalt / Konfiguration              |
| ------------------ | ----------------------------------- |
| **Registerkarten** | 2 Tabs: „Übersicht" und „Dokumente" |

**Tab „Übersicht" enthält:**

* Attribut: Vorname, Nachname, Geburtsdatum

* Attribut-Gruppe: Kontaktdetails

* Attribut-Gruppe: Adressdetails

* Attribut-Gruppe: Zahlungsmethoden

**Tab „Dokumente" enthält:**

* **Dokumente-Block** – kontaktbezogene Dokumente

## Nächste Schritte [#naechste-schritte-7]

Der Blueprint liefert diese Struktur als fertige Vorlage. Nach dem Import passt du sie an die spezifischen Anforderungen deines Netzbetreibers an – zum Beispiel eigene Journey-Verlinkungen in den Schnellaktionen, angepasste Teaser-Texte oder zusätzliche Attribut-Gruppen auf der Vertragsdetails-Seite.

<Callout type="info">
  **💡 Tipp: Attention Center nutzen**

  Nach dem Import des Blueprints zeigt dir das **Attention Center** im Portal Builder zentral alle Konfigurationspunkte, die noch Aufmerksamkeit benoetigen. So siehst du auf einen Blick, was noch fehlt oder angepasst werden muss.
</Callout>

Weiterführende Artikel:

* [Blöcke im neuen Portaldesign verwenden](https://help.epilot.cloud/de/portale/die-neue-portalwelt-in-epilot/portal-setup-konfiguration/benutzung-der-blocke-im-neuen-portaldesign) – alle verfügbaren Blöcke im Überblick