Sale!
Product Input Fields for WooCommerce

Product Input Fields for WooCommerce

Product Input Fields for WooCommerce

Rated 5.00 out of 5 based on 1 customer rating
(1 customer review)

Add custom frontend input fields to WooCommerce products.

Clear
Author: Pablo Pacheco . SKU: N/A. Category: . Tags: , . Version: 1.1.6. Last updated: 1 week ago. Requires WordPress version: 4.4. Tested up to: 4.9.

Description

This plugin is a premium version of free "Product Input Fields for WooCommerce" plugin.

Product Input Fields for WooCommerce Pro plugin lets you add custom input fields to WooCommerce product’s frontend for customer to fill before adding product to cart.

Frontend Options

Product Input Fields for WooCommerce - Frontend Options

”Position”
”Defines
Default:

shortcode, or PHP alg_display_product_input_fields() function.” default=”Before add to cart button” values=”Before add to cart button; After add to cart button; Do not display”]

Position Priority
Default: 10
HTML to Add Before Product Input Fields
This is added before the fields.
Default:


Product Input Field Template
Default:


HTML to Add After Product Input Fields
This is added after the fields.
Default:

</table>
HTML to Add After Required Field Title
Defines how required fields are marked on frontend.
Default:


Add HTML Required Attribute
Adds HTML required attribute.
Default: yes
Item Name Order Table Format
Affects Checkout, Emails and Admin Orders View.
Default:

 | %title% %value%
Refill Fields with Previous Input
Default: yes

Emails Options

Product Input Fields for WooCommerce - Email Options

Attach Files to Admin's New Order Emails
Default: yes
Attach Files to Customer's Processing Order Emails
Default: yes

Total Number of Global (i.e. for All Products) Fields

Product Input Fields for WooCommerce - Global Fields - Total Number

When enabled this section will add new settings section for each product input field.

Enable section
Add custom input fields to all products.
Default: yes
Product Input Fields Number
After you save this number, new settings sections for each product input field will appear.
Default: 1

Global (i.e. for All Products) Field Options

Product Input Fields for WooCommerce - Global Field Options

Product Input Field X

Enable/Disable
Enables the field.
Default: no

General Options

Type
Field's type. Possible values: Text; Textarea; Number; Checkbox; Color; File; Datepicker; Weekpicker; Timepicker; Select; Radio; Password; Country; Email; Phone; Search; URL; Range.
Default: Text
Is Required
Check if the field is required.
Default: no
Title
Field's title.
Default:

Input Field
Placeholder
Field's placeholder.
Default: None
Default Value
Default value. E.g. for Color type enter color code; for Checkbox type enter yes or no. Leave blank to disable.
Default: None
Class
Field's CSS class.
Default: None
Style
Fields's CSS style.
Default: None
Message on Required
Used if 'Add HTML Required Attribute' option in plugin's 'General > Frontend Options' settings is disabled, or product input fields are displayed outside the add to cart button form.
Default:

Field '%title%' is required!
Uppercase
Converts characters to uppercase version, when possible.
Default: no

Input Restrictions

Min
Minimum value for an input field. E.g. for Number/Range type. Leave blank to disable.
Default: None
Max
Maximum value for an input field. E.g. for Number/Range type. Leave blank to disable.
Default: None
Step
Legal number intervals for an input field. E.g. for Number/Range type. Leave blank to disable.
Default: None
Max Length
Maximum number of character for an input field. E.g. for Text type. Leave blank to disable.
Default: None
Pattern
Default: None

Checkbox Type Options

Fill this section only if Checkbox type is selected.

Value for ON
Text to be shown if checkbox is checked.
Default: Yes
Value for OFF
Text to be shown if checkbox is not checked.
Default: No

File Type Options

Fill this section only if File type is selected.

Accepted File Types
Default: .jpg,.jpeg,.png
Message on Wrong File Type
Message to be displayed if file type is wrong.
Default:

Wrong file type!
Max File Size
Set to zero to accept all files. In bytes.
Default: 0
Message on Max File Size Exceeded
Message to be displayed if file is too big.
Default:

File is too big!

Datepicker/Weekpicker Type Options

Fill this section only if Datepicker/Weekpicker type is selected.

Date Format
Default: None
Min Date
In days.
Default: -365
Max Date
In days.
Default: 365
Add Year Selector
Default: no
Year Selector - Year Range
Default: c-10:c+10
First Week Day
Possible values: Sunday; Monday; Tuesday; Wednesday; Thursday; Friday; Saturday.
Default: Sunday

Timepicker Type Options

Fill this section only if Timepicker type is selected.

Time Format
Default: hh:mm p
Interval
In minutes.
Default: 15

