1. Create a form with the same set of fields in Form Maker Pro;
Create a form in Form
Maker Pro and start adding fields to it. You should add all the fields
you have on your existing form. If you have "First Name" field in your existing form, add 'First Name' field to the new one. And
so on.
2. Get the form code by pressing on 'Get Pages' button;
After you've finished form creation, click on 'Get Pages' button to download new form HTML code.
3. Open the form code created by Form Maker Pro and your form pages in your favorite html editor;
4. Copy service strings (JavaScript, <base> tag, hidden field "___form_id_",
<form> tag parameters and all fields variables names accordingly)
from generated code to your form code.
There are few service strings in the new form. You should copy them to the old one.
First service string is validation JavaScript. It is located on the
beginning of the form file. Copy this script to the new form.
e.g.:
Second service string is <base> tag. It contains path to your form on the server where Form Maker Pro is installed.
e.g.:
Third service string is form caption. Find <form> tag in the old form and copy-paste there caption from the new form.
e.g.:
Forth service string is an hidden field with form ID.
e.g.:
You should also copy field names from appropriate fields from the new form to the old one.
e.g.:
You have following <input> tag in your existing form.
Form Maker Pro generated form contains:
So you copy name="r_Name" to your existing form and receive following.
This should be done with all fields.
Check if input submission button looks like following: