Building Blocks

Tutorials, tips and tricks regarding any building blocks.

Nazz Mohammad avatar Bendix Beyer avatar
22 articles in this collection
Written by Nazz Mohammad and Bendix Beyer

Text

Use the text block to add small bodies of text and add different styles.
Bendix Beyer avatar
Written by Bendix Beyer
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.
Bendix Beyer avatar
Written by Bendix Beyer
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.
Bendix Beyer avatar
Written by Bendix Beyer
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.
Bendix Beyer avatar
Written by Bendix Beyer
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.
Bendix Beyer avatar
Written by Bendix Beyer
Updated over a week ago

Textarea

Textarea is used to create a place for visitors to leave comments or messages
Bendix Beyer avatar
Written by Bendix Beyer
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.
Bendix Beyer avatar
Written by Bendix Beyer
Updated over a week ago

Select

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

Scale

Use the scale to present people with a visual way to rate something.
Bendix Beyer avatar
Written by Bendix Beyer
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!
Bendix Beyer avatar
Written by Bendix Beyer
Updated over a week ago

Range Slider

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

Upload

Allow users to upload files that you can then retrieve with the Upload building block.
Bendix Beyer avatar
Written by Bendix Beyer
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:
Bendix Beyer avatar
Written by Bendix Beyer
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.
Bendix Beyer avatar
Written by Bendix Beyer
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.
Bendix Beyer avatar
Written by Bendix Beyer
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
Bendix Beyer avatar
Written by Bendix Beyer
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.
Bendix Beyer avatar
Written by Bendix Beyer
Updated over a week ago

Progress

By using the progress block you can let people know how far they have advanced in the clickflow.
Bendix Beyer avatar
Written by Bendix Beyer
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.
Bendix Beyer avatar
Written by Bendix Beyer
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.
Nazz Mohammad avatar
Written by Nazz Mohammad
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.
Bendix Beyer avatar
Written by Bendix Beyer
Updated over a week ago

Separator

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