Adding custom fields to your Forms and Landing Pages is easy.
Here's how.
NOTE: For this tutorial, we'll be using a Form as a demo, but this process is the same across all of our Form and Landing Page templates.
1. Add a new Form field
Open your Form in the Form builder, and then click the plus (+) sign to create a new field.
Currently, this is just a blank field not connected to anything. It needs to be configured further, which brings us to our next steps.
2. Click your newly-created field
Once you click the field, the Form builder sidebar updates to reveal the custom field settings.
3. Configure your custom field
Let's go over how you can use each sidebar setting to configure your custom field:
Save as
Select whether this is a custom field or a Tag. For this tutorial, select Custom Field.
NOTE: If you're interested in learning more about the tagging options available for opt-ins, we have a separate tutorial on this here.
Custom field
Choose the custom field you want to connect to this Form field by searching for it in the dropdown menu or typing its name into the box.
If the custom field doesn't already exist in your account, you have the option of typing its name to create it on the spot.
You'll notice first name is also an option even though it's a default field.
That's because you have the option to remove it from your Form. Then, if you do, and you change your mind, you can re-add it using the dropdown menu.
Custom field label
This is the placeholder text that subscribers will see on the input field before they fill it out.
Our system will automatically populate the custom field's name here, and in many cases, it's fine to leave it as is.
But you have the option to change it in situations like these:
You want the custom field's name to remain internal information
You want your subscribers to see a different label/prompt on the Form.
Required checkbox
Check this box if this custom field must be filled out for the subscriber to submit the Form. Leave it unchecked if it's optional.
Delete field
Click this button to delete this field from your Form. This won't delete the custom field from your account entirely, but just its input field on this Form.
NOTE: The email address field is mandatory for your opt-ins. As a result, it has fewer configurations available in its sidebar settings:
Namely, you can't map it to a different field or uncheck the required checkbox for it. Nor can you delete it from your Form, like you can for custom fields.
If you get an error when submitting the Form, check that you haven't labeled the email address field as a custom field.
Font color, border color, and font weight
Use these settings to adjust the field's visual styles.
3. Optional: Rearrange your Form fields
Easily rearrange your Form's fields by dragging and dropping them:
4. Publish your Form
That's it! Once you've configured everything to your liking, publish your Form, and you're good to go.
Having trouble? Check out our troubleshooting guide below: