For advanced ecommerce strategies, subscribe to our newsletter

How to Choose the Correct Form Field

by Arianne Foulks

March 14, 2013
How to choose the correct form field.

You’ve used forms on the web – either entering a username and password, filling out a contact form, taking a survey, or purchasing something. Each of those fields in a form has a name and a specific function. So how do you choose the correct form field?

It helps to know the purpose of each field type when creating your own form. If you’re working on something for your site and you need to choose which form field to use, here’s what you should know. My examples discuss form fields used to add an item to a shopping cart, but can be used on any type of form.

When setting up your product options, you will be able to choose from a few different option types. Choose these carefully, as they will affect how your customer is allowed to purchase the item.

Check box:

Test it out:
Cherry
Watermelon
Raspberry

Customers can check or uncheck to add or remove an option, and they can check more than one option at a time. Check boxes would work well if the option is something additional you can add to your order, like adding an envelope when you buy a greeting card. If you use more than one check box on an item, your customer can check as many as they want. If you only want them to be able to choose one (i.e. pick one color for a hat), a check box isn’t the right solution.

Drop down:

Test it out:

With a drop down, your customer can only select one option at a time. This is good for colors and sizes, where you don’t want customers picking more than one color or one size.

Radio button:

Test it out:
Cherry
Watermelon
Raspberry

This functions in the same way as a drop down (you can only pick one), but all the options are visible on the page (whereas in the drop down, your customer has to peek in it to see what you offer). Once you’ve selected a radio button, you can choose another option, but you can’t un-select completely. So radio buttons aren’t good if it’s something optional, and instead should only be used when your customer must make a choice between options..

Text field:

Test it out:

This can be used if your customer may enter her own text, such as a name for product customization, or to give you any additional instructions.

Text area:

Test it out:

This is the same as the text field, but allows a roomier area to write more content.

Was this helpful? Let me know if you’d like more articles like this, or if there is a particular aspect of coding or adjusting a website that you’d like to have clarified. Do you have any questions about how to choose the correct form field? Let us know in the comments.
 
If you could use some help developing your ecommerce site, we can help. We’re Shopify Experts!
 

Of interest:

A Newsletter That Goes Beyond Shopify 101

It’s easy to find beginner info about ecommerce online. If you’re past that? Subscribe to our newsletter for advanced strategies and need-to-know info for established shops. You'll get:

  • Weekly tips to help you market and sell your products
  • Updates when there is news that may impact your site
  • Round ups of interesting links and info for brands
  • Invites to our live trainings and webinars
  • Instant access to our past emails

"*" indicates required fields

This field is for validation purposes and should be left unchanged.

Browse Posts

A Newsletter That Goes Beyond Shopify 101

It’s easy to find beginner info about ecommerce online. If you’re past that? Subscribe to our newsletter for advanced strategies and need-to-know info for established shops.

Learn how the top shops grow:

"*" indicates required fields

This field is for validation purposes and should be left unchanged.

1 thought on “How to Choose the Correct Form Field”

Leave a Comment

Let's take your online shop to the next level

The Shopify websites we design have a reputation for substantial improvements to ecommerce conversion rates and online sales. Let's talk!

Want to learn more? See our services.