Alle Kollektionen
Blöcke
Anzeige
Bild-Block
Bild-Block

Wenn du deinen Flow optisch ansprechender gestalten willst, bietet der Bild-Block eine gute Möglichkeit, ihn aufzupeppen.

Heyflow avatar
Verfasst von Heyflow
Vor über einer Woche 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.

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.

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 Ihre Frage beantwortet?