Add forms directly to your page or pop-up using the form widget. Learn to connect integrations, filter spam opt-ins, and set up a follow-up for those that subscribe like a thank you page and lead magnet. The form widget is also included by default in Drag & Drop pop-ups.
Using the form widget
Name your form
First, make sure to name your form something unique to the page or pop-up you've created. The form name will default to the date and time it was created.
If you've got Lead Notifications set up on your form, this form name will be used in the subject line of your Lead Notifications emails.
Add an integration
Before editing your form widget's settings, the first thing you'll want to do is connect an integration where you would like to send your leads.
Add any other integrations you’d like, such as an email service provider like Drip or Mailchimp.
The form widget will only have a field for email by default. You can set it up with other fields as needed. Once it's placed on your page, you’ll want to:
- Hover over the form and click Edit Integrations (or click anywhere on the form to load the integration settings)
- Add any additional fields you’d like on your form.
To delete a field, click the trash can icon and then Delete. If you see a lock icon instead of a trash can, your field is marked as required. You’ll need to make the field optional in order to delete it (either in Leadpages’ settings, or in some cases, in the settings for whichever service the field is coming from).
Filter spam opt-ins
To make sure only the real, quality leads are getting to your email list, you can turn on Google reCAPTCHA to filter out spam opt-ins and any bots trying to get through to your list.
You'll need a Google account as well as Google reCAPTCHA keys that you create within Google to showcase reCAPTCHA on your Leadpages forms.
Custom fields (i.e. drop-downs, radio buttons)
You may may be looking to add more than simply text fields to your form in Leadpages. In order to do so, you must integrate your form with an email service provider that provides the field you're looking to add, such as drop-downs, radio buttons, checkboxes etc.
Some examples of services Leadpages integrates with that offer custom form fields:
Once you've added the custom form field in your email service provider and your page is integrated with that service, you'll see that field available within the form widget's settings.
For example, here's a form widget integrated with a Mailchimp list that has a drop-down custom field:
You can customize your fields within our builder in many ways, including:
- making a field required/not required
- hiding a field
- setting a default value for a field
- changing a field’s label and placeholder text
- adjusting drop-down field choice labels
To access these settings, click the name of the field you’d like to change. Any settings for it will appear in the left-hand sidebar. When you’re finished adjusting the field, be sure to click Done to save your changes.
To change the order in which your fields appear, open your form settings by clicking on any field. Then, use the up and down arrows in the sidebar to change how your fields appear, as shown below.
Under ③ ACTIONS you can choose where you'd like to send your visitors after they opt in to your form widget as well as attach a lead magnet.
We have a resource for each of these actions here:
You can adjust the font, size, color and adjust the label (inside or outside the field) under the menu, as seen here:
You can also adjust the style, text and color of the submit button by clicking on it, and then going into the menu, as seen here:
For more details on customizing your form’s submit button, please see our button widget article.
Tips and Frequently Asked Questions
How can I pre-populate or set default values for my form fields?
You can access a field's pre-population or default value settings by clicking the downwards facing arrow next to the field name, as shown below:
How do I turn the country code selector off for my form's phone field?
To turn off the country code selector on a phone number form field, open the field's options in the form settings and toggle "Display country code selection" to the OFF position.
The country code selector will always default to the United States.
What’s the difference between a field’s placeholder text and its label?
The field label is like the field’s title or name, while placeholder text is what shows up in the field before a user’s input. For instance, a field could have the label of “Name”, and placeholder text of “First and last, please!” Please note, however, if labels are set to Inside, they will override placeholder text.
Why don’t I see extra form fields like radio buttons, drop-down menus, etc.?
You can add certain text fields through Lead Notifications to your form. Any other fields will need to be set up in your email service provider, and imported into your form as shown above.
Why can’t I delete a field?
If you don’t see the trash can icon to delete a form field, the field is set to required. You can click into the field options and try un-checking the Visitor must fill out this field checkbox. If you’re unable to do so, you may need to set the field as not required from within your ESP.
Is the HTML Copy/Paste option gone?
We no longer have the HTML Copy/Paste integration included in forms, but you can paste your third-party form code into the HTML widget.
Why did you decide to bring one-step opt-in forms back?
While we’ve seen the two-step opt-in process increase conversion rates in many cases, not all pages are created equal! We understand there are situations when you might want to use a single-step opt-in form, so we’ve included the option again. If you’d like to use a two-step process, simply create a button widget and link it to a pop-up.
Need more help?
You can always get in touch with our support team—just click help_circle in the top-right corner of your Leadpages dashboard, or submit a ticket ↗