How To Create a Contact Form in Dreamweaver using ASP - Form to Email Dreamweaver Tutorial, CSS, Active Server Pages

How To Create A Contact Form In Dreamweaver CS3 Using ASP

April 15th, 2008 daniel Posted in Web Design |

On the back of my tutorial on How Create a Working Contact Form In Dreamweaver CS3 which used PHP. There have been a few requests from readers here at Dreamweaver Spot if I could provide an article on How To Create A Contact Form in Dreamweaver using ASP. So for all you people that have sites hosted on a server that has ASP Support then you will find this article of great use.

There are quite a few of these around but I found, especially when I was looking at this that most of them are very hard to configure and follow. So I have written this in an easy to follow way. You can download the files for this Article from Heres.

NOTE: This form does not have any Form Validation as yet. This is the Topic of an upcoming article so make sure you Subscribe To The RSS Feed so you don’t miss it.

Step 1. Setup the Contact Form
Create a New Page in Dreamweaver. File > New > Blank Page > HTML > Create. Insert a Form. So From the Insert Menu Select Form.

Dreamweaver ASP Form To Email Contact Form Tutorial

From the Form Dialog Box that pops up give the Form an action of contact_us.asp (this will be the name of the page that we send this info to to process it and send you an email). Also change the Method to Post.

Now Using a combination of Labels and Text Boxes and a Text Area Layout the Form the way you would like it. In this example I have placed the Labels directly above the Input Boxes for useability purposes. I have also used a field set to group the elements together. If you need to know more about styling web forms with CSS then read this article.

Now when you are placing the Text Boxes and the Text Area on the page make sure that you give them the following names:
FirstName, Surname, Email, Website, Message. This is very very important as the ASP Script that I will be using will require these names.

To make it really simple. The text box that you are using for the users first name give it a name FirstName etc etc. You get the drift. In this Article I am not going to go into to much detail about using css to style the form and its elements you can check out how do do that here. You can see my simple form below.

Now that we have a simple Contact Form set up let’s move onto to the important stuff, the ASP Page that will handle the form processing.

Step 2. Create the ASP Page to Handle The Form and Send You an Email

In Dreamweaver, create a new ASP Page. File > New > Blank Page > ASP VBscript. Save this page as contact_us.asp and into the same location as the Form Page you created earlier.

Copy the ASP Code Below and Paste it in between the <body> tags of the ASP Page.


<%
Const cdoSendUsingMethod        = _
	"http://schemas.microsoft.com/cdo/configuration/sendusing"
Const cdoSendUsingPort          = 2
Const cdoSMTPServer             = _
	"http://schemas.microsoft.com/cdo/configuration/smtpserver"
Const cdoSMTPServerPort         = _
	"http://schemas.microsoft.com/cdo/configuration/smtpserverport"
Const cdoSMTPConnectionTimeout  = _
	"http://schemas.microsoft.com/cdo/configuration/smtpconnectiontimeout"
Const cdoSMTPAuthenticate       = _
	"http://schemas.microsoft.com/cdo/configuration/smtpauthenticate"
Const cdoBasic                  = 1
Const cdoSendUserName           = _
	"http://schemas.microsoft.com/cdo/configuration/sendusername"
Const cdoSendPassword           = _
	"http://schemas.microsoft.com/cdo/configuration/sendpassword"

Dim objConfig  ' As CDO.Configuration
Dim objMessage ' As CDO.Message
Dim Fields     ' As ADODB.Fields
Dim FirstName, Surname, Email, Website, Message

FirstName = Request.Form("FirstName")
Surname = Request.Form("Surname")
Email = Request.Form("Email")
Website = Request.Form("Website")
Message = Request.Form("Message")

' Get a handle on the config object and it's fields
Set objConfig = Server.CreateObject("CDO.Configuration")
Set Fields = objConfig.Fields

' Set config fields we care about
With Fields
	.Item(cdoSendUsingMethod)       = cdoSendUsingPort
	.Item(cdoSMTPServer)            = "< Enter SMTP Server Name Here >"
	.Item(cdoSMTPServerPort)        = 25
	.Item(cdoSMTPConnectionTimeout) = 10
	.Item(cdoSMTPAuthenticate)      = cdoBasic
	.Item(cdoSendUserName)          = "< Enter SMTP Server Username >"
	.Item(cdoSendPassword)          = "< Enter SMTP Server Password >"

	.Update
End With

Set objMessage = Server.CreateObject("CDO.Message")

Set objMessage.Configuration = objConfig

