How To Create A Contact Form In Dreamweaver CS3 Using ASP

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.


Dreamweaver ASP Contact Form Tutorial

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.


Dreamweaver ASP Contact Form Tutorial

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


| del.icio.us | Digg it | Furl | reddit | StumbleUpon | Yahoo MyWeb

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

AddThis Social Bookmark Button

Fireworks CS4 468X60

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

  1. 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

  2. @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

  3. 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 !

  4. 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.

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

  5. @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

  6. @Sunny

    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

    Cheers

    Daniel

  7. CDO.Message.1 error ‘80040213′

    The transport failed to connect to the server.

    /Files/contact.asp, line 54

  8. 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

  9. @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.

  10. @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.

  11. asda

  12. 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…..???

  13. 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

  14. 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

  15. 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.

  16. 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.

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

  18. Which line should I remove?

  19. 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?

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

    Message Sent

    etc………

  21. Worked like a charm, many thanks

  22. 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?

    :(:(:(:(:(

  23. 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.

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

  25. 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?

  26. 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

    Thanks

    Allan

  27. 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!

  28. 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
    ^

  29. 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
    ^

  30. 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

  31. Justin

    Sounds like your server does not support ASP.

    Check with your host.

    Cheers

    Daniel

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

  33. 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?

  34. Hi, thanks for offering this.

    Do you know why I recieve this error:

    Microsoft VBScript compilation error ‘800a0400′

    Expected statement

    /contact_us.asp, line 60

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

  35. 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

  36. Rimsky went legate left buy cytotec meat steamed held.

  37. simplensmart Says:

    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

  38. 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?

  39. 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!

  40. Hi,

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

    Please help

    Regards

  41. 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!!!

  42. 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

  43. 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:

    Microsoft VBScript compilation error ‘800a0400′

    Expected statement

    /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

  44. 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..

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

    Expected statement

    /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

  46. 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?

    Thanks,

  47. 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!

  48. 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”)

  49. CDO.Message.1 error ‘80040213′

    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”

  50. 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”

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

    Microsoft VBScript compilation error ‘800a0400′

    Expected statement

    /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

  52. 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

  53. 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.

  54. 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

  55. Hi Daniel,

    Thanks4 the help…
    Just a last question, I still get the error message 405, I believe I did everything as you sugested. My question is about the mai addresses:
    on the field .
    Item(cdoSendUserName)”what address is this???”

    .Item(cdoSendPassword)= “is the pass for my server or my pop3??”

    Thanks mate

    kobna.

  56. I am receiving the same problem as it seems a lot of people are having is there anyone who know how to fix this issue?
    Microsoft VBScript compilation error ‘800a0400′

    Expected statement

    /Contact_us.asp, line 63

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

Leave a Reply