ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Drag and Drop Standard Builder Integrations Center

The Form Widget

Add forms directly to your page using the form widget. This is a great alternative to using a button to link to your form. The form widget is also included by default in Drag & Drop Leadboxes

In this article:

Using the Form Widget

    Adding form fields

    Changing form field settings

    Reordering fields

Customization and styling details

Tips and FAQs 

Using the Form Widget

Adding and deleting form fields

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: 

  1. Click on the email field to load up the integration settings
  2. Add any additional fields you’d like on your form. 
NOTE: With the exception of Lead Notifications, the available fields here are pulled from your integration, so if you're missing a field you’d like to see, be sure to add it to your form in your email service provider.

Add any other integrations you’d like, such as an email service provider like MailChimp. 

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).

Changing form field settings

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. 

In the example above, you can see how we’ve changed the email field’s placeholder text.

TIP: If a field is marked as required within your integrated service, you’ll need to reconfigure it from that service—Leadpages cannot override required fields. For more information on using pre-population and hidden fields, check out: How to Pre-Populate Fields.

Reordering fields

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. 

Customization and Styling Details

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:

 

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. 

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 workaround 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 Leadbox. 

 

(Updated 07/25/16)


Please let us know if you have additional questions!

We’re here to help. If you run into any issues or just have additional questions, please contact our support team. You can also create a ticket by clicking the ? in the top right corner of your Leadpages dashboard. 

Was this article helpful?
1 out of 5 found this helpful
Powered by Zendesk