Customizing Contact Forms

Are you using Wordpress?

If so, have you checked Fast and Secure Form?

The best thing about is that, it's FREE.

Features:
--------
* Super easy customizable Options from Admin settings page.

* Multi-Form feature that allows you to have as many different forms as you need.[See FAQ](How to make a select for multiple E-mail recipients? | Fast Secure Contact Form)

* Optional extra fields of any type: text, textarea, checkbox, checkbox-multiple, radio, select, select-multiple, attachment, date, time, hidden, password, fieldset(box). [See FAQ]

(How to add extra fields? | Fast Secure Contact Form)

* File attachments are supported, see here for details: WordPress › Support » [Plugin: Fast and Secure Contact Form] How to use the file attachments feature

* Backup/restore tool. You can backup/restore all your forms or single forms and settings.[See FAQ](How to Backup or Restore my forms? | Fast Secure Contact Form)

* Easy to hide subject and message fields for use as a newsletter signup.
* Supports sending mail to multiple departments.[See FAQ](How to use form preview while editing forms | Fast Secure Contact Form)

* Optional - redirect to any URL after message sent.
* Optional - posted data can be sent as a query string on the redirect URL. [See faq](Posted data can be sent as a query string on the redirect URL | Fast Secure Contact Form)

* Optional - autoresponder E-mail message.[See FAQ]
(How to add an Email autoresponder to my form? | Fast Secure Contact Form)
* Valid coding for HTML, XHTML, HTML STRICT, Section 508, and WAI Accessibility.

* Uses simple inline error messages.

* Reloads form data and warns user if user forgets to fill out a field.

* Validates syntax of E-mail address.

* CAPTCHA can be turned off or hidden from logged in users and or admins.
* Multi "E-mail to" contact support.

* Auto form fill for logged in users.

* Customizable form field titles.

* Customizable CSS style.

* Sends E-mail with UTF-8 character encoding for US and International character support.

* Pre-fill in form fields from a URL query string. [See FAQ]
(Tip: Passing query string parameters to contact form page | Fast Secure Contact Form)

* Save emails to the WordPress database, or export to CSV or Excel. [See FAQ](Can the form save to a database or export to CSV file? | Fast Secure Contact Form)

* I18n language translation support. [See FAQ](How to translate Fast Secure Contact Form for WordPress | Fast Secure Contact Form)

I have been using this for quite some time now and so far, I am very much satisfied with it.

By the way, for lead generation purposes, do you want a contact form or an optin form?

Hope that helps.

Cheers,
Louie Tugas

That's basically like Contact form 7 but with more settings. I'm just looking for a way to make forms more good looking. I know all those settings can be changed, but is there something that can use an importer or, where I can import images or something. I don't see CSS modifications being my best option here.

"Regular" CSS? I'm not sure what you mean by that, but CSS controls the appearance of EVERYTHING on your website...

If you want something that you don't have to code the CSS for yourself, I'd go to Codecanyon and search on "Contact form" to see if there's one that will meet your needs and style.

there are a lot of free html contact forms code out there ... but you need to have some basic skills in order to make them suitable for your website like changing fonts and letter sizes, background, text boxes sizes, the email to receive it and so on and so on ... or use a wordpress which has a built-in contact us and you are done

I wouldn't worry about the "beauty" of a contact form. Make sure it's easy to understand, make sure it works, and make sure you have a good "thank you" page to assure the prospect that you have received their message.

You can try Fiverr and outsource your webform design. Many providers there can do the part.

What CMS are using ? Wordpress ?

A lot of great answers here guys. I checked codecanyon (totally forgot they existed) and they had some cool forms. I knew CSS was the way to change it, but I was referring to just the color or height of the bars being what I didn't want.

Fiverr actually sounds like a great place to get something cool done. This isn't just one form, I'd be using it for all of my clients websites, where lead gen is needed on the homepage.

Thanks for the guiding thoughts guys. Sometimes I find myself looking for the wrong answers before I ask the right questions...

i had one made for my authority site with cool graphics, kind of like a question/quiz form. It cost $100 to develop, I had a warrior make it for me.

Its really cool. The answers lead into my ads and it keeps my visitors on my site longer resulting in a lower bounce rate.

I don't agree if you are actually saying that CSS can't help you. Here are some tips to improve the look and feel of contact form input fields.

Here I am supposing that your contact form is in the div with class contact form like <div class="contact_form"><!--Contact Form HTML--></div>


.contact_form input[type="text"]{
border: 1px #ccc solid;
padding: 8px 5px 5px;
font-size: 12px;
}

.contact_form input[type="text"]:focus{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}


This will definitely give a cool style and look to your input fields, if you want to change whole look of your contact form than you must provide HTML

If you are using Wordpress, then I would say that you don't have any problem in using contact form, just type contact form in Wordpress dashword plugin search and you would find many.

On internet you may find free codes of html contact….

You can use aweber to create a contact form and then used it on your website.Also you can use Contact Form 7 and Yes,you can control everything through CSS.