Select/Radio Type Options

Fill this section only if Select/Radio type is selected.

Options
One option per line.
Default: None

Per Product Field Options

Product Input Fields for WooCommerce - Local Field Options

Developers

Product input fields data is saved as order meta. Here is a snippet which demonstrates how to get entered values with PHP:

$order = wc_get_order( $order_id ); 
foreach ( $order->get_items() as $item_key => $item ) { 
    foreach ( wc_get_order_item_meta( $item_key, '_alg_wc_pif_local' ) as $values ) { 
        echo $values['_value']; 
    } 
}

This example is for “local input fields” (i.e. per product); for “global input fields” (i.e. all products) use _alg_wc_pif_global instead of _alg_wc_pif_local. If the type of the field is “file”, then it’s saved as an array, so, for example, to get the name of the file, you need to use $values['_value']['name'] (instead of $values['_value']).


Prices & Licenses

Single siteUnlimited sites
1 year$19.99$49.99 $29.99
Lifetime$49.99$99.99 $52.99

1 review for Product Input Fields for WooCommerce

  1. Rated 5 out of 5

    Max

    Great plugin, lots of options…

Add a review

40 thoughts on "Product Input Fields for WooCommerce"

  1. WRF August 25, 2017 at 2:14 pm #

    We would like to translate our products with WPML and WooCommerce Multilingual. But the extra Product Input Fields are not displayed at the product pages of the other languages (or at translation management). What should we do?

    Reply

    • Pablo Pacheco April 25, 2018 at 8:32 pm #

      Hello,

      Can you please update our plugin to the most recent version?
      I just tested it here and it’s working just fine.

      If you can create a WordPress user for me (pablo@algoritmika.com) I can try to take a look at this issue, if it’s still happening.
      See you

      Reply

  2. Tobias Luger November 23, 2017 at 10:56 am #

    Hey,

    why do you not answere?
    The Upload Type have a BIG bug.

    No multiple file Upload inputs per product is working.

    Reply

  3. rebecca November 30, 2017 at 11:49 am #

    Hi,

    I have used the plugin to add 19 fields to a product. I then duplicated the product expecting to see the 19 input fields duplicated as well – this was not the case.

    I only want additional input fields on one category of product so I have not set the input fields for All Products.

    How do I duplicate the 19 input fields when I duplicate a product?

    Reply

    • rebecca November 30, 2017 at 12:26 pm #

      The issue is fixed by updating woocommerce to the latest version.

      Thanks

      Reply

  4. innonet December 14, 2017 at 8:18 pm #

    How do I disable sundays in the datepicker?

    Thanks.

    Reply

    • innonet December 14, 2017 at 10:41 pm #

      Fixed by changing alg-datepicker.js to:

      /**
      * alg-datepicker.
      *
      * @version 1.0.0
      * @since 1.0.0
      */
      function disableSUNDAYS(date) {
      var day = date.getDay();
      return [(day != 0), ”];
      }
      jQuery(document).ready(function() {
      jQuery(“input[display=’date’]”).each( function () {
      jQuery(this).datepicker({
      dateFormat : jQuery(this).attr(“dateformat”),
      minDate : jQuery(this).attr(“mindate”),
      maxDate : jQuery(this).attr(“maxdate”),
      firstDay : jQuery(this).attr(“firstday”),
      changeYear: jQuery(this).attr(“changeyear”),
      yearRange: jQuery(this).attr(“yearrange”),
      beforeShowDay: disableSUNDAYS
      });
      });
      });

      Reply

  5. Peter fitchen February 13, 2018 at 6:12 am #

    Hi,

    I am facing issue in multi file upload field.

    I have had an order today where the customer has uploaded 4 different photos. When I click on them it automatically downloads but I am only getting 1 photo. So I download all for but it’s the same photo. Hope you understand.

    Reply

  6. krmiss February 23, 2018 at 11:20 pm #

    Hi,

    the datepicker doesnt save the input, keeps saying field is required.

    Reply

    • Pablo Pacheco April 25, 2018 at 10:07 pm #

      Hello,

      I just tried to create a datepicket field and it seems to be working just fine.
      If you can create a WordPress user for me (pablo@algoritmika.com) I can try to take a look at this issue, if it’s still happening.
      See you

      Reply

  7. taylordesignlab March 2, 2018 at 3:37 pm #

    I have the input fields set on my product, but when someone purchases and fills out the fields I do not see it anywhere in the confirmation email or on the order itself within WooCommerce. How do I see the information that the customer entered?

    Reply

    • Pablo Pacheco April 25, 2018 at 10:16 pm #

      Hello,

      You can see what your customers entered in the fields accessing:
      – The order page on dashboard. The info is on “item” metabox
      – The email you receive when a customer buys some product. The info is next to the product’s title

      If you can’t see it, maybe your customers didn’t fill the fields. Or maybe you are not using the most recent version of the plugin.

      If you create a WordPress user for me (pablo@algoritmika.com) I can try to take a look at this issue, if it’s still happening.
      See you

      Reply

      • Ajay Gahlaut April 26, 2018 at 8:27 am #

        Hi Pablo, I’m facing exactly the same problem. I”m able to see the “Add Message” Field contents next to the Product Title on my order page. However when taking the order printout the field is missing. Perhaps I need to use the Meta Hook to get this added to the order page. I am not a programmer so would need your help on how to do this. My email address is order@caketown.in . I really appreciate you helping with me πŸ™‚

        Reply

        • Pablo Pacheco April 26, 2018 at 4:56 pm #

          Hi, I will try to help you using the email then.
          Can you please create a WordPress user for me using pablo@algoritmika.com?

          Reply

  8. bydomino March 9, 2018 at 6:47 pm #

    I would like to add some JavaScript to a specific text field to convert any typed character to its uppercase version when entered.
    where can i do this? OR is this possible?

    Reply

    • Pablo Pacheco April 28, 2018 at 7:18 pm #

      Hi,
      Sorry for the delay.

      After reading your message, I just included a new option called “Uppercase” on version 1.1.3.
      If you have any questions, please let me know πŸ˜‰

      Reply

      • bydomino May 8, 2018 at 6:18 pm #

        WHERE would I set this option as the client has already set validation in 100’s of products already now.

        AND JUST FYI when i set the validation pattern for a text field
        [A-Z]+
        it works fine in chrome, and firefox, and IE BUT
        in Safari it is allowing the user to bypass validation and add the item to the cart. this also means it isnt working on Apple products IE iPad and iPhones.

        Reply

        • Pablo Pacheco May 8, 2018 at 10:09 pm #

          Hi Ray,

          The Uppercase feature is located on Input field General option section.

          There is a bulk option on the plugin where you can set default inputs that will be displayed on all products. It’s located on plugin’s settings > All products.

          If you didn’t use it we can try to change it programmatically using the
          ‘alg_wc_pif_field_html’ filter. I can help you with that, just let me know.

          Regarding Safari, unfortunately it doesn’t support the pattern attribute so well, but theoretically, since version 11 it should be working.

          Reply

          • bydomino May 9, 2018 at 9:41 pm #

            Its ok i was able to us WP all import to update the affected product with the uppercase function.

            THanks!

        • Pablo Pacheco May 9, 2018 at 9:48 pm #

          You’re welcome πŸ™‚
          Glad to hear it!

          Reply

  9. Kenny Odlum April 3, 2018 at 4:32 pm #

    How do I grab the meta key for specific input field?

    Reply

    • Pablo Pacheco April 28, 2018 at 7:27 pm #

      Hi,
      Sorry for the delay.

      You mean in the database?
      We are storing a lot of different meta keys for the same input field. And we are considering each input field a number. So the pattern for the first input field would be like this: %_alg_wc_pif%_1

      If you have any more questions, please let me know πŸ˜‰
      See you

      Reply

  10. gmsimmons April 13, 2018 at 4:16 pm #

    Hello. With any product that has one of your product fields, when the user hits Add to Cart, it redirects to the homepage. All other products go to the cart as they should. Is there a fix for this?

    Reply

    • Pablo Pacheco April 28, 2018 at 7:36 pm #

      Hi,

      Sorry for the delay.
      If this issue is still happening, can you create a WordPress user for pablo@algoritmika.com?
      I can take a look

      Reply

  11. stebrooks66 May 1, 2018 at 8:54 pm #

    Its not working. The free version works but not the paid

    Reply

    • Pablo Pacheco May 1, 2018 at 9:40 pm #

      Hi,

      Can you please elaborate it?
      What’s not working for you?

      Reply

    • stebrooks66 May 2, 2018 at 4:26 pm #

      All working now thanks so much support is very good on this plugin!

      Reply

      • Pablo Pacheco May 2, 2018 at 4:28 pm #

        Glad to hear it!
        Thanks!

        Reply

  12. Jonathan Bean May 1, 2018 at 10:42 pm #

    Hello, I am very close to purchasing the pro-version of your plugin, but first I would like to know if I can use the customized ‘Product Input Fields’ for product variations. What I mean by this is, can I use the different product input fields to conditionally alter the price of the product?

    Reply

    • Kaden May 2, 2018 at 5:12 pm #

      I am also interested in this answer: Can a text area/input only be available on one variation of a product and not the other variations? Thanks

      Reply

      • Pablo Pacheco May 2, 2018 at 8:55 pm #

        Hi Kaden,

        There aren’t any options available on the plugin in order to do that yet, I’m sorry. But this is also a good idea.

        How do you think it would be better for you? An individual option for each field allowing to exclude some specific variations or the opposite? An option allowing to include the specific variations?

        Thanks

        Reply

        • Kaden May 2, 2018 at 9:10 pm #

          I think it would be best to do it on an individual variation at a time.

          Reply

    • Pablo Pacheco May 2, 2018 at 8:52 pm #

      Hi Jonathan,

      “What I mean by this is, can I use the different product input fields to conditionally alter the price of the product?”
      There aren’t any options available on the plugin in order to do that yet, I’m sorry. But that’s a good idea, we are going to think about how we can implement it.

      Thanks

      Reply

  13. Darryl May 4, 2018 at 10:35 am #

    Hi Guys

    How can i fix how the details are displayed on checkout page of my site. they are coming in squashed

    on view cart page display fine

    if there a simple fix or how can i even remove from checkout page to help it display better?>

    Reply

    • Pablo Pacheco May 8, 2018 at 2:50 pm #

      Hello,

      Probably it’s only related to your theme’s style.
      Can you create a WordPress user for me using the email pablo@algoritmika.com? I can take a look.
      How would you like it to be?

      Reply

  14. aeaster May 14, 2018 at 5:32 pm #

    Hello,
    I am having the same issue as mentioned in a comment above, my datepicker refuses to store values and keeps generating a required error. If I remove the required field no value is stored in the order or in the email. Not sure why this could be happening, thanks for the help.

    Reply

    • Pablo Pacheco May 14, 2018 at 7:07 pm #

      Hello,

      That shouldn’t be happening at all.
      Can you please create a WordPress user for me using the email pablo@algoritmika.com?

      Reply

      • aeaster May 14, 2018 at 7:10 pm #

        Okay, I’ve created a user for you

        Reply

  15. brittany stackhouse May 15, 2018 at 7:12 pm #

    Hi we are using this plugin on our website but we have an issue with the text that users enter into fields. For example if a user enters Car’s it seems to change to Car\’s. Can you please advise on how to resolve this issue. Thank you

    Reply

    • Pablo Pacheco May 18, 2018 at 9:33 pm #

      Hello,

      I just updated a new version (1.1.6) with a fix for this issue πŸ˜‰
      Please tell me if it suits you

      Reply

