1. Home
  2. Design
  3. Customization
  4. Custom HTML Entry forms
  1. Home
  2. Design
  3. Form Fields
  4. Custom HTML Entry forms

Custom HTML Entry forms

To use a custom form, visit your campaign’s Customize section and click on the Form Element. In the menu that opens on the left, click Code then Edit HTML. You can modify the existing code, or delete and replace it with your custom form. *Do not use an HTML element. For your form to work, you must paste your code into the Form Element.

Basic HTML Example for Entry Form

<form name="myform" action="">
Enter Email Address: 
<input 	type='text' 
   error='You must enter an email address'/>
<input type='submit' name='submitbutton' value='Submit' />

The basic form above will collect email addresses from users. Let's take a look at the important elements.

1. The <FORM> tag

Your input form should start with:

<form name="myform" action="">

You'll notice the action parameter is empty. This tells the web browser to submit the form to the current page URL.

2. The <INPUT> tags

You can use whatever HTML input tags you want including SELECT and TEXTAREA. For more details about input tags please see this link. All input types are supported including file uploads. You can also use as many input fields as you like.

<input type='text' name='Email' rules='required' error='You must enter an email address'/>
  • namename name is required. This will determine the name that is shown in error messages and in your input export file.
  • rulesrules is an optional parameter. Currently Woobox supports the required rule which allows you to require the submitted field is not empty.
  • errorerror is an optional parameter. The message you put in the error parameter will be shown to the user when the rules are not met.

3. Submit button

<input type='submit' name='submitbutton' value='Submit' />

The submit button input type will allow users to submit your form.

4. Close </FORM>


Don't forget to close your form with a closing form tag.

Accessing User-Submitted Form Data

After you save your entry page form HTML, and the system detects input fields, the standard Woobox form will automatically be replaced with your custom form. All user input into your form will be saved in the export file that you can download for your campaign. The downloadable file is in CSV format and should import easily into your favorite spreadsheet software. You'll notice the top row contains the column names that correspond to your input field names.

Updated on June 29, 2018

Was this article helpful?

Related Articles