FormComponent: Difference between revisions


m (Text replace - "example.viviti.com" to "builderexample.com")
No edit summary
Line 2: Line 2:
Display a simple form on your site that emails you submissions.
Display a simple form on your site that emails you submissions.


 
==Where to Find==
====Where to Find:====
 


This Component can be found in the [[Adding to a Page | "Add to Page..."]] section of the [[Toolbar]].
This Component can be found in the [[Adding to a Page | "Add to Page..."]] section of the [[Toolbar]].


 
==Adding to Website==
 
====Adding to Website:====
 


After selecting this Component, you will be able to choose exactly where you want to add it!
After selecting this Component, you will be able to choose exactly where you want to add it!
Line 17: Line 12:
You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).
You will see all available [[content locations]] it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).


 
==Options==
 
====Configuring:====




Line 26: Line 19:


You can drag any of the following items from the left column into the "Drag" areas of the Form fields:
You can drag any of the following items from the left column into the "Drag" areas of the Form fields:


* '''Single Line Text''' - A box for a simple single line of text to be entered. Great for names and e-mail addresses.
* '''Single Line Text''' - A box for a simple single line of text to be entered. Great for names and e-mail addresses.
Line 32: Line 26:
* '''Check Box''' - A simple check box for tasks such as asking the user whether they would like to sign up for your mailing list. Can be selected or deselected.
* '''Check Box''' - A simple check box for tasks such as asking the user whether they would like to sign up for your mailing list. Can be selected or deselected.
* '''Select Box''' - A tool for allowing the user to make a choice between items in a drop down box. Great when allowing the user to choose their country of residence, for example.
* '''Select Box''' - A tool for allowing the user to make a choice between items in a drop down box. Great when allowing the user to choose their country of residence, for example.


The '''Submit''' button is required and cannot be removed, however you can change the text that displays on the button, or choose an image instead.
The '''Submit''' button is required and cannot be removed, however you can change the text that displays on the button, or choose an image instead.
Line 55: Line 50:
The '''Confirmation Message''' is the message users will see upon completing and submitting their information.
The '''Confirmation Message''' is the message users will see upon completing and submitting their information.


====Editing:====
==Editing==
 


Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].
Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the [[Component Toolbar]].


 
==Example Sites==
====Example:====
 


An example of this Component can be viewed on the [http://builderexample.com/web-tools Web Tools] page of http://builderexample.com
An example of this Component can be viewed on the [http://builderexample.com/web-tools Web Tools] page of http://builderexample.com

Revision as of 16:49, 16 November 2010

Display a simple form on your site that emails you submissions.

Where to Find

This Component can be found in the "Add to Page..." section of the Toolbar.

Adding to Website

After selecting this Component, you will be able to choose exactly where you want to add it!

You will see all available content locations it can be added to - on the current page only (content locations in Gold), on every page (content locations in Red), or on every page under the current page directory (content locations in Blue. For example - if you are editing a page called "About", the blue content locations would allow you to add this component to all pages under the /about/ directory).

Options

Formcomp.PNG


You can drag any of the following items from the left column into the "Drag" areas of the Form fields:


  • Single Line Text - A box for a simple single line of text to be entered. Great for names and e-mail addresses.
  • Multi Line Text - A box for multiple lines of text to be entered. This is better for paragraphs and addresses.
  • Radio Buttons - A tool for allowing the form user to choose between selections or options, such as "yes" and "no". An choice can be made and changed, but not removed completely.
  • Check Box - A simple check box for tasks such as asking the user whether they would like to sign up for your mailing list. Can be selected or deselected.
  • Select Box - A tool for allowing the user to make a choice between items in a drop down box. Great when allowing the user to choose their country of residence, for example.


The Submit button is required and cannot be removed, however you can change the text that displays on the button, or choose an image instead.

Note: Clicking the edit icon beside a field will allow you to make the field mandatory!


Further configuration can be done before the Component is added.


Formcomp2.PNG


You can optionally set a Title to be displayed above the form content on your page.


When visitors fill out your form, their information will be sent to the E-mail address specified here.


The Subject line of the submission e-mail you receive can be set here.


The Confirmation Message is the message users will see upon completing and submitting their information.

Editing

Need to make a change? You can access the settings for this Component again by clicking on the "Settings" button on the Component Toolbar.

Example Sites

An example of this Component can be viewed on the Web Tools page of http://builderexample.com