How do I use the HTML form option?

How do I use the HTML form option?

Posted by The Team at Mindmatrix on 04 January 2016 12:40 PM

The HTML form option will allow you to create customized forms using the Mindmatrix form. With the HTML form option you can -

  • Create customized form validation
  • Design responsive forms
  • Incorporate JavaScript to stylize or hide areas of your forms
  • Re-design and update the look and feel of Mindmatrix forms without using brands

 

STEP 1 - Setup and Customize a landing page

To create a form using the HTML option, follow the instructions on how to create and setup a landing pageYou will not need to design or customize this page, since your HTML code will not be stylized.

Include all of the fields you wish to use in your form.

Next,

 

  1. Copy your code by clicking on "Get Form Code" dropdown window.
  2. Click on the "Using Form Submit Action"
  3. Highlight and copy the text in this section.

After pasting the text into your own editor, you will need to finish modifying it within your own HTML editor.

 

STEP 2 MODIFYING THE CODE

 

You will need to add the following to the code so it can work properly:

 

1. Form validation. You can write and customize the form validation by updating the JS call script within function validateform() You will need to know JS in order to customize this or validation will not be applied to your form.

2. Success and Failure URLs values. There are two values for Success and Failure. Change the value of these links to reflect what you would like the contact to see if they successfully fill out the form or fail to fill out the form correctly.

For example, if you would like the contact to download a white paper upon successfully completing the form, include a link to a white paper.

 

Ensure to include in your custom code the DBID

Highlighted below is an example of the ID that you need for these fields to work and post to AMP correctly: