Buttons are essential for navigation and interaction in your flow. They can be used to redirect users to external URLs, trigger validations, or guide visitors through different steps. Heyflow offers various button types tailored to different navigation needs, ensuring a seamless user experience.
Adding a button
In the blocks tab, navigate to Buttons and drag the desired button into your heyflow
Adjust the settings such as size or icon as needed
Just publish your heyflow and you’re good to go!
❗ Important: When you use multiple buttons on one screen, the last button on the screen will be triggered when clicking on enter (not including the Back button).
Designing Buttons
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.
Button Types
Type | Description |
Continue Button | The flow continues on to the following screen, when clicking on the button. |
Submit Button | This action submits the user's inputs to the Heyflow servers that then delivers it to you via the integrations. The submit button is usually used once at the end of the flow. See also submit. |
Back Button | The flow returns to the screen where the user came from (without validating the current screen). |
Link Button | The user is redirected to the specified URL when clicking the button. You can also add variables to the URL simply by typing in @{variable} which will be replaced by the variable's value. See Variables. |
Universal Button | This button can be used with all navigation actions. |
Navigation | A combination of a Continue and Back Button. |
❗ Without a submit action in your flow, you won't be able to collect any information. You should also be aware that the use of more than just one submit actions in your flow may lead to inconsistent and distorted data.
Tracking of Buttons
With Heyflow, you can track individual button clicks to gather valuable insights for your analytics and marketing tools. You can send these events to various platforms, such as Meta (Conversions API & Pixel), Google Analytics 4, or Google Tag Manager.
To set up tracking for buttons, go to the button's edit section, and open the Tracking tab in the left sidebar. Enable Tracking activated and enter an event name.
❗Custom Tracking of Submit Buttons:
When tracking a submit button click as an event, the event is triggered immediately upon clicking the button - not necessarily upon successful submission. If there are errors on the page (e.g., missing required inputs), the event is still sent, which can lead to discrepancies in conversion tracking.