With objMessage
	.To       = "< Email Address That The Email Will Be Sent To >"
	.From     = "< Email Address That The Email Will Be Sent FROM >"
	.Subject  = "SMTP Relay Test" 
	.TextBody = "SMTP Relay Test Sent @ " & Now() 
	.Send
End With

Set Fields = Nothing
Set objMessage = Nothing
Set objConfig = Nothing
%>

Now what you will need to do is change the values of the lines that I have highlighted in RED. Enter the name of your SMTP Server (eg: mail.yourdomain.com), SMTP Username (if your server requires authentication, which most do) and also your SMTP Password.

Just Check Your POP3 Account Settings and you will find the details there if you do not know them.

The Next Values to change are the Email Address that the email will be sent to and also the Email Address that the email will be sent from.


.To = "< Email Address to Send To >"
.From = "< Email Address To Be Sent From >"
.Subject  = "SMTP Relay Test" 
.TextBody = "SMTP Relay Test Sent @ " & Now()

Now I want to change the text body to display the values that the visitor entered into the form, so I am going to add those variables into the Text Body Section.


.TextBody = "SMTP Relay Test Sent @ " & Now() & vbCrLf & "Surname: " & Surname
& vbCrLf & "First Name: " & FirstName & vbCrLf &
"Email: " & Email & vbCrLf & "Message: " & Message

And that is all there is to it. You should now have a Simple Easy To Use Contact Form Created with ASP and Dreamweaver.

Additional Tasks

1. Add a Thank you Message to the Body of the contact_us.asp Page
2. If you need or want to add some more fields to the form then you will need to do the following:

Find This Section of Code in the contact_us.asp page and add the value (let’s say we wanted phone number) in a couple of spots. On the line that starts with DIM and their also needs to be an entry in the section below that.


Dim FirstName, Surname, Email, Website, Message, PhoneNumber

FirstName = Request.Form("FirstName")
Surname = Request.Form("Surname")
Email = Request.Form("Email")
Website = Request.Form("Website")
Message = Request.Form("Message")
PhoneNumber = Request.Form("PhoneNumber")

The Value that is inside the () needs to be the same as the name of the Text Box on the Form Page and is Case Sensitive. So phonenumber is different to PhoneNumber.

You will then need to edit this section to make that new field appear in the email that is sent.


.TextBody = "SMTP Relay Test Sent @ " & Now() & vbCrLf & "Surname: " & Surname
& vbCrLf & "First Name: " & FirstName & vbCrLf &
"Email: " & Email & vbCrLf & "Message: " & Message
& "Phone Number: " & PhoneNumber

I hope that makes all your life’s a lot easier when creating a Contact Form using ASP. Make sure you SUBSCRIBE TO THE RSS FEED so you don’t miss any more of these easy to follow tutorials. In an upcoming Article I will be showing you How To Configure Form Validation Using Dreamweaver.

If you would like to be like everyone else and receive Tips on How To Improve Your Website then SIGN UP to my Web Design Tips Newsletter

You can follow any responses to this entry through the RSS feed. You can leave a response, or trackback from your own site.

Michael Klocke Says:
April 23rd, 2008 at 12:17 am

I just tried your tutorial on creating an asp mail contact form and i keep getting a server error 500 page cannot be displayed when it goes to the page with the asp server scripts on in. any idea what I might be doing wrong.

Michael Klocke

daniel Says:
April 23rd, 2008 at 7:10 am

@Michael

Make sure your file name of the ASP Page are EXACTLY the same as what you have put in for the form action.

Let me Know how you go. Shoot me an email via the Contact Page.

Cheers

Daniel

sunny Says:
April 24th, 2008 at 10:20 am

hello dear friend
i visited your website very first time
i was studying your this article of making contact form in dreamweaver , can you help me in this kind of situation
plz

i made a contact form in ( flash ) but how can i send it to my e-mail , usp this asp code with cdo

hope you have a solution for my this problem
if you can help me then plz help me plz
thank you have a nice day !

not want to display Says:
April 25th, 2008 at 3:43 am

every thing is the same in my html form also plz help in my e-mail thnak you !

daniel Says:
April 25th, 2008 at 5:30 pm

@Sunny

Make sure that your ASP File has exactly the same name (case and all) as what you have put in the Forms Post or Get Method

Let me know via the contact form with how you go.

Cheers
Daniel

daniel Says:
April 25th, 2008 at 5:33 pm

Sorry I am not a Flash Guru, so I am unsure how to do that. If any readers use FLash and know how to do this then shoot me an email via the Contact Form

