Entdecke, wie Nested Layouts in HighLevel es dir ermöglichen, fortschrittliche, responsive Seitendesigns mühelos zu erstellen. Mit dieser innovativen Funktion kannst du Multi-Spalten- und adaptive Layouts direkt im Funnel- und Website-Builder gestalten, Zeit sparen und gleichzeitig die Designpräzision erhöhen.
Was sind Nested Layouts?
Nested Layouts erlauben es, Layout-Container innerhalb anderer Layout-Container zu platzieren. Dadurch erhältst du volle Kontrolle darüber, wie Elemente auf einer Seite strukturiert sind.
Diese Struktur erleichtert das Verwalten von Multi-Spalten-Designs, adaptivem Abstand und responsiven Sektionen mit verbesserter visueller Kontrolle.
Beispiele: Opt-in-Seiten, Vergleichstabellen oder Produktpräsentationen – Nested Layouts vereinfachen die Umsetzung und sorgen für visuelle Konsistenz und perfekte Ausrichtung.
Vorteile von Nested Layouts
Flexible Struktur: Lege Zeilen, Spalten oder Layouts ineinander, um komplexe Strukturen zu bauen.
Einstellungen in Echtzeit: Ändere Layout-Richtungen (Zeile, Spalte, Collage) mit Live-Vorschau.
Präzise Abstände: Passe Margin, Padding und Ausrichtung auf jeder Ebene genau an.
Keine Workarounds mehr: Komplexe Seiten ohne Custom CSS oder Drittanbieter-Lösungen gestalten.
Wiederverwendbare Layouts: Dupliziere und modifiziere verschachtelte Container für konsistente Markenauftritte.
So richtest du Nested Layouts im Builder ein
Melde dich in deinem Subaccount an und öffne den gewünschten Funnel oder die Website.
Ziehe einen Layout-Container auf die Leinwand.
Ziehe einen zweiten Layout-Container in den ersten, um die verschachtelte Struktur zu erstellen.
Öffne die Layout-Einstellungen und wähle die Ausrichtung: Zeile, Spalte oder Collage.
Passe Spacing & Alignment für Margin, Padding und Positionierung an. Wiederhole die Schritte 3–5 für zusätzliche verschachtelte Ebenen nach Bedarf.
Klicke auf Speichern, um das Layout zu übernehmen, oder füge es zu Saved Sections hinzu, um es wiederzuverwenden.
Beispiele für den Einsatz
Zwei-Spalten-Opt-in-Seiten: Headline und Formular auf der einen Seite, Testimonials und Social Proof auf der anderen.
Preisvergleichstabellen: Multi-Spalten-Layouts mit unterschiedlich großen Sektionen für Features, Preise und Call-to-Action-Buttons.
Feature-Showcase-Grids: Komplexe Layouts mit Bildern, Texten und Buttons, die perfekt über Reihen und Spalten ausgerichtet sind.
Häufig gestellte Fragen
Q: Wie füge ich einen verschachtelten Container hinzu?
A: Ziehe einen Layout-Container in einen bestehenden Container. Die blaue Markierung zeigt gültige Drop-Zonen an.
Q: Kann ich Sections oder Rows verschachteln?
A: Nein. Nur Layout-Container können verschachtelt werden. Sections und Rows bleiben aus Leistungsgründen einspaltig.
Q: Gibt es ein Limit für die Verschachtelungstiefe?
A: Praktisch nein, aber drei bis vier Ebenen werden für Wartbarkeit und Ladegeschwindigkeit empfohlen.
Q: Funktionieren Nested Layouts in Saved Sections und Funnels?
A: Ja. Saved Sections behalten die verschachtelte Struktur und synchronisieren global, wenn sie aktualisiert werden.
Verwandte Artikel:
Sites Overview
Nested URL Paths Support for Websites, Funnels, Ecomm & Webinars
A Quick Walkthrough of SEO: A Guide to Boosting Your Search Rankings
Funnels & Websites | Creating Categories in the Navigation Menu
Audit Logs in Funnels, Websites, Webinars & Stores
FAQs, Basic Troubleshooting - Funnels, Websites, Webinars