Select block

Give users a drop-down menu of predefined options to scroll through with the select block.

Heyflow avatar
Written by Heyflow
Updated over a week ago

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.

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

Adding the select block

  1. Go to the blocks section and drag and drop the select block into your heyflow

  2. Add the options you would like to show in the drop-down menu

  3. Add a system label to make sure you are processing the data in a meaningful way

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


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.

Did this answer your question?