# Inhaltsblöcke

Source: https://help.epilot.cloud/de/portale/seiten-und-blocke/inhaltsblocke
Last updated: 2026-10-28

Mit den **Content-Blöcken** gestaltest du die Inhalte deiner Portalseiten: Überschriften, Texte, Buttons und einzelne Werte wie die Vertragsnummer. Mit **Gruppe** und **Registerkarten** ordnest du andere Blöcke übersichtlich an.

Dieser Artikel zeigt dir, wie du die Content-Blöcke einrichtest und wofür du welchen Block nutzt.

***

## So funktioniert's [#so-funktionierts]

Du findest die Content-Blöcke im Blockkatalog ganz oben, wenn du auf das Plus-Symbol neben **Hauptinhalt** klickst. Alle Content-Blöcke kannst du auf jeder Seite verwenden:

* **Titel**: Überschrift einer Seite oder eines Abschnitts, zum Beispiel „Hallo Anna Becker!“.

* **Text**: Fließtext mit Formatierung, Listen, Links und Variablen.

* **Button**: führt zu einer Seite oder Website, startet eine Journey oder löst eine Portal-Funktion aus.

* **Anzeigefeld**: zeigt eine Bezeichnung mit einem Wert, etwa „Vertrag“ und die Vertragsnummer.

* **Gruppe**: fasst mehrere Blöcke zusammen, untereinander oder in zwei Spalten, auf Wunsch einklappbar.

* **Registerkarten**: verteilt Blöcke auf Tabs, etwa „Strom“ und „Gas“.

Ein Beispiel: Auf der Startseite deines B2B-Kundenportals begrüßt ein **Titel** den Kunden. Ein **Text** erklärt in zwei Sätzen, was er im Portal erledigen kann. Eine **Gruppe** zeigt darunter seine Kundendaten und seinen persönlichen Ansprechpartner.

In allen Textfeldern mit dem Symbol **\{ }** kannst du Variablen verwenden, zum Beispiel *\{\{contact.first\_name}}* für den Vornamen. Im Portal Builder siehst du die Variable, im Portal den echten Wert. Mehr dazu in [Variablen in Portalen](https://help.epilot.cloud/de/portale/seiten-und-blocke/variablen-in-portalen).

## Konfiguration [#konfiguration]

### Titel und Text [#titel-und-text]

1\. Füge den Block **Titel** oder **Text** hinzu oder klicke einen vorhandenen Block in der Seitenstruktur an.

2\. Gib beim Titel unter **Titel** die Überschrift ein, beim Text unter **Inhalt** deinen Text.

3\. Formatiere den Text mit der Leiste unter dem Eingabefeld: Überschriften, fett, kursiv, Ausrichtung, Link, Aufzählung und nummerierte Liste. Über **\{ }** (**Variable einfügen**) fügst du eine Variable ein, mit dem letzten Symbol entfernst du die Formatierung.

<Screenshot src="https://help.epilot.cloud/img/confluence/ae5f912b20-inhalt-01-textblock.webp" alt="inhalt-01-textblock.png" width="1600" height="742" maxWidth="760" />

<Callout type="info">
  **Tipp**

  Halte Texte im Portal kurz. Zwei bis drei Sätze pro Block lesen Kunden auch auf dem Smartphone gern. Längere Erklärungen verteilst du besser auf eine **Gruppe** mit **Einklappbare Gruppen** oder auf **Registerkarten**.
</Callout>

### Button [#button]

4\. Füge den Block **Button** hinzu und gib unter **Text** die Beschriftung ein, zum Beispiel *Tarif wechseln*.

5\. Wähle unter **Aktion**, was der Button tun soll:

* **Link**: Wähle als **Linktyp** **Interner Link** für eine Seite deines Portals oder **Externer Link** für eine Website und gib die Adresse ein, zum Beispiel deine FAQ-Seite.

* **Journey**: Wähle die Journey, die sich öffnen soll, zum Beispiel einen Tarifwechsel. Wie du Journeys mit Daten des Kunden vorbefüllst, liest du in [Journeys im Portal](https://help.epilot.cloud/de/portale/seiten-und-blocke/journeys-im-portal).

* **Portal-Funktionalität**: löst eine Funktion des Portals aus, zum Beispiel **Vertrag hinzufügen**, damit Kunden einen weiteren Vertrag zu ihrem Konto hinzufügen. Mehr dazu in [Verträge und Vertragszuordnung](https://help.epilot.cloud/de/portale/self-service-funktionen/vertrage-und-vertragszuordnung).

<Screenshot src="https://help.epilot.cloud/img/confluence/57526f7350-inhalt-02-button-aktion.webp" alt="inhalt-02-button-aktion.png" width="1472" height="920" maxWidth="760" />

### Anzeigefeld [#anzeigefeld]

6\. Füge den Block **Anzeigefeld** hinzu, zum Beispiel auf der Detailseite *Vertrag*.

7\. Gib unter **Bezeichnung** den Namen des Werts ein, zum Beispiel *Vertrag*, und unter **Wert*&#x2A; die Variable, zum Beispiel &#x2A;\{\{contract.contract\_number}}*.

8\. Aktiviere **Leeren Wert ausblenden**, wenn das Feld nicht erscheinen soll, solange es keinen Wert gibt, etwa bei einem Vertrag ohne Enddatum.

<Screenshot src="https://help.epilot.cloud/img/confluence/e36c37ca1b-inhalt-05-anzeigefeld.webp" alt="inhalt-05-anzeigefeld.png" width="1600" height="742" maxWidth="760" />

Möchtest du Felder einer Entität ohne Variablen anzeigen oder Kunden sie bearbeiten lassen, nutze die Blöcke **Attribut** und **Attribute Gruppe**, siehe [Attribute und Attributtypen im Portal](https://help.epilot.cloud/de/portale/seiten-und-blocke/attribute-und-attributtypen-im-portal).

### Gruppe [#gruppe]

9\. Füge den Block **Gruppe** hinzu und gib unter **Gruppen Bezeichnung** bei Bedarf eine Überschrift ein, zum Beispiel *Ihre Kundendaten*.

10\. Wähle unter **Block Design** > **Layout-Stil** **Gestapelt** (Blöcke untereinander) oder **Zwei Spalten** (Blöcke nebeneinander).

11\. Aktiviere **Einklappbare Gruppen**, wenn Kunden die Gruppe auf- und zuklappen sollen, etwa für FAQ.

12\. Fahre in der Seitenstruktur mit der Maus über die Gruppe und klicke auf das Plus-Symbol, um Blöcke in die Gruppe einzufügen. Vorhandene Blöcke ziehst du per Drag-and-drop hinein.

<Screenshot src="https://help.epilot.cloud/img/confluence/a8fde83d20-inhalt-03-gruppe.webp" alt="inhalt-03-gruppe.png" width="1600" height="755" maxWidth="760" />

### Registerkarten [#registerkarten]

13\. Füge den Block **Registerkarten** hinzu. In der Seitenstruktur erscheinen darunter die einzelnen **Registerkarten**.

14\. Klicke auf eine Registerkarte und gib unter **Bezeichnung** den Namen des Tabs ein, zum Beispiel *Strom*.

15\. Füge über das Plus-Symbol der Registerkarte die Blöcke ein, die in diesem Tab erscheinen sollen, zum Beispiel eine **Entitätenliste** mit allen Stromverträgen und passende **Schnellaktionen**.

<Screenshot src="https://help.epilot.cloud/img/confluence/32b378abb5-inhalt-04-registerkarten.webp" alt="inhalt-04-registerkarten.png" width="1600" height="755" maxWidth="760" />

Im Beispiel zeigt die Seite *Bündelverträge* Strom- und Gasverträge in zwei Tabs. Kunden wechseln mit einem Klick zwischen den Sparten und behalten trotzdem den Überblick.

<Callout type="info">
  **Hinweis**

  Der Block **Teaser** ist veraltet. Vorhandene Teaser funktionieren weiter. Für neue Werbeflächen mit Bild und Button eignet sich zum Beispiel der Block **Kampagne**, siehe [Targeting und Kampagnen im Portal](https://help.epilot.cloud/de/portale/seiten-und-blocke/targeting-und-kampagnen-im-portal).
</Callout>

## Häufige Fragen [#häufige-fragen]

**Warum sehe ich im Portal Builder \{\{contact.first\_name}} statt eines Namens?**

Die Vorschau kennt ohne ausgewählten Portalnutzer keine Kundendaten. Wähle in der Kopfzeile über **Als Nutzer anzeigen** einen Portalnutzer, dann siehst du echte Werte. Siehe [Der Portal Builder im Überblick](https://help.epilot.cloud/de/portale/einstieg-in-portale/der-portal-builder-im-uberblick).

**Kann ich Inhalte nur auf dem Smartphone oder nur auf dem Desktop zeigen?**

Ja. Unter **Block Sichtbarkeit** kannst du einen Block auf Mobilgeräten oder auf dem Desktop verstecken. Mehr dazu in [Sichtbarkeit und Anzeigebedingungen](https://help.epilot.cloud/de/portale/seiten-und-blocke/sichtbarkeit-und-anzeigebedingungen).

**Wie übersetze ich Texte für die englische Version meines Portals?**

Bietet dein Portal mehrere Sprachen an, wechselst du in der Kopfzeile des Portal Builders die Sprache und gibst die Texte dort ein. Mehr dazu in [Layout, Logo und Sprachen](https://help.epilot.cloud/de/portale/design-und-domain/layout-logo-und-sprachen).