product-input-fields

WooCommerce Product Input Fields

Add custom input fields to all WooCommerce products or per product

Description

Selling customized products? Allow your customers to provide you with more details or custom information with the WooCommerce Product Input Fields module. Enable input fields so your customers can give you more information before they add the product to their cart. Fields will appear on product’s single page.

Every field can be customized by setting these options:

  • Type
    • Text
    • Textarea
    • Number
    • Checkbox
    • File
    • Datepicker
    • Weekpicker
    • Timepicker
    • Select
    • Radio
    • Password
    • Country
    • Email
    • Phone
  • Checkbox type only: text value for ON
  • Checkbox type only: text value for OFF
  • Checkbox type only: default value (checked or not checked)
  • File type only: accepted file types
  • File type only: max file size
  • Datepicker and weekpicker types only: date format
  • Datepicker and weekpicker types only: min date
  • Datepicker and weekpicker types only: max date
  • Datepicker and weekpicker types only: year selector
  • Datepicker and weekpicker types only: year range (if year selector is enabled)
  • Datepicker and weekpicker types only: first week day (Sunday, Monday, Tuesday etc.)
  • Timepicker type only: time format
  • Timepicker type only: interval (in minutes)
  • Select and radio types only: selectable options list
  • Is required
  • Title
  • Placeholder
  • Message on required

The input fields will appear on each product’s page. Simply enable the field in Booster’s settings, enter the field title, and a placeholder message to give your customers an example of what to enter.

If more information is required in this field, enter text into the Message on required field that prompts your customers to provide more detail (i.e. “Please enter more detail” or “Please ensure you have filled out all fields”).

Product Input Fields - All Products Options

Per Product Input Fields

You can set individual product input fields. First of all set default number of product input fields. This is only default value and you can change it in selected product’s edit page.

Product Input Fields - per Product Options

After that visit selected product’s edit page. There you will find Booster: Product Input Fields metabox.

WooCommerce Product Input Fields - Backend - per Product

Accessible through:
  • WooCommerce > Settings > Booster > Products > Product Input Fields
Tested on WooCommerce 3.1.1 and WordPress 4.8.1
Plugin can be downloaded here. If there are any locked fields in the module, you will need to get Booster Plus to unlock them.

Leave a Reply

Comments