JC Says:
May 6th, 2008 at 8:28 am

CDO.Message.1 error ‘80040213′

The transport failed to connect to the server.

/Files/contact.asp, line 54

Kenmon Says:
May 7th, 2008 at 7:35 am

I just tried your tutorial on creating an asp mail contact form and it worked great. Now can you tell me how to rediect the page to another page in my website?

Thanks,
Again

daniel Says:
May 7th, 2008 at 12:08 pm

@Kenmon

Probably the easiest way to do this in this example is to place a Response.Redirect “yourstie.com” just before the end of the script. EG: just before the %>

Hope that helps.

daniel Says:
May 7th, 2008 at 12:27 pm

@JC

The form can’t connect to the Mail Server you specified. Make sure you check these lines:

.Item(cdoSendUsingMethod) = cdoSendUsingPort
.Item(cdoSMTPServer) = [mailserver]
.Item(cdoSMTPServerPort) = 25
.Item(cdoSMTPConnectionTimeout) = 10
.Item(cdoSMTPAuthenticate) = cdoBasic
.Item(cdoSendUserName) = [username]
.Item(cdoSendPassword) = [password]

Shoot me an email and let me know how you go.

sdsdf Says:
May 10th, 2008 at 7:46 am

asda

Mani Says:
May 13th, 2008 at 9:48 pm

I am new to both Dreamweaver and ASP

I created a page in ASP (using vbscript) saved it as “.asp” in wwwroot folder.

when i try to open this page it shows a “File downloading” dialog box (showing open and save buttons) instead of the excepted result.

what to do…..???

Murray Says:
May 14th, 2008 at 6:41 am

I have followed your tutorial to create a emailing form but when I test it by clicking the submit key it loads my asp page without sending the email. I have used gmail as my email address with the SMTP being smtp.gmail.com is this maybe why I am having an issue.

Please help

Thanks

Dave Says:
May 17th, 2008 at 3:32 am

I’m also getting the Error 500 message. I have the action on the form named exactly to the page (contact_us.asp)

Please Help?????

Dave

Alex Says:
May 17th, 2008 at 8:10 am

Gives me the same http 500 error. It seems like it is trying to open the asp page. Is that what it supposed to do. And btw, the name is perfectly the same in both files. I copy and pasted it.

Cornel Says:
May 18th, 2008 at 4:25 am

To fix the Error500, you need to remove the line . Not all servers accept it. I,ve just tested this and and was a great help for me.
Thank you very much Daniel.

Cornel Says:
May 18th, 2008 at 4:26 am

Line to remove:”.Item(cdoSMTPAuthenticate) = cdoBasic
“

Alex Says:
May 21st, 2008 at 6:04 am

Which line should I remove?

Alex Says:
May 21st, 2008 at 8:03 am

So i removed the top line which was generated by DW and it worked right away.
Now, I have the other issue. I am using the code for text body where the surname, lastname, etc. are getting populated. When I receive an email however, its not populating. It all comes empty except the text inside the qoutes. Any ideas why?

Peri Says:
May 21st, 2008 at 7:56 pm

I’ve attempted the tutorial but keep getting a problem where the code just keeps appearing in the browser

Message Sent

etc………

Paul Says:
May 29th, 2008 at 5:57 am

Worked like a charm, many thanks

Dave Says:
May 29th, 2008 at 11:20 am

If I sent you my “contact_us.asp file page could you please take a look at it????

Please Please Please

I also don’t know where to place this page on my server space, right in with the rest of the docs?

