Dieser Block kombiniert zwei leistungsstarke Blöcke, um dir ein abwechslungsreiches Erscheinungsbild deines Flows und vielfältige Gestaltungsmöglichkeiten zu bieten. Du kannst ein Bild deiner Wahl einfügen und ihm einen aussagekräftigen Text hinzufügen. Auf der Registerkarte "Bearbeiten" hast du viele Möglichkeiten, die Proportionen der beiden Blöcke zu gestalten und das Gesamtbild des Blocks zu verändern.
💡 Tipp: Du kannst das gleiche Ergebnis mit unserem Container-Block und einem Bild- und Textblock erzielen.
Hinzufügen des Text + Bild Blocks
Im Tab Blöcke gehe zu Anzeige und ziehe den Text + Bild Block in deinen Flow.
Lade dein Bild hoch und schneide es gegebenenfalls zu.
Füge einen aussagekräftigen Text hinzu, der das Bild gegebenenfalls ergänzt.
Passe die Einstellungen wie Text-Bild-Aufteilung, Bild-Ecken-Rundung oder Bild 'Alt' Label an. Weitere Bearbeitungsoptionen findest du hier.
Publiziere deinen Flow und schon bist du startklar!
Hinzufügen von Bildern aus der Bildbibliothek
Die Bildbibliothek von Heyflow beschleunigt deinen Workflow, indem sie dir ermöglicht, deine Bilder über mehrere Flows hinweg zu verwalten und wiederzuverwenden, sodass du dasselbe Bild nicht mehrmals hochladen musst.
Klicke einfach auf „Aus Bibliothek wählen“, um deine verfügbaren Bilder zu durchsuchen und auszuwählen. Hier erfährst du mehr über die Bildbibliothek.
Bearbeitungsoptionen
Abstand
Abstand
Breite: Hierüber kannst du die maximale Ausbreitung des Blockes anpassen und zwischen S, M, L und maximaler Breite auswählen.
Oben, Unten, Links & Rechts: Über diese Optionen kannst du den Abstand zu allen Seiten festlegen. Verwende hierzu entweder den Schieberegler oder lege die genaue Pixelanzahl fest.
Aussehen
Aussehen
Sichtbarkeit: Hierüber kannst du auswählen, ob der Block nur in der mobilen bzw. Desktop Version angezeigt wird oder diesen gänzlich verstecken.
Hintergrundfarbe: Du kannst du eine Farbe auswählen, die als Hintergrund für den Block genutzt wird.
Text-Bild Aufteilung: Dieses Verhältnis definiert die Größe des Bildes im Verhältnis zur Texteinheit.
Vertikal ausrichten: Anordnung der Blöcke in Bezug auf die vertikale Mitte des Blocks. Nur bei breiten Bildschirmen anwendbar.
Horizontaler Abstand: Passe den Abstand zwischen Text und Bild an, wenn diese in einer Zeile angezeigt werden.
Vertikaler Abstand: Passe den Abstand zwischen Text und Bild an, wenn diese in einer Spalte angezeigt werden.
Bild Ecken-Rundung: Lege die Abrundung der Ecken deines Bildes mithilfe des Schiebereglers oder der genauen Anzahl von Pixeln fest.
Bild vertikal versetzen: Verschiebe das Bild nach unten, um es manuell an der Texteinheit des Blocks auszurichten.
Text nach links auf weiten Bildschirmen: Aktiviere diese Option, wenn dein Text auf der linken Seite des Blocks angezeigt werden soll, falls das Gerät des Benutzers einen breiten Bildschirm hat.
System
System
Bild 'Alt' Label: Bilder sollten immer einen „Alt“-Text (Alternativtext) haben, der angezeigt wird, wenn das Bild nicht geladen werden kann.