Use a Link Button to guide your users exactly where you want them to go, whether that’s an external website, a landing page, or a resource for more information. It’s perfect for creating clear call-to-actions or sharing helpful links.

After clicking on a building block, you’ll find the Content section on the right. Under Label, you can set a custom text for your button. You also have the option to change the button’s icon or remove it completely.

By enabling Show description, you can add additional text that will appear just below the button’s label. This is useful for providing more context or guidance to users interacting with your flow.

After clicking on a building block, you’ll find the Settings section on the right. This is where you can customize the block’s options, appearance, and behavior to tailor it perfectly to your flow.

Control key settings for the block, including choosing under Navigation what happens when a user clicks a button:

When you enable No validation, all required blocks on this page will be ignored. This means users can continue without filling in the mandatory fields.

Select a background color for the block.

You can also choose the button size from S, M, or L, and align the button together with its icon to the left, center, right, or across the whole width. If you’re using a description, you can also align it to the left, center, or right.

Additionally, you can enable Reverse content to switch the order of the label and icon, or activate Fit width to content, so the button only takes up as much space as it needs.

Set the block’s Default Visibility to show only on mobile, desktop, or hide it completely. Alternatively, you can set up a Conditional Visibility. This lets you decide based on which rules a block should appear.

Control the block’s layout by adjusting its width (S, M, L, or maximum) and setting the block's padding from the top, bottom, left, and right.

If Tracking is activated for that block, you can give your button an event name that will be sent to your connected tracking tools. You can find more information about tracking here.

After clicking on a building block, you’ll find the Design section on the right. You can quickly apply a preset style tailored to that block type. Also, customize colors, fonts, and spacing to match your flow.

When you apply a design to one block type, it automatically updates all blocks of that type across your flow. This keeps your design consistent, clean, and easy to maintain without styling each block manually.

Also see Heyflow's other design options to individualize your flow and building blocks even more:

The Scroll to Top and Scroll to Block navigation options let you control where the page scrolls when a visitor clicks a Universal Button or Link Button. This is useful for guiding attention, improving navigation on longer pages, or letting users quickly jump back to the top.

In the button's Navigation settings, open the action dropdown and choose either Scroll to Top or Scroll to Block.

Scroll to Top

Scrolls the visitor back to the top of the current page. After selecting it, you only need to choose one thing:

Scroll to Block

Scrolls the visitor to a specific block on the current page. You have three options to configure:

That's all there is to it! Once configured, clicking the button will scroll the visitor exactly where you want them.