Adding the image block
In the blocks tab, navigate to display and drag the image block into your heyflow
Upload your image and crop it if needed
Adjust the settings such as alt label and size or enable a link to redirect to a different URL
Just publish your heyflow, and you’re good to go!
💡 Tip: For a better flow performance, upload your image in a compressed format, without loosing quality. There are numerous online image compressors available!
❗ When uploading a GIF, make sure to upload it as original and not cropped.
Edit Options
General
General
Alt label: Images should always have an 'alt' (alternative) text that is displayed when the image is not loaded.
Enable link: Specify whether clicking on the image should redirect to a website.
URL: Enter the URL of the website to which you want to be redirected.
Open in...: Specify whether a new window should be opened for forwarding or whether the same window should be used.
Remove empty variables: If a variable in the URL of the redirect has no value, you can remove it from the URL, including the preceding '&word='.
Spacing
Spacing
Width: You can use this to adjust the maximum spread of the block and choose between S, M, L and maximum width.
Top, Bottom, Left and Right: You can use these options to set the distance to all sides. To do this, either use the slider or specify the exact number of pixels.
Appearance
Appearance
Visibility: Here you can select whether the block is only displayed in the mobile or desktop version or whether it is hidden completely.
Background colour: You can select a colour to be used as the background for the block.
Corner radius: Set the rounding of the corners of your image using the slider or the exact number of pixels.
Size: Adjust scale of image.
❗ You can only adjust alignment of an image after scaling it down from 100%.