36 Comments

  1. Kathy Stacka February 24, 2015 at 2:23 pm #

    The Product Field option needs to have a Textarea field so that customers can add more information.
    In addition to that the Product field as it is now is too short to add hardly information in it.
    Also, when you select “required” and you test it the page immediately refers back to the same order page without giving a reason why it did so.
    Otherwise the program is great!

    Reply

    • WooJetpack Support Team February 25, 2015 at 10:24 am #

      Hi Kathy,

      Thank You!
      Regarding textarea and other types for input fields, as well as options for styling the fields – already on our task list, will add, however can’t say anything on deadlines.
      Regarding “required” problem – I’m not sure I understood you. You can set “Message on required” in settings, but you probably were asking about something else…

      Best regards,
      Tom

    • Kathy Stacka February 25, 2015 at 1:24 pm #

      The required field does work. I did not have the required reason selected.
      Sorry..

  2. Gordon May 24, 2015 at 6:16 pm #

    Can’t wait for a “Select Option” list for product input fields. Do you have an ETA of this field type options?

    Reply

    • Valentin Solovjov September 16, 2015 at 8:04 pm #

      Dear Gordon,

      this feature is already in our to-do list. Can not say ETA. Let you know when it will be available.

      BR,
      Val

  3. Gord August 26, 2015 at 2:25 am #

    I’m using Product Input Fields for just one of my products (2 custom fields on it) and it works great when users select products from the website.

    My problem is that when I need to create a manual order using the WooCommerce\Orders\Add Order button… the custom input fields are not listed so I cannot fill in values for the custom fields for the manual order.

    to recreate go to WooCommerce\Orders
    – Click the “Add Order” button at the top of the page
    – in the new blank order, at the bottom of the Order Items section, click “Add Line Items” then “Add Product(s)”
    – select the product that has customer input fields, it is added to the order
    … the custom input fields are not listed or available in any way that I can see.

    How can i see\add values to my product input fields in this way? I do not want to force my customers to have to do it themselves, they want me to correctly enter orders for them that I receive over the phone.

    I’m using WooComerce 2.4.6,
    – Booster for WooCommerce 2.2.8 (has an option to “unlock all”? … see below second question)
    – and I also have the plugin WooCommerce JetPack Plus 1.0.4 installed and active in my list of plugins (I did pay for it a couple months ago; before “Booster ” came around).

    Also, should I have “Booster Plus for WooCommerce” instead of “WooCommerce Jet Pack Plus”? How would I go about doing that?

    thanks,
    Gord

    Reply

    • Valentin Solovjov September 16, 2015 at 6:15 pm #

      Dear Gord,

      we added this feature to our to-do list, we let you know when it will be available.

      BR,
      Val

  4. Rob August 26, 2015 at 9:19 pm #

    Hi I’m interested in making the product input field be a dropdown, instead of a checkbox or other type of field. Is there a way to do this?

    Reply

    • Valentin Solovjov August 27, 2015 at 8:39 pm #

      Dear Rob,

      Not possible for this moment. We added this feature to our to-do list.
      We let you know when this feature will be available.

      BR,
      Val

  5. Erik September 15, 2015 at 12:53 pm #

    How do I display the custom field the client filled in the cart? I can’t seem to figure it out

    Reply

    • Valentin Solovjov September 16, 2015 at 5:51 pm #

      Dear Erik,

      where do you want to display them ?

      BR,
      Val

  6. James October 7, 2015 at 4:19 pm #

    I have added a custom field to all products (a datepicker).

    Is there a way to have the date for each product selected show up on the product line in the cart and checkout, along with the other information (such as quantity)?

    Thanks,

    James

    Reply

  7. Leo October 13, 2015 at 9:20 pm #

    Just bought and installed this plugin and it has been great getting started, however now the validation for the Product Input Fields only happens when the “add to cart” button is clicked on the “Shop” page, however no validation happens and no data is captured from the form fields on the individual product page when that “add to cart” button is clicked. This is the only thing preventing me from launching and a quick solution would save my day. Thanks. Here is the site: http://discover.hiphopzilla.com/products/

    Reply

  8. Ekim March 13, 2016 at 7:04 am #

    http://booster.io/features/product-input-fields/#comment-3852

    As asked by another user here; how can we display custom fields with product increment button together?

    When I increment; it orders the same product; but it should be an individual product as I set in settings. So second one should ask for details of its own; instead it tries to sell same unit twice which doesnt exist after first one is sold.

    How can I fix this? How can I add (add new unit to basket with new details while in basket or cart/one click checkout mode)

    Reply

  9. jake March 29, 2016 at 2:20 pm #

    i have set a custom product field so users can “upload a file” when selecting a product…. it shows up and seems to work but i cant find the images my customers have uploaded on my “orders” pages…. where can i find the images uploaded through the custome pruduct file uploader feature? i need to see them.

    Reply

    • Valentin Solovjov March 29, 2016 at 9:38 pm #

      Hi,

      you can find link to uploaded file an Edit Order page.

      BR,
      Val

  10. Anton April 1, 2016 at 8:21 am #

    Hello, plugins works properly.
    I had setup 4 input fields at product. title for fields have different letter counting. May I have to change have input field title with input field in the same grid. For better explanation setup width for input field title for example 150px.
    http://orthopadische-schuhe.at/product/schuhe-model-01/
    thank you for your answer

    Reply

  11. Lance June 17, 2016 at 3:02 pm #

    Can product input field values be added to invoices?

    Reply

    • Booster Support Team June 17, 2016 at 4:20 pm #

      Hi Lance,

      Yes, this can be done. You need to add item_product_input_fields column to the [wcj_order_items_table] shortcode (in invoice template). E.g.:
      [wcj_order_items_table table_class="pdf_invoice_items_table"
      columns="item_number|item_name|item_product_input_fields|line_total_tax_incl"
      columns_titles="|Product|Input Fields|Total"
      columns_styles="width:5%;|width:45%;|width:20%;|width:30%;text-align:right;"]

      Please let me know if you have any questions.

      Best regards,
      Tom

      Booster Support Team
    • Lance June 17, 2016 at 5:24 pm #

      Thanks, worked like a charm!

  12. Danel June 30, 2016 at 4:23 pm #

    Hi! The “Required” input is still activated even if the “Enabled” check box is not ticked. Meaning, if I tick the “Required” and the input is NOT enabled, and I add the product to Cart, it acts as if there’s a missing required input and won’t add the product to cart. Please fix it.

    Also, I’ve sent TWO bug reports and no one has gotten back to me.

    Reply

  13. Alex July 21, 2016 at 10:59 am #

    Hi,

    Either with the free booster plugin or the paid option, is it possible to make it so a number input field affects the price? I’m trying to sell quilting services by the inch, so I’m hoping to make the number in the input field reflect in the final price, but not change the quantity and by proxy the shipping.

    Reply

  14. Francheska August 22, 2016 at 8:14 pm #

    Is there a way to export the product input fields on the order reports?

    Reply

  15. Alain Aubry August 27, 2016 at 9:13 pm #

    Hi

    I need to use the datepicker to enter the date of birth, I experimented several parameters.
    A good range for DoB would be 1916 to 2016 or anything like that.

    Thanks

    Reply

  16. Kph September 29, 2016 at 12:44 pm #

    Hi
    We are working at a wineshop for a custumer: http://www.vinitop.dk
    We would like the product quantity to be 6, and the calculated price with discount, to show up as a default surgestion.
    The costumer can also choose to by only one bottle of wine, but it would be preferable to handle six bottles.
    Do this booster for woocommerce offer that option?
    Regards Michelle

    Reply

  17. Sergio October 13, 2016 at 1:01 pm #

    Hi Dear,
    I have necessity of sequently of field text.
    eg.:
    Field 1 blank = not appear field 2, filed 3, etc.
    is possible?
    Thanks

    Reply

  18. david January 10, 2017 at 8:45 am #

    Hi, I have setted 2 product input field on some product..All seems ok, but in single product is showed only 1 input field instead of 2….How is it possible?
    I’ve checked all booster product settings and i don’t understand..

    Can you help me?

    Reply

  19. Jordi February 27, 2017 at 3:28 pm #

    Hi,
    Can I put a custom name to the input that is generated, and not the default nomenclature like wcj_product_input_fields_global_1 ?

    Reply

  20. Catherine Beck May 1, 2017 at 3:30 am #

    In the latest round of updates with the release of Woocommerce 3, there seems to be some sort of change which now has removed the “Product Input Fields” customer inputs from customer email, invoice, confirmation page, etc. It still appears on the cart page with the inputs entered for that product. How do we add those back in the email and other places? This information is critical for customers to see through the process.

    Reply

    • Booster Support Team May 2, 2017 at 3:29 pm #

      Hi Catherine,

      Could you please check if this issues still exist in development version (https://booster.io/dev/). You will need to uninstall the old plugin version first (don’t worry your saved settings won’t disappear).

      Best regards,
      Tom

      Booster Support Team
    • Kate Siegert May 4, 2017 at 8:04 am #

      Thank you thank you. Your post has just enabled me to stop and retain the little remaining sanity I have left.
      I have been going bonkers with hours spent on this issue too, trying to figure out where why and how it’s dropped out of emails and how to get it back in – my Input fields are the key data for saving time for the designer who receives the order emails.
      Hi Booster Support team, can you please advise on steps how I can also resolve this, as I am no developer and simply use a wordpress Woocommerce Booster pluggin – My skills only go as far as figuring out how to customise woocommerce templates using a child theme.
      Many thanks
      Kate

    • Catherine May 9, 2017 at 2:24 am #

      This resolved the issue. The only thing is the field inputs are all on one line with the product name. It would be nice if they were broken out better and even a colon between label and value.

      Current:
      product name | Student First Name Emma | Student Last Name Smith | Student Email esmith@email.,com | Company TEST STUDENT

      Desired:
      Product Name
      Student First Name: Emma
      Student Last Name: Smith
      Student Email: esmith@email.com
      Company: TEST STUDENT

  21. Alex Saville May 7, 2017 at 4:47 pm #

    Hi.

    Is there a way to change where the product input fields appear? On https://alexsavillephotography.com/product/party-guest-app-standard/ in landscape, they appear underneath the description to the right of the product image. Which also means that the Buy button is further down. Ideally I’d like them either on one of the product tabs, or below the Buy button. Or maybe in a separate page, invoked by hitting the Buy button…
    Or perhaps the description text could be in a tab instead of to the right of the image ?

    Thanks

    Alex

    Reply

    • Alex Saville May 8, 2017 at 10:11 pm #

      Aha! With the aid of a few other plugins I’ve added an extra Buy button and stacked the fields down below the image.

  22. Alex Saville May 8, 2017 at 10:16 pm #

    Hi,

    Is there anything that I can do to check the size of uploads but not lose the data that has been typed in for other input fields if the upload gets rejected (e.g. Too large)?

    Thanks

    Alex

    Reply

  23. Marcus June 8, 2017 at 2:24 pm #

    I don’t quite understand how to use the checkbox. Where do you put the text that goes next to the box? Shouldn’t it use the “select/radio options” field so I could list a few options and users could check one or more? I only see a way to put a title and the checkbox itself. Am I missing something?

    Reply