Building Blocks

Tutorials, tips and tricks regarding any building blocks.

Dustin Jaacks avatar
22 articles in this collection
Written by Dustin Jaacks

Text

Use the text block to add small bodies of text and add different styles.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Headline

Use the headline block to deliver the core message of your screen. A header might include a question or a short description.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Picture Choice

This block is similar to Multiple Choice but provides you with the option to make it more intuitive by adding images to an answer.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Multiple Choice

With the multiple choice block you are able to provide a range of predefined answers to your questions.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Input Field

The Input Field is the right option if you need a written answer from people. This could be things such as name, address or job title.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Textarea

Textarea is used to create a place for visitors to leave comments or messages
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Simple Checkbox

If you want to provide people the option to give their consent by ticking a box, the simple checkbox is the right building block to use.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Select

Give users a drop-down menu of predefined options to scroll through with the select block.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Scale

Use the scale to present people with a visual way to rate something.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Icon Rating

Similar to the scale, the icon rating is well suited to rate anything. Heyflow offers you to choose between a variety of icons!
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Range Slider

The slider provides people with the opportunity to quickly choose a numerical value from a predefined range.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Upload

Allow users to upload files that you can then retrieve with the Upload building block.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Button

A button provides you with the opportunity to link to various sections within the flow. You can choose between different actions:
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Submit

[Variation of Button block]This block submits the user's inputs to the Heyflow servers that then delivers it to you via the integrations.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Navigation

Styled like a button, the navigation block allows the user to move back and forth within the same navigation element.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

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
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

List

Whether you want to point out your Selling Points or visualize the next steps in the process, with the List block you can do exactly that.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Progress

By using the progress block you can let people know how far they have advanced in the clickflow.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Image

If you want to make your flow visually more appealing the image block offers one opportunity to spice it up.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Adding Videos

Heyflow offers not only the possibility to integrate your favorite images into your flow, but also the option to embed videos.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Container

The Container block allows you to place several building blocks side by side and combine them within one element.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago

Separator

With the separator, you can determine the spacing between different building blocks.
Dustin Jaacks avatar
Written by Dustin Jaacks
Updated over a week ago