Skip to main content
Native Autocomplete

How to enable browser autofill in Heyflow

Heyflow avatar
Written by Heyflow
Updated over a week ago

In this article, you'll learn how to improve the conversion rate of your flow by using a browser autofill. Our native autocomplete feature not only makes it easier for users to insert their data but also reduces drop-offs on your contact screen!


Browser Autofill

Most browsers offer an autofill option. This feature is designed to automatically fill in commonly used information, such as names, (email) addresses, phone numbers, and payment details, into online forms.

By saving this data securely, autofill helps users complete forms more quickly and accurately, reducing the need to manually input repetitive details every time they visit a website.


How does it help?

Especially on a contact screen, users mostly need to insert a lot of data, which can result in high drop off rates on this particular screen.

With the autofill, the time spends on this screen is minimized, resulting in increased conversion rates of your flow.

Since the user does not have to think when inserting their information, we reduce the drop-off-rate. It also helps increase data quality by minimizing errors, since most users have their correct data stored in their browser.

πŸ”Ž A research by Chrome revealed that enabling autofill led to a 25% increase in form conversion rates.


Setup in Heyflow

You can find the native autocomplete function in the input field under Advanced, where you can insert the autocomplete attribute, e.g:

  • First name = given-name

  • Last name = family-name

  • Full name = name

  • Email = email

  • Phone = tel

  • ZIP or postal code = postal-code

You can find more information on the individual autocomplete attributes here.

As soon as the attributes are stored in the individual input fields, the browser can recognize them and fill them in automatically:

Did this answer your question?