Loader

A loader is often used to give the user the impression that information is processed in the background or before they are directed elsewhere

Heyflow avatar
Written by Heyflow
Updated over a week ago

Add a loader to your heyflow that redirects the user automatically elsewhere, even with a custom animation.

Adding the loader block

  1. In the blocks tab, navigate to “navigation” and drag the laoder block into your heyflow

  2. Adjust the settings such as wait time and navigation as needed

  3. Just publish your heyflow and you’re good to go!

[video-to-gif output image]

Edit Options

General

  • Disabled: While editing, disable the post-animation action.

  • Wait time in seconds: Insert your desired wait time in seconds until the user is automatically redirected elsewhere.

  • Navigation: Designate where the user is redirected after the loader animation.

Spacing

  • 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

  • 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.

  • Custom visual: Upload your own, custom animation.

Did this answer your question?