Difference between revisions of "Web Forms"
imported>Aeric |
imported>Aeric |
||
Line 48: | Line 48: | ||
*Select the field(s) you want to include in the web form from the Fields list. | *Select the field(s) you want to include in the web form from the Fields list. | ||
* Click '''[Next]''' | * Click '''[Next]''' | ||
'' | ''Note:'' When you select a File Field or an Image Field, the form automatically becomes a "multipart" form. When run, it puts up a file-chooser dialog that lets the user browse for the file to include. ('Learn more:'' [[Field Display Types]]) | ||
|- | |- | ||
|2. Mark Required Fields|| | |2. Mark Required Fields|| | ||
*Click the check box next to any field you want to mark as a Required Field. Some fields may be selected automatically. As you click a check box, the field is marked as required in the Preview area. Click | *Click the check box next to any field you want to mark as a Required Field. Some fields may be selected automatically. As you click a check box, the field is marked as required in the Preview area. Click '''[Next]'''. | ||
|- | |- | ||
|3. Notifications|| | |3. Notifications|| | ||
Line 60: | Line 58: | ||
*Optionally, select additional user(s) to receive the email notification. | *Optionally, select additional user(s) to receive the email notification. | ||
*In the Email Notification Details section, enter the text you want to appear as the Subject of the email. Enter the text you want to appear as the email message in the Description fields. You can customize the message content, and include [[Template Variables]]. A lookup tool is provided so you can copy and paste the template variables into the email message (or subject line). | *In the Email Notification Details section, enter the text you want to appear as the Subject of the email. Enter the text you want to appear as the email message in the Description fields. You can customize the message content, and include [[Template Variables]]. A lookup tool is provided so you can copy and paste the template variables into the email message (or subject line). | ||
*Click | *Click '''[Next]'''. | ||
|- | |- | ||
|4. Auto Response||If an email address field was included in the web form, it is a good practice to create an auto response to acknowledge receipt of the web form information. | |4. Auto Response||If an email address field was included in the web form, it is a good practice to create an auto response to acknowledge receipt of the web form information. | ||
Line 69: | Line 67: | ||
;Subject:Description for the auto response email message | ;Subject:Description for the auto response email message | ||
*Choose the Editor Type (Plain Text or HTML Editor). If you select HTML Editor, the HTML formatting tools become available. | *Choose the Editor Type (Plain Text or HTML Editor). If you select HTML Editor, the HTML formatting tools become available. | ||
;Description:Enter the body of the message, and optionally include [[Template Variables]]. Click | ;Description:Enter the body of the message, and optionally include [[Template Variables]]. Click '''Next'''. | ||
|- | |- | ||
|5. Save and Generate|| | |5. Save and Generate|| | ||
Line 78: | Line 76: | ||
::*If HTML is selected, a URL is required | ::*If HTML is selected, a URL is required | ||
::*This web page is user-created, hosted by the user and acknowledges the form submission | ::*This web page is user-created, hosted by the user and acknowledges the form submission | ||
*After reviewing the Script and Preview, click | *After reviewing the Script and Preview, click '''[Done]'''.<br>The form appears on the Web Forms page, with summary information. | ||
|} | |} | ||
Revision as of 02:22, 9 June 2011
Designer > Presentation > Web Forms
When you create a Web Form you can use it on on your corporate website, your intranet, or even a blog, and use it plug visitor data directly into a platform application.
Using Web Forms
In the Web Form, you specify the input fields you want to embed in an HTML page. You put the resulting form into the page, and that page is dynamically linked to your application.
Fields in the Web Form are automatically validated according to the rules defined by the application, and you can generate an auto-response to the person submitting the form (using JavaScript), or redirect them to a specific URL using HTML. You can also notify designated members of your team that someone has submitted the web form.
Just follow the steps in the Web Form wizard to design and preview the form layout and begin collecting information.
- Considerations
- Web Forms can be disabled and enabled in the Object Information section of the Properties tab.
- Use Assignment Policies to automatically assign record ownership and trigger email notifications.
Best Practices
Here are some pointers to making web forms work for your business.
- Make sure you have a landing page for people to go to after they fill out the form, since in most cases it is their only confirmation that the submission was a success
- When someone fills in a form, you can automatically email a thank you to them if you include a field of type Email
- Likewise, you can alert a member of your team that someone has filled in the form with a notification - this is great for inquiries that need more interaction
- If you want to fully customize the layout of the form, use HTML snippets instead of the one-line JavaScript as the final format - it gives you more control to layout the form as well as style controls
- When using HTML snippets, you'll want to make sure you don't delete any INPUT tags marked HIDDEN or any embedded SCRIPT tags since these are what drive data into your application database
- If you include an Email field in the form, that object can be one you send email campaigns to - this makes registering for newsletters and other items very easy
With a Web Form, you can collect information from your company web site that directly flows into the platform. The Web Form Wizard helps you generate a customized HTML/JSP (JavaServer Pages) that you can embed into your web site.
Web Form Wizard
The wizard walks you through the process to create a web form.
Add a Web Form
To launch the web form wizard:
- Click Designer > Data > Objects > {object} > Web Forms.
- Click the [Add Web Form] button, or open an existing web form. The web form wizard opens.
Steps in the Wizard | Instructions |
---|---|
1. Select Fields |
Note: When you select a File Field or an Image Field, the form automatically becomes a "multipart" form. When run, it puts up a file-chooser dialog that lets the user browse for the file to include. ('Learn more: Field Display Types) |
2. Mark Required Fields |
|
3. Notifications |
|
4. Auto Response | If an email address field was included in the web form, it is a good practice to create an auto response to acknowledge receipt of the web form information.
To send an auto response, complete the following information:
|
5. Save and Generate |
|
Copy and Paste
Whether the result is a Script or HTML, copy the generated code and paste it into your web page. [[Category:Template:Features]]