Leave a Reply

Changelog

= 1.1.6 - 18/05/2018 =
* Remove slashes from the values

= 1.1.5 - 02/05/2018 =
* Remove check for pro version

= 1.1.4 - 29/04/2018 =
* Fix empty setting section on admin settings

= 1.1.3 - 28/04/2018 =
* Add composer
* Add new option to convert characters to uppercase version, when possible

= 1.1.2 - 18/04/2018 =
* Dev - "WC tested up to" added to plugin header.

= 1.1.1 - 30/10/2017 =
* Dev - WooCommerce v3.2 compatibility - Admin settings - select type options fixed.
* Dev - WooCommerce v3.0 compatibility - "woocommerce_add_order_item_meta hook uses out of date data structures and function is deprecated..." notice fixed.
* Fix - add_product_input_fields_to_order_item_meta() - Checking if product input fields values exist (fixes notice in log).
* Dev - Saving settings array as main class property.

= 1.1.0 - 15/06/2017 =
* Dev - WooCommerce 3.x.x compatibility - output_custom_input_fields_in_admin_order() - Using meta_exists() and get_meta() functions to access order items meta data.
* Dev - WooCommerce 3.x.x compatibility - alg_get_frontend_product_input_fields() - Product ID (using get_id() function instead of accessing id object property directly).
* Dev - Core - add_files_to_email_attachments() - Additional validation added.
* Tweak - Plugin link updated from https://coder.fm to https://wpcodefactory.com.

= 1.0.1 - 28/03/2017 =
* Dev - Language (POT) file added.
* Dev - readme.txt updated (screenshots added etc.).
* Tweak - http replaced with https in links to coder.fm.

= 1.0.0 - 28/03/2017 =
* Initial Release.

Installation

  • Buy the plugin πŸ™‚
  • Download plugin's zip to your computer (you will receive an email with download link, or you can always download the plugin from your account).
  • Go to Admin Dashboard > Plugins > Add New > Upload Plugin and browse for downloaded zip file.
  • If plugin is successfully installed - you should see it added to the Plugins list.

Updates

To keep WPCodeFactory items up to date, please install WPCodeFactory Helper plugin and enter your site key.