---
url: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/tutorials/faq-seite'
title: 'Eine FAQ-Seite erstellen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:46:07+00:00'
updated: '2026-10-24T20:03:43+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Hier bauen Sie eine FAQ-Seite, auf der sich jede Frage per Klick öffnet und schließt. Am Ende haben Sie eine zentrierte Überschrift, eine Kategorie von Fragen in einem Collapse-Panel und eine Kontaktaufforderung. Nutzen Sie sie für eine kurze Liste häufiger Fragen. Für Hilfsartikel nach Themen gruppiert folgen Sie stattdessen Eine Wissensdatenbank erstellen.
  Das Video baut die FAQ einer Arztpraxis.
tags:
  - 'Follow a tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T20:03:43+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Eine FAQ-Seite erstellen'
      description: |-
        Hier bauen Sie eine FAQ-Seite, auf der sich jede Frage per Klick öffnet und schließt. Am Ende haben Sie eine zentrierte Überschrift, eine Kategorie von Fragen in einem Collapse-Panel und eine Kontaktaufforderung. Nutzen Sie sie für eine kurze Liste häufiger Fragen. Für Hilfsartikel nach Themen gruppiert folgen Sie stattdessen Eine Wissensdatenbank erstellen.
        Das Video baut die FAQ einer Arztpraxis.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:46:07+0000'
      dateModified: '2026-10-24T20:03:43+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/tutorials/faq-seite'
      articleSection: 'Tutorial folgen'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/tutorials/faq-seite'
      description: |-
        Hier bauen Sie eine FAQ-Seite, auf der sich jede Frage per Klick öffnet und schließt. Am Ende haben Sie eine zentrierte Überschrift, eine Kategorie von Fragen in einem Collapse-Panel und eine Kontaktaufforderung. Nutzen Sie sie für eine kurze Liste häufiger Fragen. Für Hilfsartikel nach Themen gruppiert folgen Sie stattdessen Eine Wissensdatenbank erstellen.
        Das Video baut die FAQ einer Arztpraxis.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Startseite
            item: 'https://dxpr.com/de'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: de
---
[Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Builder lernen](/de/hc/documentation/learn-dxpr-builder) /[Seiten erstellen](/de/hc/documentation/learn-dxpr-builder/build) /[Tutorial folgen](/de/hc/documentation/learn-dxpr-builder/tutorials/overview) # Eine FAQ-Seite erstellen.

 DXPR Builder lernenSeiten erstellenTutorial folgen

   ## In diesem Leitfaden

 Verwandte Leitfäden

- [Ein aufklappbares Panel hinzufügen](/de/hc/dokumentation/dxpr-builder-lernen/layout/aufklappbare-elemente)
- [Ein Tabs-Panel hinzufügen](/de/hc/dokumentation/dxpr-builder-lernen/layout/tabs-element)
- [Eine Kontaktseite erstellen](/de/hc/dokumentation/dxpr-builder-lernen/tutorials/kontaktseite)
- [Eine Wissensdatenbank erstellen](/de/hc/dokumentation/dxpr-builder-lernen/tutorials/wissensdatenbank)

Hier bauen Sie eine FAQ-Seite, auf der sich jede Frage per Klick öffnet und schließt. Am Ende haben Sie eine zentrierte Überschrift, eine Kategorie von Fragen in einem Collapse-Panel und eine Kontaktaufforderung. Nutzen Sie sie für eine kurze Liste häufiger Fragen. Für Hilfsartikel nach Themen gruppiert folgen Sie stattdessen [Eine Wissensdatenbank erstellen](/de/hc/documentation/learn-dxpr-builder/tutorials/knowledge-base).

Das Video baut die FAQ einer Arztpraxis.

  ## Bevor Sie beginnen

- Ihre Rolle hat die Berechtigung **Edit with DXPR Builder**.
- Die Seite ist im Builder geöffnet. Für eine neue gehen Sie zu **Content** > **Add content** > **Landing Page** (`/node/add/landing_page`) und klicken Sie auf **Save**.
- Neue Elemente und neue Toggles landen oben in ihrem Container. Fügen Sie Fragen von der letzten zur ersten hinzu oder ziehen Sie sie danach an ihren Platz.

## Schritt 1: Den Header hinzufügen

