Zum Hauptinhalt springen
Bild-Block

Füge Bilder oder GIFs in deinem Flow hinzu und speichere sie in deiner Bilderbibliothek

Heyflow avatar
Verfasst von Heyflow
Vor über einem Monat aktualisiert

Heyflow bietet dir eine Vielzahl an Design-Optionen, um deinen Flow exakt nach deinen Wünschen und Use Case zu gestalten. Der Bild-Block ist hierbei einer der wichtigsten Blöcke, um deine Marke zu repräsentieren oder User zu erreichen und vor allem einen bleibenden Eindruck zu hinterlassen.

💡Wir unterstützen fast alle Bildformate mit einem Dateilimit von 12 MB.


Hinzufügen des Bild-Blocks

  1. Im Tab Blöcke gehe zu Anzeige und ziehe den Bild-Block in deinen Heyflow

  2. Lade dein Bild hoch und schneide es gegebenenfalls zu.

  3. Passe die Einstellungen wie Alt Label und Größe nach Bedarf an

  4. Publiziere deinen heyflow und schon bist du startklar!

💡 Tipp: Um eine bessere Flow-Performance zu gewährleisten, lade dein Bild in einem komprimierten Format hoch, ohne dabei an Qualität zu verlieren. Es gibt zahlreiche Online-Bildkomprimierungstools!

❗ Wenn du ein GIF hochlädst, lade es als Original hoch und schneide es nicht zu.


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

Allgemein

  • Alt Label: Bilder sollten immer ein 'alt' (alternativ) Text haben, der angezeigt wird, wenn das Bild nicht geladen werden kann.

  • Verlinkung aktivieren: Lege fest, ob der Klick auf das Bild zu einer Webseite weiterleiten soll.

  • URL: Füge hier die URL der Webseite ein, auf die weitergeleitet werden soll.

  • Öffnen in...: Lege fest, ob für die Weiterleitung ein neues Fenster geöffnet werden soll, oder das selbe Fenster verwendet werden soll.

  • Leere Variablen entfernen: Sollte eine Variable in der URL der Weiterleitung keine Wert haben, kannst du sie aus der URL entfernen, einschließlich des vorangestellten '&wort='.

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 und Rechts: Über diese Optionen kannst du den Abstand zu allen Seiten festlegen. Verwende hierzu entweder den Schieberegler oder lege die genaue Pixelanzahl fest.

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.

  • Eckenrundung: Lege per Schieberegler oder mit genauer Pixelanzahl die Abrundung der Ecken deines Bildes fest.

  • Größe: Stelle die Skalierung des Bildes ein.

Hat dies deine Frage beantwortet?