home   services   blog   about   contact

                                                                                                         

| More

custom forms

 

These directions can be used to make a custom contact form or other form for your website  This is how I made the ones on this page (they are on the right below the navigation menu). 

 

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 it has quite a few features.  There are limits to the number of submissions per month with the free service.

 

create your form

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. 

 

 

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.

 

 

  

 

 

 

 

  

general tips
table basics
images and tables
modules
create a gallery
add a video
custom forms
custom header
custom navigation
css codes
resources
share a tip
leave a comment
link exchange
 

   

 

 

 

 

 

 

the finished forms

 

email *
name
 

 

Name *
E-mail
Subject
Message

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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