HTML forms can be as simple as "Copy and Paste"

Using Freedback with an existing form - 2 methods

Method #1 (fast setup, unsupported) This method is fast and easy to set up but does not support some features. This method doesn't use our form, which means data collected cannot be exported. While this method isn't officially supported, it's included here because many people simply want to receive form submissions by email and don't need features like data export.

2. Create a Freedback form. Give it a name that will help you remember what it's for and continue to Step 2. You don't need to modify this form, it's simply a placeholder. Continue to Step 2 where you'll tell us what actions you want us to take when someone submits your form, and then on to Step 3.

3. In Step 3 you'll get the HTML code for your Freedback form.

a) In your current (non-Freedback) form, replace the form tag with your new Freedback form tag. Find your form tag (it always starts with the word "form" and looks like this: <form ...>) and replace or add the following variables: enctype, method, action, accept-charset

Here are the values you want to use: enctype="multipart/form-data" method="post" action="http://www.freedback.com/mail.php"; accept-charset="UTF-8"

b) Right under your recently-changed form tag, add these two lines from your Freedback HTML. You'll find them near the top.

<input type="hidden" name="acctid" id="acctid" value="example" />
<input type="hidden" name="formid" id="formid" value="example" />

Method #2 (The "proper" way): Officially recommended. This method supports 100% of our functionality but requires more time to setup.

1. First, make a backup copy of your old form, just for safekeeping.

2. Create a Freedback form which is a copy of your old form. For example, if your old form asks for name,email,gender,address then your new Freedback form should ask for name,email,gender,address.

3. Get the HTML code for your Freedback form on Step 3 of the form creation process.

4. Now you're going to go through your old form and paste in information from your Freedback form.

a) Find your form tag (it always starts with the word "form" and looks like this: <form ...>) and replace or add the following variables: enctype, method, action, accept-charset

Here are the values you want to use: enctype="multipart/form-data" method="post" action="http://www.freedback.com/mail.php"; accept-charset="UTF-8"

b) Add these two lines from your Freedback HTML. You'll find them near the top.

<input type="hidden" name="acctid" id="acctid" value="example" />
<input type="hidden" name="formid" id="formid" value="example" />

c) Go through your old form, and for each form element, you want to replace each "name" and "id" value with the one from your Freedback "reference" form, wherever they're different. If there is no "id" value, then you would add it. A couple examples:

Old:

Name: <input type="text" name="name" size="40">
New:

Name: <input type="text" name="name" id="name" size="40">
Explanation: "name" already matched your new Freedback HTML code, so that didn't need to be changed.  There was no "id" field, so you added the "id" field from your Freedback HTML code.




Old:
	
Gender:  <input type="radio" name="male" id="example" value="male" /> Male
<input type="radio" name="female" id="example2" value="female" /> Female

New:
Gender: <input type="radio" name="field-7ce7ed3185435f8" id="field-7ce7ed3185435f8_0" value="male" /> Male
<input type="radio" name="field-7ce7ed3185435f8" id="field-7ce7ed3185435f8_1" value="female" /> Female

Explanation: In this case we needed to replace both "name" and "id" fields with the new Freedback HTML versions.