Form Builder

The My Market Toolkit form builder allows you to quickly build and deploy a form. You can create a 5-field lead form that connects to the CRM in under 2 minutes. Applying it to your site can take under 1 minute. That's come quick dev!

By default, when a form is created it has all of the underlying code, html, etc.It's also responsive in design.

To add a form to your site:

  1. Sign in
  2. Create the page the form will go on (if you haven't already)
  3. Create the return page for after the form is submitted (if you haven't already)
  4. Hover over 'Design' and click 'Modules'
  5. Click the 'New' icon
  6. Select 'Form' for 'Module Type'
  7. Give the module a title (consider "Form - contact page" or something descriptive)
  8. Click or drag/drop elements to the workspace area
  9. Give the elements names and drag/drop them to change their order
  10. Consider the following fields:
    1. First name
    2. Last name
    3. Email
    4. Phone
    5. Street
    6. City
    7. State
    8. Zip
    9. Source (hidden field identifying which form the lead is from)
    10. Submit Button
  11. On the 'Form Settings' tab do the following:
    1. Place the page url into the 'Return Page' field (i.e. /thank-you) you created in step 4 above
    2. Put email addresses for those who should receive the lead in the 'Form Email Recipients' field
    3. Add a Subject Line (so you know where the email is coming from ) in the 'Email Subject' field
  12. Go to the page (you created in step 3 above) where the form will go and drag the form module onto the page (found on the 'Modules' tab under the 'Modules: Web' section) - if the page was created before the module, you'll need to refresh the page so the module shows in the list
  13. Save the page
  14. Preview the page to see the form in context

 

Building a custom form (Intermediate):
While the auto form builder is responsive, elegant and very user-friendly you can build custom form layouts.We use 'Insert Codes' in place of fields in the html. Design your form (titles, labels, structure, etc.) and replace the fields with insert codes.

  1. Follow the instructions above to create all of the form fields and elements
    1. For all of the fields/elements give a 'Element Name' that will be used in the insert code
  2. Save the form
  3. On the 'Form Settings' tab there is a field where you can put custom html with the text and fields
    1. To add a field to the html, place the 'Insert Code' where the field will go using the 'Element Name' to define the field

Sample