5,649 views

Add a Drop Down List to Your Contact Form

Posted on 08 November 2007 by crkian

If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

We covered setting up a basic contact form so if you want to catch up and install the plugin and set u a basic form you may want to go back and do that first.

You will want to go into the Cforms II area on the admin panel, so from the wordpress backend choose CformsII from the main option.

The Setup

You will see the form you created before layed out in front of you and the first thing you want to do is click ‘Add Another Field’ under’Form Input Fields’ a new field will appear at the bottom of the ones you already have.

Change the type to select box and put a tick under the ‘Is Required’ part.

Now onto the slightly tricky part, to get the drop down box you need to set ‘field name’ ‘Option’ and ‘Value’

Something like the following

field name # field name | # option1|value1 # option2|value2

Which Would Produce a dropdown box that shows ‘field name’ to start with but on clicking it will present you with 2 more options (option1,option2) . When the email is sent to you ‘value1′ will show in the email if that is what they selected. You can just not bother with the value part as the email sent will show the option value instead.

For my form I am going to have the line of input code set as follows

Subject # Subject | # Question|Question # Advertising|Advertising # Problem|Problem # Link Exchange|Link Exchange

I take that code and put it under the ‘Field Name’ then save, you may want to write the input code in notepad or word so that you can easily change and copy it.

Head to the front of your site and check your contact form, if you did the same as I did you should see a new field with Subject written in it, when you click it a dropdown box will appear with the options (Question,Advertising,Problem,Link Exchange)

Thats all there is to adding a dropdown list, if you want someone who is contacting you to be able to select multiple options just choose the type as ‘Multiple Select Box’.

With what we just did you can add anything you want like a dropdown box for someones age by simply changing ‘Subject’ to ‘Whats Your Age’ and change the options to ‘# 11-15|Young # 16-21 | Older …….’

Have fun and come back for more on the contact form and what you can do with it.

For the purpose of this blog I am going to setup a dropdown list for the Subject that the person contacting me wants to talk about

[?]
Share This

Popularity: 18% [?]

If you enjoyed this post, make sure you subscribe to my RSS feed!

10 Comments For This Post

  1. WildKid Says:

    Really good and really interesting post. I expect (and other readers maybe :)) new useful posts from you!
    Good luck and successes in blogging!

  2. Chris Says:

    There will be new posts, not saying they will be interesting though :0)

    Nice blog you have

  3. Joe Weber Says:

    Dig the blog a LOT!
    Nice style and I like the way you discuss the problems . I’m going to book mark it.
    ;)

  4. ori Says:

    I can’t see further into the tutorial than the words “The Setup”

  5. ori Says:

    Same problem as the other one… it seems your site is only showing me the Excert

  6. crkian Says:

    http://mattnutts.com/2008/01/05/missing-content/

    Please read that for reference

  7. William Says:

    Any reason why I can’t see your tutorial (there are just banners and Google ads showing) ?

    William’s last blog post..Honte au gouvernement chinois - gloire aux manifestants

  8. crkian Says:

    See the post above yours, I am trying to rewrite posts as I go along

  9. tapps Says:

    woah. waaaay too much “noise” on this site. very un-user friendly. i wanted to read this article… but i can’t find it. (and i’m not a novice internet user by any means.) just a word of advice.. you might want to clean up the design a bit so people can navigate through it easily. thanks.

  10. crkian Says:

    Tapps read the comments above yours to find out why it is missing.

1 Trackbacks For This Post

  1. Adding A Basic Contact Form to Wordpress » Matts Nutts SEO and Blogging Says:

    […] Adding a dropdown list […]

Leave a Reply

$1 Per Day Advertising