LeadSites offer many opportunities to capture leads using the forms in Smart Pop Ups, Squeeze pages, LeadLock, and Instafarm pages, but sometimes the premade forms don't have all the options you want. For that, we have FormBuilder.

FormBuilder allows you to customize your own lead capture form with whatever data you want to collect. You can then assign each field to a CRM field for easy organization. Once your form is complete, embed it on a custom page to collect all the exact data you want from your leads!

Start by logging into your LeadSite's dashboard and navigating to the FormBuilder app in the Lead Capture Apps section of the Apps tab:

From the main menu, you can either create a New Form or choose to Edit, Duplicate, or Delete an existing form.

Start by choosing a Title you can identify your form by.

After that, you have the option to choose the form's Path, color, font, redirect URL (a page where your leads will be sent after submitting the form), and success message. Though none of these are required, they will help you characterize and utilize the form.

When you create a New Form, it will start out looking something like this, with First Name, Last Name, Email, a Submit button, login buttons for Google and Facebook, an Add Field ＋ button, and a Save button.

Hovering over any of these boxes will reveal a toolbar. NOTE: Not all tools are available or active for every field type.

• will align the Label or Submit button to the left
• will align the Label or Submit button to the center
• will stretch the Submit button to fill the length of the field
• will remove the section

• will allow you to edit the section

• click and drag to move the section to another area

You can click the ⌟ icon in the lower-right corner of any section to change its size.

First Name, Last Name, and Email are required fields and cannot be removed.

Add a Field

Click the Add Field ＋ button and then click the Select Field Type dropdown menu to select the type of field you want to add.

The next few steps will be the same for almost every available field:

• LABEL: This is how you will ask for the information. It will appear in all capital letters above the field.
• PLACEHOLDER: You can add placeholder text to a text box as an example or explanation of the information you're requesting.
• REQUIRED FIELD: If this box is checked ☑, your clients will not be able to submit the form with this field left blank.
• CRM FIELD: Choose where this information will be stored in the lead's info page.

NOTE: After adding a field to your form, you will need to finish and confirm the field settings before you can use your form on a page. Click the right arrow ᐳ and scroll through all the settings until you reach CRM Field, then confirm your settings by clicking the green checkmark . To remove an unused field, click the delete button in the upper-right corner.

Add a Dropdown

You can create a dropdown menu with as many options as you want. Select Dropdown as the Field Type and fill out the sections listed above. When you reach OPTIONS, click the plus ＋ button to add an option to the dropdown list, then fill in the text box with the option. Repeat for every option you want to offer. Click the minus - button to remove an option.

Add a Slider

You can create a slider allowing your users to select a value from a predetermined range. Select Slider or Range Slider as the Field Type and fill out the sections listed above. When you reach the Values selector, choose the minimum and maximum range, as well as the step value (ex. increments of 1, 5, 10, etc.).

Embed your form on a page

Once your form is complete, you can embed it into a custom page on your LeadSite! Open a page editor in the Pages tab of your dashboard. Click the Add Block button and search for the EAP FormBuilder block.

Select from the list the FormBuilder form you would like to add. Forms are listed in order of date updated with the most recent at the top. The form you select will have a green checkmark ✓ to the left of it.

Once your form is selected, it will appear in the editor as a yellow block with the text: "Your Custom Form will show up here."

However, when you view the actual page, you will see your custom form in its place:

When the form is successfully filled out by a client, they will receive a Success Message:

…and the information they submitted will be added to the designated area of their CRM contact card.

Embed your Custom Form on your Homepage, or any other page that accepts shortcode commands

When you view an EAP FormBuilder block in HTML, you'll notice every Custom Form will have its own unique Shortcode.

You will need this shortcode when you're ready to embed this form onto a page. Alternatively, you can copy the shortcode below, and replace the "XXXX" with the number associated with the form:

[custom_forms id="XXXX"]

1. Select the shortcode as shown above for the form you want to use and copy it to your clipboard
   (right-click/⌃+click>Copy with your mouse, or <ctrl/⌘+C> on your keyboard).
2. Go to the desired page's respective app and either create a new page or edit an existing page.
3. Click into a text box that accepts shortcode commands. 
   • In the case of the Homepage, when using the Double Video template, go to Settings>Form.
     • If you are using any other Homepage Template, you may be able to add your form to the IDX section by going to Settings>IDX Listings.
       (When done properly, this will either replace or be added to your IDX listings. It will not replace any lead capture form built into the template.)
   • For Instafarm or Single Property pages, this includes any description or IDX boxes.
   • You may be able to embed your Custom Form onto other pages, so feel free to experiment!
4. Paste the shortcode into the appropriate text box
   (right-click/⌃+click>Paste with your mouse, or <ctrl/⌘+V> on your keyboard).
5. Publish, Save, or Update your page.

We hope that you find the FormBuilder app a useful tool for lead capture!