---
title: Vertikale Teilung
slug: docs/de/vertikale-teilung
createdAt: 2024-07-24T11:16:06.896Z
---
Es teilt Ihren Inhalt in zwei nebeneinanderliegende Spalten und bietet Ihnen die Flexibilität, Informationen auf ansprechende Weise zu präsentieren. Es ist, als hätten Sie zwei Leinwände, mit denen Sie Seite an Seite arbeiten können.
## Wann Sie es verwenden sollten
- **Vergleichen und gegenüberstellen**
Ähnlichkeiten und Unterschiede zwischen zwei Themen oder Produkten aufzeigen.
- **Nebeneinanderliegenden Inhalt erstellen**
Verwandte Informationen gemeinsam darstellen, wie zum Beispiel Funktionen und Vorteile.
- **Lesbarkeit verbessern**
Lange Textabschnitte mit visuellen Elementen auflockern.
- **Mehrere Beispiele präsentieren**
Unterschiedliche Optionen oder Varianten nebeneinander darstellen.
## So verwenden Sie den Block mit vertikaler Teilung
::::WorkflowBlock
:::WorkflowBlockItem
Geben Sie `/` ein, um das Archbee Block-Menü zu öffnen
:::
:::WorkflowBlockItem
Suchen Sie nach dem **Vertikale Teilung** Block und klicken Sie, um ihn einzufügen
:::
:::WorkflowBlockItem
Wählen Sie die Breitenverhältnisse in der oberen rechten Ecke.
Sie haben 3 Optionen:
- **30/70 **Aufteilung
- **50/50 **Aufteilung
- **70/30** Aufteilung
:::
:::WorkflowBlockItem
Fügen Sie gerne Ihren Inhalt hinzu. Sie können den Inhalt nach Belieben mit dem [WYSIWYG-Menü](#) formatieren oder sogar andere Blöcke einfügen, wie:
- [Überschriften](docId\:KxU0tkuer8cfwWPLRrlpV)
- [Erweiterbare Überschriften](docId\:BOkvJRwVCzFkQdzYgRVMi)
- [Listen](docId\:bw9guZCpRJIeT8Jz1RTy1)
- [Schaltfläche](docId\:vD_AS4-awXv8abuhPPH6U)
- [Hinweis](docId\:hCfLA_aIEo_Xeo1u8xQT5)
- [Horizontale Trennlinie](docId\:hOmRbr1lBt4LWMc5-ZmX2)
- [Minitasker](docId\:qL4jwHcZjyJ3jnlU8_g1O)
- [Datei](docId\:ZZXZpE1mWwgaCGPbr5rcC)
- [Bild](docId\:DMALxhZZ_dTYx-ophz5ah)
- [Video](docId\:Vs6ynBxofG39F-KodHKHJ)
- [Karte](docId:_yOfaw0aBV3wReaiBqjrN)
- [Code-Editor: mehrsprachig](docId\:eRPkctjSIIMtacUQCbtyF)
- [Embed-Beispiele](docId\:T9-RkDWXqNWjlOQXRVALp)
:::
::::
## Beispiele
:::::::Tabs
:::::Tab{title="Pläne vergleichen"}
**Pläne vergleichen **— Legen Sie die Funktionen, Preise und Vorteile verschiedener Pläne klar in einem Vergleich nebeneinander dar.
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Standardfunktionen zur Verwaltung und Verteilung von Dokumentation.
Unbegrenzte Leser Unbegrenzte Projektbereiche Öffentliche oder private Portale Benutzerdefinierte Domain & Branding Benutzerdefiniertes JavaScript Passwortschutz
:::
:::VerticalSplitItem
Erweiterte Funktionen und vollständiges Branding für skalierende Dokumentation.
Alles in Growing Volle Branding-Kontrolle Bewertungssystem Wiederverwendbare Inhalte & Variablen Versionierung & Lokalisierung Erweiterte Teamzugriffskontrolle Erweiterte Leserzugriffskontrolle
:::
::::
Weitere Details finden Sie auf der [https://www.archbee.com/pricing](https://www.archbee.com/pricing) Seite.
:::::
::::::Tab{title="Schritt-für-Schritt-Anleitung"}
**Schritt-für-Schritt-Anleitung **— Zeigen Sie visuelle Anleitungen oder Codeausschnitte in einer Spalte, während Sie schriftliche Erklärungen in der anderen bereitstellen (für How-to-Anleitungen können Sie den [Workflow](docId\:k4PDPZ_n6XEOQLKItvXwq) Block verwenden).
:::::VerticalSplit{layout="right"}
::::VerticalSplitItem
Erfahren Sie, wie Archbee Ihnen helfen kann, Dokumentation bereitzustellen, die Fragen von Endbenutzern, Entwicklern und Teams beantwortet.
Buchen Sie einen Termin und sprechen Sie mit unserem Head of Product für eine ausführliche Einführung. (Definitiv kein Verkaufsgespräch!)
:::CtaButton{label="Demo buchen" externalHref="https://www.archbee.com/book-a-demo" openInNewTab="true"}
:::
::::
:::VerticalSplitItem
:::
:::::
::::::
:::::Tab{title="Do's and Don'ts"}
**Dos und Don'ts**— Legen Sie klar Best Practices und mögliche Fallstricke in einer Spalte dar und die entsprechenden Erklärungen oder Konsequenzen in der anderen.
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
Do
✅ Haupt-CTA hebt sich von allem anderen ab
✅ Zweiter CTA ist weniger sichtbar
:::
:::VerticalSplitItem
Don't
❌ Keine natürliche Hierarchie
❌ Kein visueller Auslöser oder gemischte Wahrnehmung
:::
::::
:::::
:::::Tab{title="FAQ-Bereich"}
::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
**Werde ich durch die Nutzung von Archbee reich?**
:::
:::VerticalSplitItem
Wir können das nicht versprechen, aber einen Versuch ist es wert.
Schließlich: Wenn es Sie nicht zum Millionär macht, haben Sie zumindest eine wirklich schick aussehende Dokumentation.
Und mal ehrlich, wer braucht schon Geld, wenn man Komplimente für sein [Dokumentationsportal, das die Fragen Ihrer Benutzer mit AI beantwortet](docId\:FE3_zL9hzShuPm-SG1DgL) bekommt?
:::
::::
:::::
:::::::
***
:::hint{type="info"}
**🧠 Denken Sie daran **
Der Schlüssel zur effektiven Nutzung einer vertikalen Teilung ist Balance. Stellen Sie sicher, dass der Inhalt in jeder Spalte den anderen ergänzt und zur Gesamtbotschaft Ihres Dokuments beiträgt.
Experimentieren Sie mit verschiedenen Inhaltskombinationen, um herauszufinden, was für Ihr Publikum am besten funktioniert.
:::
***
::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} ** Andere Blöcke finden**
Entdecken Sie neue Möglichkeiten und Blöcke, um beeindruckende und funktionale Dokumentationsseiten zu erstellen.
[Alle Blöcke ansehen](docId\:QR1fjhMprEujXqqNdqr1-)
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}** Brauchen Sie Hilfe? ⬇️**
Verwenden Sie die **blaue** **Chat-Blase **in der unteren rechten Ecke.
Oder versuchen Sie **KI-Chat** (über das Suchfeld) für schnelle Antworten.
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** Ihre Meinung ist wichtig**
Nutzen Sie das untenstehende Feedback-Formular, anonym.
Oder stellen Sie eine Frage im **Q\&A-Bereich** und unser Team oder die KI wird Ihnen eine Lösung geben.
:::
::::