:(:(:(:(:(

Bhargav Says:
June 11th, 2008 at 10:53 am

Hey your tutorial is really great. But I have a simple question. I want to put a form on my website and how do I know who all have registered. Say if a guy name sam comes and fills the form, how do I know that he did it.
Thanks a lot for your time.

Delores Wiley Says:
June 16th, 2008 at 6:10 pm

nervate expropriate rivingly urosteon cyclopentanone sermonize darling uncredited
Gibbons Saddlebred Farm
http://www.auriel.org/

Jeff Says:
June 17th, 2008 at 11:34 pm

What line are we referring to? I am getting the same error but I don’t know what line to take off. What does the line say?

Allan Says:
June 18th, 2008 at 8:49 am

Help!!
Altough this script is amazing, all myself and my clients keep getting is the error 405. When I read on, It says the website has a programing error. I have copied it from you exactly.. Please help! The address is: http://www.woodchurchtrust.com/ASPContactForm.html

Allan

George Says:
June 19th, 2008 at 4:49 am

I had a 500 error but that was my fault. After I contacted my tech gurus at Server Intellect they told me I had moved web.config to the wrong directory. Anyways works perfect!

ferdie Says:
June 28th, 2008 at 3:42 am

Hi,

I did exactly your sample, it works great!

Now I modify it and put in my own details.. I encounter this now

Microsoft VBScript compilation error ‘800a0400′

Expected statement

/contact_us.asp, line 66

& vbCrLf & “Company” & Company
^

ferdie Says:
June 28th, 2008 at 3:47 am

Microsoft VBScript compilation error ‘800a0400?

Justin Says:
July 2nd, 2008 at 12:54 pm

I did everything that was on there however it takes me to a page that says HTTP 405 - Resource not allowed…

Any idea what the problem is?

Thanks,

Justin

daniel Says:
July 2nd, 2008 at 1:30 pm

Sounds like your server does not support ASP.

Check with your host.

Igor Says:
July 21st, 2008 at 10:53 pm

Pleas help, the error is
error ‘80040211′
/cgi-bin/contact_us.asp, line 64

BRCW Says:
July 22nd, 2008 at 9:01 am

I posted the form, but when I visit the page it automatically submits the form (with no answers in the form of course). But the submit button still works, and that sends all the filled out forms. Any ideas on how that could happen?

Michael Says:
July 23rd, 2008 at 6:48 am

Hi, thanks for offering this.

Do you know why I recieve this error:

/contact_us.asp, line 60

& vbCrLf & “First Name: ” & FirstName & vbCrLf &
^

tony Says:
August 4th, 2008 at 7:06 pm

my webhosting says i have no smtp user or pass, and to delete that from the asp file, either way, i get 500 error everytime

Pwhndvve Says:
August 10th, 2008 at 3:41 am

Rimsky went legate left buy cytotec meat steamed held.

simplensmart Says:
August 12th, 2008 at 4:54 am

Hey!
Thanks brother, this script is really nice and works great!
You have also explained it in a very lucid manner, keep up!

http://www.callingallgeeks.blogspot.com

Desmond Says:
August 20th, 2008 at 1:41 am

Hi, I follow your instruction. When I click submit button, the website will display all the contact_us.asp codes. Any idea what I’ve done wrong?

Helena Says:
August 28th, 2008 at 2:54 am

I’ve never used scripting and I just tried creating a form following your instructions, just wanted to say that your method’s very easy. Thanks, it worked on my first attempt!

Sandybee Says:
August 28th, 2008 at 6:28 am

Thanks for the Asp code. I’ve read the thread and tried the suggestions, but still I have an 500 error.

Regards

Julie Says:
August 28th, 2008 at 7:02 am

I followed everything to a T and still getting the 500 error. What line of dw are you talking about deleting. I’ve tried some and still haven’t worked. Please help!!!

ben taylor Says:
September 1st, 2008 at 9:46 pm

hi, i have used your tutorial to make this form but when i click the submit button after filling in the correct information it just pops up a message asking me if a want to open or save the ‘contact_us.asp’ file.
any ideas?? it looks like it is trying to download it rather than just get the information from it??
Pleas let me know…
Many thanks

jon Says:
September 2nd, 2008 at 7:04 am

Hi Daniel,
good tutorial thanks. very easy to follow for a asp newbie. I am getting the same error a fair few people seem to be getting:

/newtester/pages/contact_us.asp, line 65

& vbCrLf & “forename: ” & forename & vbCrLf & “surname: ” & surname & vbCrLf & “tel_no: ” & tel_no & vbCrLf & “organisation: ” & organisation & vbCrLf & “address: ” & address & vbCrLf & “email: ” & email & vbCrLf & “enquiry: ” & enquiry
^

I have added in extra fields as per your instruction for my form.

the page is in a sub folder on the server it will go live on when complete however i dont have the smtp details yet. could this be a reason why i am getting the error?

I have just been putting in a different pop account details for now (my own ) to try and test it. am i likely to get this same error message when i get the correct pop details in place and if so, and its not anything to do with the sending username and password, then any ideas what the problem with it is?

i understand that the form is unlikely to work properly without the correct sender details but if its throwing this up as a seperate problem i want to get it sorted so i am ready once i get the correct details.

sorry bit long winded that!!

the relevant bits below:

title = Request.Form(”title”)
forename = Request.Form(”forename”)
surname = Request.Form(”surname”)
tel_no = Request.Form(”tel_no”)
organisation = Request.Form(”organisation”)
address = Request.Form(”address”)
email = Request.Form(”email”)
enquiry = Request.Form(”enquiry”)

.TextBody = “SMTP Relay Test Sent @ ” & Now() & vbCrLf & “title: ” & title
& vbCrLf & “forename: ” & forename & vbCrLf & “surname: ” & surname & vbCrLf & “tel_no: ” & tel_no & vbCrLf & “organisation: ” & organisation & vbCrLf & “address: ” & address & vbCrLf & “email: ” & email & vbCrLf & “enquiry: ” & enquiry

rajeev mehra Says:
September 5th, 2008 at 8:38 pm

hii..i want to create an login form with dreamweaver.with fileds username and password..so that the entry will be saved and the user can log in..please help me in designing it..

Mike Says:
September 13th, 2008 at 7:39 am

I’m getting the following error:
Microsoft VBScript compilation error ‘800a0400′

/contact_us.asp, line 64

& vbCrLf & “First Name: ” & FirstName & vbCrLf &
^
…
My smtp doesn’t require authentication - do I delete the lines or leave as it is.
Thanks, Mike

Katie Says:
September 26th, 2008 at 7:29 am

I think I followed the above correctly; however, when clicking ’submit’ after filling out the form, it’s directing me to HTTP 404- The Webpage cannot be found.

Suggestions?

Cake Says:
October 1st, 2008 at 12:27 pm

Hello,

I’m receiving the e-mails from my website but the information that is input into the form is not being sent through the e-mail. The only thing that comes across is the text box name. What is causing this and how do I fix it?

Thanks in advance!

Jimmy Nilsson Says:
October 20th, 2008 at 8:22 pm

Error Type:
Server object, ASP 0177 (0×800401F3)
System message, messageid = 0×800401f3
contact_us.asp, line 36

that line is
Set objConfig = Server.CreateObject(”CDO.Configuration”)

JB Says:
October 21st, 2008 at 4:41 am

The transport failed to connect to the server.
—————————————————–
This is my error. Do the smtp server, username and password need to be in quotations? see below.

.Item(cdoSendUsingMethod) = cdoSendUsingPort
.Item(cdoSMTPServer) = “smtp.xxx.com”
.Item(cdoSMTPServerPort) = 587
.Item(cdoSMTPConnectionTimeout) = 10
.Item(cdoSMTPAuthenticate) = cdoBasic
.Item(cdoSendUserName) = “xxxxxxx”
.Item(cdoSendPassword) = “xxxxxx”

JB Says:
October 21st, 2008 at 9:09 am

CDO.Message.1 error ‘80040213?
The transport failed to connect to the server.
————————————————
This is my error, do smtp server, username and password have to be in quotations? see below.

.Item(cdoSMTPServer) = “smtp.xxxxxx.com”
.Item(cdoSMTPServerPort) = 587
.Item(cdoSMTPConnectionTimeout) = 10
.Item(cdoSMTPAuthenticate) = cdoBasic
.Item(cdoSendUserName) = “xxxxx”
.Item(cdoSendPassword) = “xxxxxx”

Serhat Says:
October 28th, 2008 at 5:49 am

Hi, find your tutorial very useful. However when I run the script on my websire, iget a the below error on IE

/contact_form.asp, line 62

& vbCrLf & “Name: ” & Name & vbCrLf &
^

Please see the part of the script below where error occurs

With objMessage
.To = “”
.From = “”
.Subject = “SMTP Relay Test”
.TextBody = “SMTP Relay Test Sent @ ” & Now() & vbCrLf & “Comments: ” & Comments
& vbCrLf & “Name: ” & Name & vbCrLf &
“Email: ” & Email & vbCrLf & “Tel: ” & Tel
.Send
End With

Many thanks

Serhat Says:
October 28th, 2008 at 7:11 am

Hi, please ignore above message. Now I manage to get the email send but there is no content been relay from the form. What i get is as below.

SMTP Relay Test (date)
Comment
Name
Email
Tel

Brent Says:
November 4th, 2008 at 3:49 pm

I’m still getting the HTTP 500 error when I submit. The form action name and the file name are the same. There is discussion above about removing a line of the script but I tried that it I still get the 500 error. Any help would be appreciated.

HITSROSE Says:
November 22nd, 2008 at 9:02 pm

I have ASP .Net server i can try to create contact us page but error. i have windows server 2003 use,

please if know this code than send code my email id hitsrose@hotmail.com

Categories

Archives

How To Create A Contact Form In Dreamweaver CS3 Using ASP

54 Responses to “How To Create A Contact Form In Dreamweaver CS3 Using ASP”

Leave a Reply