Our Select Block equips you with a classic drop-down menu where you can offer a larger number of options, if needed.

❗Note: We found that it's better for conversation to display few options with a Multiple Choice, so users can see all the available options on first-sight. You might lose valuable conversions when you hide too many options in a drop-down menu. Sometimes, however, select is exactly what you need.

Adding the Select Block

Go to the blocks section and drag and drop the select block into your heyflow
Add the options you would like to show in the drop-down menu
Add a system label to make sure you are processing the data in a meaningful way
Now publish your heyflow and you’re good to go!

You can drag and drop the different options if you want to change the order of the options or simply choose to sort the different options alphabetically. A preselected option could also be a good idea, if your users are likely to have one favourite option.

❗ For this input block, our Conditional Logic is not available. If you want to use a logic, please use our Picture Choice or Multiple Choice block.

Designing the Select Block

There are multiple ways to adjust the block even more than described above. Just head to the Design tab and start working on the Presets. In some plans, you can dive even deeper into all spheres of design & look. When working on the presets, you can head to the Styles section on top and start editing every little detail of each section.

Edit Options

General

Sensitive: If activated, the values are not saved in our database (more information here).
Required: If activated, your users must make a selection before they can continue clicking in the flow.
Sort alphabetically: Order options in alphabetical order.
Reverse order: Flip the order that the options appear.

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

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.

Labels & Variables

System label: Specify a system label for the block.
Variable: See Variable.
Set system label for...: Set a system label for each previously defined option.