NexCite² Help
Phone: 503-626-7766 Option 2 - Email: 

Form Creator

The form creator allows you to create forms for your website visitors to fill out.

 

Creating a Form

To create a form to use on your NexCite, select Page Admin and then Forms from the administrative portal:

 

Select the Add Form button:

Fill in the applicable form fields:

  1. Form Name: The internal name for your form. This will not show to your customers but is meant to act as a way to identify your forms for you.
  2. Include Captcha: Checking this box will require users to select a color before they can submit the form. This acts as a deterrent against spam bots.
  3. Submit Button Text: This will be the text that displays on the submit button for your form. The default is "Submit."
  4. Form Elements: For a full explanation of the Form Elements, please click here or see below.
  5. Email Subject: The subject line of the email that will be sent including the results of the form.
  6. Email Addresses: The emails that the form results will be sent to. After entering an email, select the Add button. You may add multiple email addresses.
  7. Redirect Page: After the form is submitted, you can select the page that you'd like the user to be redirected to. You may want to create a "Thank You" page, as an example, or you can redirect them to your home page.

 

Form Elements

When creating a form, you'll be able to add different form elements to collect information from your customer.

The different form elements are:

In addition to the description of the different form elements, examples of how the different form elements were used to create the demo form below are also included.

Checkbox

This element allows you to create different options for your customer to check boxes for.

  1. Label Text: What the field will be called on the form
  2. Checkboxes: Enter the text for the checkboxes you would like your customer to choose from. After entering in the text for one, select the Add button which will move the checkbox down. Continue to enter the text and select the Add button until you have entered all of the checkboxes you would like available for your customer.
  3. This area will display the different checkboxes you've added. You can drag and drop them to reorder them, select the box under the "Checked" column to set boxes to be pre-checked, or select the X to remove any of the checkboxes you've added.

 

Select

This element allows you to create a drop-down box for your customer to select from.

  1. Label Text: What the field will be called on the form
  2. Multi-Select?: Select "Yes" if you want a customer to be able to select more than one option (it will default to "No").
  3. Options: Enter the text for the selections you would like your customer to choose from. After entering in the text for one, select the Add button which will move the option down. Continue to enter the text and select the Add button until you have entered all of the options you would like available for your customer.
  4. This area will display the different options you've added. You can drag and drop them to reorder them, select the circle under the Selected column set options as pre-selected, or select the X to remove any of the options you've added.

Radio Button

This element allows you to create different options for your customer to fill in a bubble for.

  1. Label Text: What the field will be called on the form
  2. Radio Buttons: Enter the text for the selections you would like your customer to choose from. After entering in the text for one, select the Add button which will move the option down. Continue to enter the text and select the Add button until you have entered all of the options you would like available for your customer.
  3. This area will display the different options you've added. You can drag and drop them to reorder them, select the circle under the Selected column set options as pre-selected, or select the X to remove any of the options you've added.

Textbox

This element allows you to create a field that is one line for your customer to be able to type into.

  1. Label Text: What the field will be called on the form
  2. Default Text: Default text will show in the textbox on your form before your site visitor enters anything in. It can be used to give them more information about how they should be filling out the textbox.
  3. Width: The width can be adjusted to either a static pixel (px) width, or it can be set to a percentage.

 

Textarea

This element allows you to create a field of variable size for your customer to be able to type into.

  1. Label Text: What the field will be called on the form
  2. Default Text: Default text will show in the textbox on your form before your site visitor enters anything in. It can be used to give them more information about how they should be filling out the textbox.
  3. Width: The width can be adjusted to either a static pixel (px) width, or it can be set to a percentage.
  4. Height: The height can be adjusted to either a static pixel (px) width, or it can be set to a percentage.

Demo Travel Profile Form

 
 
 
 
 
 
 
 
 
Please click the GREEN square before clicking 'For Example Only - do not submit'.

* Please note that this form is meant for demonstration purposes only. Please do not submit it.

Adding a Form to a Page

In order to add a Form to a page, you'll need to have an Unused Area you can assign it to. You can add more Unused Areas to an existing page by changing the page layout to one that includes more sections, or adding a row.  Select "Add" on the Unused Area you'd like the form to show on:

 

Select "Form" from the page element selection and hit save:

 

When adding a form to a section, you'll be able to add the following settings:

  1. Title: The title of your form. This will show at the top of it.
  2. Form: Select from the forms you've created.
  3. Alignment: Set the alignment of the form within the page section.
  4. Width: You can set the width as either a percentage or a static pixel size.
  5. Padding: This will set the space around the form.
  6. Spacing: This is the amount of space between the form elements
  7. Background Color: Use this to set a background color to the form.

Once you've added your form, be sure to publish your changes to the page and the form you created to have them show on your live site.