HTML-Blöcke
Zwei Blöcke erlauben eigenen HTML-Code, wenn die vorhandenen Blöcke nicht ausreichen.
| Block | Zweck |
|---|---|
| HTML | Eigenes HTML einbinden oder per KI erstellen |
| HTML mit Formularfeldern | Eigenes HTML einbinden und Formularfelder per KI hinzufügen |
Erst prüfen, ob es ohne geht
HTML-Blöcke sind mächtig, aber aufwendiger zu pflegen als die vorgefertigten Blöcke: Sie werden von Umgestaltungen nicht mitgezogen und sind für Kollegen ohne HTML-Kenntnisse nicht änderbar.
Prüfen Sie zuerst, ob Layout-Blöcke mit Hintergrundfarbe und Border radius reichen.
HTML
Bearbeiten
Über HTML bearbeiten öffnet sich der Code-Editor mit HTML Code und Live Vorschau nebeneinander.
| Funktion | Wirkung |
|---|---|
| Mit KI generieren | Beschreiben statt schreiben |
| Vorherige HTML-Version wiederherstellen | Nimmt die letzte Erzeugung zurück |
| Höhe automatisch anpassen | Höhe folgt dem Inhalt |
Bei fehlerhaftem Code erscheint Vorschau-Fehler, bei fehlgeschlagener Erzeugung HTML konnte nicht generiert werden.
Mit KI arbeiten
Das Eingabefeld erwartet eine Beschreibung der gewünschten Änderung — etwa „Füge eine Fußzeile hinzu" oder „Mache die Karte responsiv".
Schrittweise vorgehen
Die KI ändert den vorhandenen Code. Kleine, klar formulierte Änderungen führen zu besseren Ergebnissen als eine lange Wunschliste.
Vorherige HTML-Version wiederherstellen nimmt genau einen Schritt zurück — bei wichtigen Zwischenständen kopieren Sie den Code besser heraus.
Vorlagenvariablen
Der Editor weist darauf hin: Verwenden Sie für Vorlagenvariablen. Beispiel:
Damit setzen Sie Werte aus dem Zusammenhang in den HTML-Code ein.
HTML mit Formularfeldern
Wie der HTML-Block, aber die enthaltenen Eingabefelder geben Daten zurück.
Felder brauchen ein name- oder id-Attribut
Der Editor warnt ausdrücklich:
Eingabefelder ohne name oder id werden nicht in die Flow-Payload aufgenommen. Fügen Sie jedem Eingabefeld, das übermittelt werden soll, ein name- oder id-Attribut hinzu.
Ohne eines der beiden Attribute geht der eingegebene Wert stillschweigend verloren — es gibt keine Fehlermeldung.
Übergabe prüfen
Über Flow-Formular-Payload Vorschau und Vorschau aktualisieren sehen Sie, welche Werte tatsächlich übergeben würden.
Vor dem Produktivgang immer prüfen
Diese Vorschau ist die einzige verlässliche Kontrolle, ob Ihre Felder ankommen. Fehlt eines darin, fehlt das name- oder id-Attribut.
Grenzen und Vorsicht
Was Sie beachten sollten
- Keine bedingte Anzeige innerhalb des HTML. Die bedingte Sichtbarkeit wirkt auf den Block als Ganzes, nicht auf Teile darin.
- Keine Validierung. Pflichtfeld-Prüfungen der normalen Eingabeblöcke greifen hier nicht.
- Gestaltung ist Ihre Sache. Der Block übernimmt nicht automatisch das Erscheinungsbild der Seite.
- Auf schmalen Bildschirmen prüfen. Feste Breiten brechen dort.
Keine vertraulichen Daten im Code
Der HTML-Code wird an Besucher ausgeliefert und ist im Browser einsehbar. Legen Sie dort keine Zugangsdaten, Schlüssel oder internen Adressen ab.
Wann welcher Block
| Ziel | Block |
|---|---|
| Gestalteter Text, Karten, Abstände | Layout-Blöcke |
| Externe Inhalte einbinden | Einbinden (iframe) |
| Eigene Optik ohne Eingabe | HTML |
| Eigene Optik mit Eingabefeldern | HTML mit Formularfeldern |
| Normale Datenerfassung | Eingabeblöcke |