Try this plugin
http://wordpress.org/extend/plugins/contact-form-7/
Its pretty easy to use and does what you need.
Thanks Latro,
But, how do I introduce the fields in the image? like here http://houstondiscountroofing.com/ . And how to make that nice-looking “Get Started “button. I saw many sites with this kind of lead-generating forms. I am very excited to know how to build this. You could also direct me to some resources, I am fast at reproducing and I think I will get it done with some help.
Thankies!
Do you have any HTML or CSS experience?
Yes, I have the basic HTML knowledge and I can edit a stylesheet to fit my own, but I am stuck at this point with creating such thing. You could adivce me some resources or tutorial to see how these kind of forms are built, I saw many of them, esspecially on squeeze pages.
Thanks
I dont have any links as i’d code from scratch.
A quick way to do it is this. Save this file from that site
http://houstondiscountroofing.com/wp-content/themes/leadlocal/images/form_bot_top.gif
make a text file and add this:
<div style=”background-image:url(form_bot_top.gif); width:305px; height:375px;”>
<div style=”margin:15px;”>
example
</div>
</div>
save as example.html in the same directory as the image.
You can see this is a very basic way to go about it but might work. You just need to make the background image your self and play around with the padding etc. The word example you can replace with the form.
