Editing Pre fill fields

```mediawiki
'''Navigation:''' [[Main_Page]] > [[Forms]] > [[ActiveCampaign Forms]] > How to pre-fill fields on your ActiveCampaign form

= How to pre-fill fields on your ActiveCampaign form =

== Introduction ==
Pre-filling fields on your ActiveCampaign form allows you to automatically populate information for known contacts based on data already stored in your account. This feature improves the user experience by decreasing the amount of information the user has to enter manually. By appending a query parameter to the webpage or form URL, you can streamline the submission process for your users, leading to higher conversion rates and improved data accuracy.

This article provides a comprehensive guide on how to pre-fill form fields, the steps to implement this feature, and best practices to ensure optimal use.

== How to access this feature ==
To access and utilize field pre-population, you need to navigate through your ActiveCampaign account. Here's how to find the relevant settings:

1. Log in to your ActiveCampaign account.
2. Click on **Contacts** in the left menu.
3. Select **Fields** to view a list of all standard and custom contact fields, including their personalization tags.

== Step-by-step instructions ==
Pre-filling form fields involves three primary steps. Follow the instructions below to successfully create your query string and update your URL.

=== Step 1: Identify form fields and personalization tags ===
In the **Fields** section, you will see both standard and custom fields. Each field has an associated '''personalization tag'''. For instance, to pre-fill a first name and an email address, you would identify the following tags:
- First Name field: %FIRSTNAME%
- Email Address field: %EMAIL%

Make sure to copy these personalization tags for the fields you would like to pre-fill.

=== Step 2: Create the query string ===
The query string to pre-fill fields follows a specific format. Each field you wish to autofill will need to be defined as follows:
- For a single field: 
  ''?fieldname=%PERSONALIZATION-TAG%''
  
- For multiple fields, use the ampersand (&) to separate each entry:
  ''?fieldname=%PERSONALIZATION-TAG%&fieldname=%PERSONALIZATION-TAG%''
  
Continuing with our example, for the first name and email address:
''?firstname=%FIRSTNAME%&email=%EMAIL%''

=== Step 3: Append your webpage or form URL with the query string ===
After you create your designated query string, the next step is to append it to the URL you will be using. Below are the guidelines for both webpage and form URLs:

*Webpage URL*
- This method will work for any form type.
- Work with your web host provider to add the query string to the end of your webpage URL. 
- An example of a full webpage URL may look like this:
  ''www.activecampaign.com/support?firstname=%FIRSTNAME%&email=%EMAIL%''

*Form URL*
- This method is applicable only for inline forms.
- You can use the query string in the form's URL path and share it accordingly.
- To retrieve the Form's link, follow these steps:
  1. Click on **Website** > **Forms**.
  2. Select the specific form.
  3. Click the **Integrate** button.
  4. Go to the **Link** tab.
  
The final URL may resemble this:
''https://youracaccountname.activehosted.com/f/213?email=%EMAIL%''

With the query string added, share the form link wherever necessary.

== Configuration options and settings ==
When pre-filling fields, the following field types are supported:
- '''Text input''' — e.g., fieldname=YourTextHere
- '''Text area''' — e.g., fieldname=YourTextHere
- '''Date''' — e.g., fieldname=YYYY-MM-DD
- '''Date Time''' — e.g., fieldname=YYYY-MM-DD&fieldname_time=HH-MM-SS
- '''Hidden''' fields

=== Advanced: Use JavaScript to pre-fill single and multi-select fields ===
For advanced users familiar with coding, you can use JavaScript to pre-select answers for checkbox and dropdown field types. This code must be integrated into the source code of your webpage.

Here's a quick overview of how it works:
1. Use the '''window.onload''' method.
2. Select radio buttons or dropdowns using '''document.querySelector()'''.

Example to auto-select a specific radio button:
```javascript
<script>
window.onload = () => {
    document.querySelector('input[value="blue"]').checked = true;
}
</script>
```

Example to auto-select a dropdown option:
```javascript
<script>
window.onload = () => {
    document.querySelector('[id="food"]')[2].selected = true;
}
</script>
```

== Best practices and tips ==
- Always test your query strings to ensure that the fields are pre-filling correctly before sharing URLs publicly.
- Make sure to consult your web host if you are unfamiliar with how to append query strings to URLs.
- Remember that users can edit any pre-filled information within the form for accuracy.
- Ensure that your use of pre-filled fields complies with privacy regulations, especially regarding personal data.

== Common use cases with examples ==
- **Event Registration**: Automatically inputting known participants' names and email addresses to simplify the registration process.
- **Feedback Forms**: Pre-filling responses for customers who recently interacted with your business to obtain more relevant feedback.
- **Subscriptions**: Using pre-filled fields for known customers to expedite their subscription renewal forms.

== Troubleshooting ==
If your pre-filled fields are not showing the correct data:
- Confirm that the personalization tags were copied correctly and match the field names on your form.
- Ensure that the URLs are formatted correctly, particularly the query string syntax.
- Check that the query string is supported on the webpage or form being used.

== FAQ ==
=== 1. Can I pre-fill fields for landing pages? ===
No, ActiveCampaign landing pages do not support query parameters for pre-filling fields.

=== 2. Are preference center forms compatible with pre-filling? ===
No, preference center forms automatically pre-fill email addresses and list subscriptions.

=== 3. Can contacts edit pre-filled information in the form? ===
Yes, contacts can modify any pre-filled information before submission.

=== 4. How can I troubleshoot issues with my query string? ===
Verify that the personalization tags are correct and that the syntax of your query string adheres to the specified format.

=== 5. Which field types can I use for pre-filling? ===
You can pre-fill fields for text inputs, text areas, dates, date times, and hidden fields.

=== 6. Is there any support from the ActiveCampaign Customer Experience Team for implementing JavaScript? ===
No, the ActiveCampaign Customer Experience Team does not provide support for any custom code added to web pages.

=== 7. How do I share a pre-filled form link? ===
After appending the query string to your form URL, you can share it through email, social media, or embed it on your website.

For further assistance, refer to additional documentation in [[ActiveCampaign Forms]].
```