Ein aufklappbares Panel hinzufügen.

DXPR Builder lernenSeiten erstellenInhalte hinzufügenLayout

Nutzen Sie ein Collapse-Panel, auch Akkordeon genannt, wenn Sie eine Liste von Überschriften wollen, die Besucher einzeln öffnen. Es eignet sich für FAQs, Funktionslisten und lange Inhalte, die sich in Teilen besser lesen. Sie erhalten einen Stapel Fragen, deren Antworten sich per Klick öffnen. Das Beispiel baut drei Fragen für eine Agentur-FAQ-Seite.

Ein Collapse-Panel mit drei Agentur-FAQ-Fragen, darunter geöffnet die Antwort auf „Can we update pages ourselves?“

Ein aufklappbares Panel hinzufügen

  1. Klicken Sie auf + auf einer Section und wählen Sie Collapse panel aus dem Tab Layout. Es kommt mit einem Toggle.
  2. Öffnen Sie die Einstellungen des Panels über sein More-Menü. Wählen Sie mit Collapse, ob jeder Toggle geschlossen startet. Hier ist es an. Wählen Sie ein Expand icon und klicken Sie auf Save.
  3. Fahren Sie über den Toggle, öffnen Sie sein More-Menü und wählen Sie Settings. Geben Sie die Frage als Toggle title ein und klicken Sie auf Save.
  4. Klicken Sie auf die Frage, um den Toggle zu öffnen. Klicken Sie auf + darin, wählen Sie Text und geben Sie die Antwort ein.
  5. Klicken Sie auf Add toggle in der Kontrollleiste des Panels für die nächste Frage. Neue Toggles landen oben, also fügen Sie die letzte Frage zuerst hinzu.
  6. Klicken Sie auf Save in der Symbolleiste. Klicken Sie in der Vorschau auf eine Frage, um zu prüfen, dass sich ihre Antwort öffnet.

Was Sie sehen

Jede Frage ist eine Überschrift mit dem gewählten Expand-Icon. Ein Klick öffnet ihre Antwort darunter, und die zuvor offene Antwort schließt sich. Mit ausgeschaltetem Collapse ist beim Laden der Seite die erste Antwort offen. Die Antworten bleiben geschlossen im HTML der Seite, sodass Suchmaschinen sie weiter lesen können.

Ihr aufklappbares Panel einrichten

Das Element Collapse panel hat zwei Einstellungen, unter More > Settings in seiner Kontrollleiste.

Einstellung Funktion Standard
Collapse An: Jeder Toggle startet geschlossen. Aus: Der erste Toggle startet offen Off
Expand icon Das Icon neben jedem Titel: None, + (Plus und Minus) oder ﹀ (ein Pfeil) None

Jeder Toggle hat eine Einstellung, Toggle title: die Frage oder Überschrift, die Besucher anklicken.

Toggles verwalten

  • Reorder: Ziehen Sie einen Toggle an Toggle in seiner Kontrollleiste und legen Sie ihn über oder unter einem anderen ab.
  • Rename: Fahren Sie über den Toggle, öffnen Sie More > Settings, ändern Sie Toggle title und klicken Sie auf Save.
  • Remove: Fahren Sie über den Toggle, öffnen Sie More und wählen Sie Delete. Die Antwort darin geht mit.

Ein Toggle fasst beliebige Elemente: Text, Bilder, Buttons oder eine Zeile mit Spalten. Halten Sie jede Antwort kurz. Wenn eine Antwort eine eigene Seite braucht, verlinken Sie stattdessen auf diese Seite.

Wenn Sie es nicht sehen

  • Die neue Frage erscheint oben. Add toggle fügt immer oben im Panel ein. Ziehen Sie den Toggle an Toggle in seiner Kontrollleiste an die gewünschte Stelle.
  • Die Einstellungen zeigen nur Toggle title. Sie haben die Einstellungen eines Toggles geöffnet. Fahren Sie über die Oberkante des Panels, sodass die Kontrollleiste von Collapse panel erscheint, und öffnen Sie dort More > Settings.
  • Die erste Antwort ist beim Laden der Seite offen. Collapse ist aus. Schalten Sie es in den Einstellungen von Collapse panel ein, damit jede Antwort geschlossen startet.
  • Collapse panel fehlt im Layout-Tab des Pickers. Ihr DXPR Builder-Benutzerprofil lässt es aus. Ein Administrator wählt Accordion unter Elements in Ihrem Profil unter /admin/dxpr_studio/dxpr_builder/profile.

Wie geht es weiter?