Mit der iFrame-Komponente kannst du externe Inhalte direkt in headful einbetten.
Nachdem du die Komponente über das Plus-Icon im Seiteneditor hinzugefügt und geöffnet hast, kannst du zunächst den iFrame-Type festlegen.
iFrame-Type: Link
Wählst du Link, kannst du eine URL in das dafür vorgesehene Feld eintragen.
Der verlinkte Inhalt wird anschließend direkt innerhalb des iFrame-Bereichs dargestellt.
iFrame-Type: HTML
Wählst du HTML, kannst du eigenen HTML-Code einfügen.
Der Code muss iFrame-kompatibel sein und wird innerhalb des definierten Bereichs gerendert.
Layout & Höhe
Zusätzlich kannst du im Editor unter Layout festlegen, wie der iFrame dargestellt wird:
Default → Anzeige innerhalb der regulären Seitenbreite
Full → Anzeige über die gesamte Seitenbreite
Unter Height kannst du die Höhe des iFrames definieren:
in Pixeln (px)
oder in Prozent (%)
So kannst du den Rahmen optimal an den eingebetteten Inhalt anpassen.
Schritt-für-Schritt Anleitung
Öffne den Seiteneditor in headful.
Klicke auf das Plus-Icon.
Wähle die iFrame-Komponente aus.
Wähle den gewünschten iFrame-Type (Link oder HTML).
Trage die URL ein oder füge HTML-Code ein.
Lege unter Layout die gewünschte Breite fest (Default oder Full).
Definiere die Höhe in px oder %.
Speichere deine Einstellungen.
Tipps & Tricks
Achte darauf, dass externe Seiten das Einbetten per iFrame erlauben.
Passe die Höhe so an, dass keine unnötigen Scrollbalken entstehen.
Nutze das Full-Layout für Inhalte, die visuell mehr Raum benötigen (z. B. Karten oder Tools).