How can I automatically fill the form fields with data of my contacts?
Anastasiia Iakymchuk
Last Update 2 bulan yang lalu
To make form completion as quick and seamless as possible, you can automatically fill in certain fields with a contact’s existing information. By adding query strings to the form URL, contact details—such as name, email, or address—will be pre-filled when the form loads. This method also works for hidden form fields, ensuring a smoother user experience.
- Key considerations
- How pre-filling form fields work
- Step-by-step guide to auto-populating forms
- Practical applications & use cases
Key considerations
Before implementing automatic form field population, consider the following:
- Editable fields – Contacts have the option to modify pre-filled information if needed.
- Unique query strings – Each query string in the URL will be tailored to populate the specific form fields you choose.
- Landing page limitation – This feature cannot be used on landing pages, as query strings are not supported there.
To set this up, you only need to determine:
- Which field(s) you want to auto-fill
- The corresponding personalization tag associated with each field
Once you've identified the fields and their personalization tags, create a query string and attach it to the form URL. When an existing contact accesses the form, their personal information will be automatically pre-filled in the designated fields. This simplifies the form completion process, reducing effort and boosting conversion rates.
You can auto-fill form fields for existing contacts using query strings, streamlining the form completion process. This method works for text input, text area, date, date and time, and hidden fields.
Step 1: Identify form fields & personalization tags
To begin, you’ll need to find the personalization tags for the fields you want to auto-fill. You can find them by going to "Contacts" and click on "Fields" to view all standard and custom fields. Copy the personalization tag for each field you want to pre-fill and save it for reference.
Example: If you want to pre-fill the First Name and Email fields, their corresponding tags would be:
- First Name: %FIRSTNAME%
- Email: %EMAIL%
Step 2: Create the query string
A query string is additional information added to the end of a URL to trigger a specific action—such as pre-filling form fields for existing contacts. To create a query string, use the following string format:
?fieldname=%PERSONALIZATION-TAG%
In case if you want to prefill multiple fields, use this alternative format:
?fieldname=%PERSONALIZATION-TAG%&fieldname=%PERSONALIZATION-TAG%
If you're unsure how to apply it, here's an example of a pre-filled query string that populates the first name and email fields:
?firstname=%FIRSTNAME%&email=%EMAIL%
Step 3: Add the query string to the form URL
Once you've added the query string to your form’s URL, you can share and use it just like any other form—with the added benefit of auto-filling contact details for a seamless experience.
Once your query string is ready, simply append it to the end of your form’s URL. Keep in mind:
- This feature only works with the "Inline Form" style.
- The way you share your form remains the same—just use the updated URL with the query string.
To retrieve your form URL, follow these steps:
- Click on "Website" in the Marketune navigation bar.
- Find the form you want to use and click "Edit."
- In the form designer, click "Integrate" in the top-right corner.
- Go to the "Link" tab to copy your form’s direct URL.
5. Add your query string to complete the URL.
Once the query string is added to your form's URL, you can share and use the form just like any other—with the added benefit of auto-filling contact details for a seamless experience.