home    services    tips   link exchange   blog   about   contact

custom contact us form 

It is easiest to use the Contact Module but If you don't care for the form provided by it you can use the Form Designer to make your own Contact Form.  This is how I made the one on this page. 

note...this form will add the contact information to the Contact Manager but it will not email the message to you like the Contact Us form does.  You can set an alert (directions included below) to send you the information.  You can also view the message in Contact Manager.

 

Another option for custom forms is JotForm.  It is a free WYSIWYG form builder, I found it fairly easy to figure out and use.  There are limits to the number of submissions with the free service. 

 

From the Module drop down menu, select Form Designer.

 
 
From the Application drop down menu, select Contact Manager.
From the List drop down menu, select Business Contacts.

You will have a long list of Data Details.  Uncheck display to remove the checkmark that is next to every selection.  Last Name is the only required field and can't be removed.  You can type what you want it to show on your form under Display Name.  I used Name for my form.

 

I selected Job Title to use for the subject on my form and typed Subject for the Display Name.  I then scrolled down the list and selected E-Mail Address and Comments.  I changed the Display name for those to E-Mail and Message. 

I wanted E-Mail to be the first item in my form, so I clicked on the Field Name for that one and clicked Move up until it was at the top of the list.  The rest I checked to make sure they were in the order I wanted them displayed, no need to move them all the way up the list.

At the bottom, you can type in what message you want displayed after the form is submitted. 

Click on Layout to choose from the menu how you want the form displayed.  Text on Top puts the text for each field above the boxes, as does Center Text.  Align Left and Right puts it to the side.

 

top

 

set an alert

From your Office Live Home click on Contact Manager.  Along the top of the page you will see a menu:

 

New   Actions    Settings    Alert Me     Print

 

Choose Alert Me.

Decide on a title for your Alert, which is what the email alert will say in the subject line.  I choose Contacts for this one.
Email Alerts - The Email address you want the alert sent to.  You can enter more than one.
Choose under what conditions you want your alert sent to you and when and how you want them sent.  Click Save.
You will receive an email telling you that you have succesfully set an alert. To access all your alerts, click on Account Settings > Alerts.
The email you will receive with the message is shown below, the information from the form will also appear in your Contact Manager.  Click on the contact and scroll down to comments to read the message.

 

 

top

 

 

office live design tips © 2007 - 2008 www.oldesigntips.com, all rights reserved.     

 

 

table basics

 

images & tables

 

modules

 

customize header

 

navigation

 

create a gallery

 

example designs

 

forms

 

 css codes

 

resources

 

tell a friend

 

share a tip

 

feedback

 

 

the contact form

E-mail
Name *
Subject
Message