Released: Contact Form Package
While building a website last week, I was looking for a way to make a simple contact form. Unfortunately, there was nothing available on our.umbraco.org. So I made my own package and it is now available for download. I've also added a tip to the forum to show how you can relay mail through Gmail if you don't have (or want) a mail server on your hosting machine.
Here's a few screenshots to show that it is highly configurable:
Of course you can just enter some content and add the bodyText field to your template to make it show up on the contact page. Here you can see I added a "Thank you" page. After the website visitor submits the form, they will be redirected here. You can configure any other page that you want.
Here again a reference to the thank you page. The form is completely empty by default so it might be a good idea to fill in the label names here.
The error messages are also empty by default, add whatever text you need here.
And finally you can set up some properties for the mail that will be sent.
10 comments on this article
Hi - great work!\u003Cbr /\u003EThe best contact form i found for umbraco.\u003Cbr /\u003EBut i can\u0027t integrate it in the masterpage because i (and otners too) have Problems with the form tags: http://our.umbraco.org/projects/cultiv-contact-form/requests-and-questions/4411-Error-on-use---A-page-can-have-only-one-server-side-Form-tag\u003Cbr /\u003Eany Ideas?\u003Cbr /\u003Egreetz\u003Cbr /\u003ESewi
I\u0027ve installed and setup the form as instructed but cannot get any of the labels, validation or buttons to render.\u003Cbr /\u003E\u003Cbr /\u003EI am using: umbraco v 4.0.3 (Assembly version: 1.0.3625.27276)\u003Cbr /\u003E\u003Cbr /\u003EDo you have any ideas?\u003Cbr /\u003EBest wishes,\u003Cbr /\u003E\u003Cbr /\u003EBill Smith
A good form - but I\u0027m with Sebastian here - I need to incorporate it in my masterpage and get the same error - any progress on a solution?\u003Cbr /\u003ECheers\u003Cbr /\u003EDave
Sorry - forgot to say - I\u0027m using Umbraco 4.5.2 if that makes any difference\u003Cbr /\u003EDave
The solution would be to remove the extra form runat="server" tag. However, I don't know what other forms you're using on that page.
If you absolutely need 2 forms that run at the server on that page, make sure to add validationgroups to each form. For this package, you'd need to change the source as it's not built in (I have no plans of updating it any time soon either, I just don't have the time at the moment).
Hi Sebastiaan\u003Cbr /\u003EOK, maybe a simpler solution would be to open the window containing the contact form as a modal window and then close it when the email is sent, but I\u0027m a noob to Umbraco and cannot see how to achieve this.\u003Cbr /\u003EAny thoughts?\u003Cbr /\u003EDave
Sounds like a plan! I\u0027ve used the jQuery fancybox plugin for that in the past. It can open an iframe inside of the pop-up.\u003Cbr /\u003E\u003Cbr /\u003ECome to think of it: you could also put the contact form in an iframe. This is not specific to Umbraco, it\u0027s just a bit of HTML (and maybe using the fancybox plugin).
Best solution for contact form UMBRACO. Great idea!\u003Cbr /\u003E\u003Cbr /\u003EFunction successfully, but I have a problem with the design. How to setup in my master page?\u003Cbr /\u003E\u003Cbr /\u003EThank you.\u003Cbr /\u003EJovan
Hi, could you me why umbraco shows this message in my email when send a contact form:
"the form Form was submitted, this is the list of values it contained, you can turn this email off under workflows in Umbraco Contour
Name:
Empty due to Umbraco Contour in trial mode
Email:
Empty due to Umbraco Contour in trial mode
Phone:
Empty due to Umbraco Contour in trial mode
Comment:
Empty due to Umbraco Contour in trial mode
Join Email List:"
Umbraco is very well, but this problem not understand. Thanks for all
sorry my emails in the last message had some errors. Iam sorry. In that comment it is ok