Add a loader to your heyflow that redirects the user automatically elsewhere, even with a custom loader animation.
Adding the loader block
In the blocks tab, navigate to “navigation” and drag the laoder block into your heyflow
Adjust the settings such as wait time and navigation as needed
Just publish your heyflow and you’re good to go!
![[video-to-gif output image]](https://heyflow.intercom-attachments-1.com/i/o/847418436/eab2711cd6e9d604da12f4f6/ezgif-3-71efce443f.gif?expires=1743531300&signature=e35e5e90cd070548c97ffad018827578fbcaf619d7cb5bb2258f401f864cf844&req=fCQgEsh2mYJZFb4f3HP0gMp79johMFTCeBlWkBqeZ2IUbJB1KVv16RaaUGNq%0Ac%2BDcDxEyImWXRnu5%2Bg%3D%3D%0A)
Custom loader animation
You can also add your own animation visual. Simply upload e.g. a GIF in the loader block. We recommend uploading a GIF with an infinite loop.
Edit Options
General
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
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
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.