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.
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.
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
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
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 !
April 25th, 2008 at 3:43 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.
every thing is the same in my html form also plz help in my e-mail thnak you !
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
April 25th, 2008 at 5:33 pm
@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
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
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
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.
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.
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.
May 21st, 2008 at 6:04 am
Which line should I remove?
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?
May 29th, 2008 at 5:57 am
Worked like a charm, many thanks
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!
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
July 2nd, 2008 at 1:30 pm
Justin
Sounds like your server does not support ASP.
Check with your host.
Cheers
Daniel
July 16th, 2008 at 6:09 am
Checkout http://www.aspnetatoms.com for more information on getting this up and running.