Skip to main content

Add a Lead Capture Form to Your Landing Page

Madsen, Amanda
Updated

Why Add Forms to Your Landing Page

Every landing page you build is an opportunity to turn visitors into leads if you have a way to capture their information. Adding a form to your landing page lets you collect contact details from anyone who visits, and automatically saves them to your CRM so no lead falls through the cracks. If you're running multiple campaigns or promoting different offers on the same page, you can add more than one form and use tags to segment contacts based on which form they filled out. Those tags can then trigger automations, including follow-up emails, text messages, or internal tasks. Then, your follow-through happens without any extra effort on your end.

How to Add a Form to Your Landing Page

 
To edit your landing pages, first click on Marketing in your left-hand navigation, then click on Landing Pages. 
1940C62B-8A27-4361-8587-B5F8B28D7C06.png
 
You can add one or more forms to a landing page to collect leads.
  1. Drag the form widget onto the template
    Addform1.png
  2. In the panel on the right-side of the page, you can configure the fields and the look and feel of the form.
    Addform2.png
  3. If this landing page has multiple purposes, you can add more capture forms.

  4. You can apply a tag when someone fills out a specific form by using the Apply Tag option. This comes in handy when you use multiple forms and want to segment them based on which form or forms they filled out. You can also create a tag on-the-fly. And with the power of automation, you can also create an Easy or Advanced automation based on a tag applied to their contact record!
    Addform3.png
    Addform4.png

    Pro Tip: Landing page not submitting? When using the State field you will need to also include the Country field in your form in order for it to submit.

Changing the padding on forms can cause formatting issues with the mobile version, especially when changing the left padding. When going higher in px, it causes the formatting of the form to be off-center of the landing page in the mobile version. It does not do this in the desktop version. The form element is the only element affected by this.

This is not a defect. The average mobile screen sizes differs from 350-450px based upon the device company and brand. Therefore, if you give 400px as left-padding to any element it will be outside the screen view. Even though the element will still exist on phones screens you just need to scroll to the left and see that element.

 

Addform5.png

Related articles

Comments

0 comments

Please sign in to leave a comment.