1. Klicken Sie auf der leeren Seite auf **Add Elements** und wählen Sie **Section** aus dem Tab **Layout**.
2. Fahren Sie über den Abschnitt und öffnen Sie **More** > **Settings**. Wählen Sie unter **HTML classes** **Align text center** und klicken Sie dann auf **Save**.
3. Klicken Sie auf **+** auf dem Abschnitt und wählen Sie **Text** aus dem Tab **Content**.
4. Geben Sie „Häufig gestellte Fragen“ ein und setzen Sie es in der Symbolleiste auf **Heading 2**. Fügen Sie eine Zeile hinzu, die sagt, was die Seite abdeckt, und klicken Sie dann auf **Save**. Das Theme gibt den Seitentitel als Heading 1 der Seite aus. Um stattdessen diese Überschrift zur Heading 1 zu machen, siehe [SEO-freundliche Seiten erstellen](/de/hc/documentation/learn-dxpr-builder/tutorials/seo#step-1-start-the-content-at-heading-2).

## Schritt 2: Eine Kategorie mit Fragen hinzufügen

1. Fahren Sie über den Abschnitt und klicken Sie auf **Add Section Below**.
2. Klicken Sie auf **+** auf dem neuen Abschnitt und wählen Sie **Collapse panel** aus dem Tab **Layout**; es kommt mit einem leeren Toggle.
3. Öffnen Sie **More** > **Settings** auf dem Panel. Schalten Sie **Collapse** ein, sodass jede Frage geschlossen startet, setzen Sie **Expand icon** auf **+** und klicken Sie dann auf **Save**.
4. Öffnen Sie **More** > **Settings** auf dem Toggle, geben Sie die Frage als seinen **Toggle title** ein und klicken Sie auf **Save**. Neue Toggles landen oben, also beginnen Sie mit der letzten Frage.
5. Klicken Sie auf die Frage, um ihren Inhalt zu öffnen, klicken Sie auf **+** darin und wählen Sie **Text**. Geben Sie die Antwort ein und klicken Sie auf **Save**.
6. Klicken Sie auf **Add toggle** auf dem Panel und wiederholen Sie die Schritte 4 und 5 für jede Frage, rückwärts bis zur ersten.
7. Klicken Sie noch einmal auf **+** auf dem Abschnitt und wählen Sie **Text**; er landet über dem Panel. Geben Sie den Kategorienamen als **Heading 2** ein und klicken Sie auf **Save**.

Zielen Sie auf 3 bis 6 Fragen pro Kategorie.

## Schritt 3: Eine Kontaktaufforderung hinzufügen

1. Fügen Sie mit **Add Section Below** einen dritten Abschnitt hinzu und öffnen Sie sein **More** > **Settings**. Wählen Sie **Align text center** unter **HTML classes** und ein hellgraues **Background** im Panel **Style**. Klicken Sie auf **Save**.
2. Klicken Sie auf **+** auf dem Abschnitt und wählen Sie **Button**. Setzen Sie **Title** auf „Kontakt aufnehmen“, **Link** auf `/contact`, **Type** auf **Primary** und **Size** auf **Large**, und klicken Sie dann auf **Save**.
3. Klicken Sie erneut auf **+** und wählen Sie **Text**; er landet über dem Button. Geben Sie „Haben Sie noch Fragen?“ als **Heading 2** ein, fügen Sie eine Zeile hinzu, die auf Ihr Team verweist, und klicken Sie dann auf **Save**.

## Schritt 4: Speichern und Vorschau

1. Klicken Sie in der Builder-Symbolleiste auf **Save**.
2. Öffnen Sie das Ansichtsmenü (das **Augen-Icon**) und wählen Sie **Preview**.

## Weiter gehen

Nicht im Video gezeigt:

- **Weitere Kategorien**: Wiederholen Sie Schritt 2 für jede Kategorie, je ein Abschnitt und ein Collapse-Panel. Übliche sind Einstieg, Konto und Abrechnung, Funktionen, Fehlerbehebung sowie Datenschutz und Sicherheit.
- **Tabs statt Abschnitte**: Fügen Sie bei wenigen Kategorien ein **Tabs**-Element aus dem Tab **Layout** hinzu, einen Tab pro Kategorie, und platzieren Sie ein Collapse-Panel in jedem Tab. Jede Kategorie bleibt ohne Scrollen erreichbar.

## SEO-Tipps

- Nutzen Sie die echte Frage als **Toggle title**
- Antworten Sie im ersten Satz und fügen Sie dann Details hinzu
- Verlinken Sie Antworten auf die Seite, auf die sie sich beziehen
- Fügen Sie strukturierte FAQ-Daten über Ihr Theme oder ein Drupal-Modul hinzu

## Was Sie sehen

Die Überschrift sitzt zentriert oben. Unter der Kategorieüberschrift ist jede Frage geschlossen und zeigt ein **+**. Ein Klick öffnet die Antwort, und das Schlussband bietet den Button **Kontakt aufnehmen**.

## Wenn Sie die Seite nicht wie gezeigt sehen

- **Alle Fragen starten offen.** **Collapse** ist auf dem Collapse-Panel aus. Öffnen Sie das **More** > **Settings** des Panels, schalten Sie **Collapse** ein und klicken Sie auf **Save**.
- **Es gibt kein + in einem Toggle.** Der Inhalt des Toggles ist geschlossen. Klicken Sie auf die Frage, um ihn zu öffnen, und klicken Sie dann auf **+** darin.
- **Die Fragen erscheinen in der falschen Reihenfolge.** Neue Toggles landen oben im Panel. Ziehen Sie jeden Toggle am Zieh-Anfasser in seiner Kontrollleiste an seinen Platz.
- **Ihre Änderungen sind nach einem Neuladen weg.** Sie haben die Seite verlassen, bevor Sie auf **Save** in der Builder-Symbolleiste geklickt haben. Wenn Save einen Fehler zeigt, siehe [Änderungen werden nicht gespeichert](/de/hc/dokumentation/dxpr-builder-lernen/fehlerbehebung/speichern-schlaegt-fehl).

## Wie geht es weiter?

- [Collapsibles-Element](/de/hc/documentation/learn-dxpr-builder/layout/collapsibles-element) für jede Collapse-Panel-Einstellung
- [Tabs-Element](/de/hc/documentation/learn-dxpr-builder/layout/tabs-element) für Tab-Layouts
- [Kontaktseite](/de/hc/documentation/learn-dxpr-builder/tutorials/contact-page) für die Seite, die der Button verlinkt
- [Wissensdatenbank](/de/hc/documentation/learn-dxpr-builder/tutorials/knowledge-base), um Hilfebereiche mit mehr Struktur zu bauen