The Submit button is the all-important button in your flow. Because only after your users click on it is a response triggered, and you have a new conversion. At the same time, the response handlers you have set up are triggered.
❗ Without a submit action in your flow, you won't be able to collect any information.
Adding the Submit Button
In the blocks tab, navigate to Buttons and drag the Submit Button into your heyflow
Adjust the settings such as navigation as needed
Just publish your heyflow and you’re good to go!
❗ If you add more than one submit button, you should be aware that each click triggers a new response. This may have an impact on your conversions and negatively influence your analytics data. In our Heyflow Analytics Dashboard, it will count as one submit, if a user submits multiple times in a single session.
❗ You should also place any relevant data entry before your Submit button, otherwise the entry will not appear in the response.
💡 Tip: Prevent duplicate responses by activating the Single submit option. To do this, go to the User Behavior tab in the Settings. This function only applies to one session, therefore users can submit a new response after reloading your flow.
Designing the Submit Button
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.
Tracking the Submit Button
By default, a form submission is already tracked as an event in most analytics integrations, such as Meta (Conversions API Pixel), Google Analytics 4, or Google Tag Manager. This means you generally don’t need to set up additional tracking for the submit button itself. Learn more about our DataLayer Events here.
However, if you still choose to track a submit button click as a separate event, keep in mind:
❗ 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.
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.
Edit Options
General
General
Navigation: Shows that the navigation is triggered when the flow is sent. If you want a different event to trigger the navigation, you should select a different button.
Next action: Select where the user should be navigated to when clicking on the button, such as next screen, to a specific screen, etc.
Spacing
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
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.
Button size: Change the size of the container, text, and icon simultaneously and choose between S, M and L.
Content align: Determine how the label text and icon are aligned within the button.
Show line 2: Add another line to give show more content on the button.
Reverse content: Flip the order of the text and icon within the button.
Fit width to content: Shrink the container to only the size of the text and icon.
Tracking
Tracking
Tracking activated: Send a tracking event when activated.