checkout-custom-fields

WooCommerce Checkout Custom Fields

Add custom fields to your WooCommerce checkout page

Description

When enabled, WooCommerce Checkout Custom Fields module lets you add custom fields to WooCommerce checkout page. This neat feature allows you to add more fields to your checkout page. Choose which section to add the custom field to (Billing/Shipping/Order notes/Account), and choose which type of information field you want to add – add a text field, text area, number, a date/time picker, a checkbox, select, radio, or a password, and give it a label or some text explaining what you want your customers to do.

WooCommerce Checkout Custom Fields

Admin Settings

WooCommerce Checkout Custom Fields

To add custom fields to Booster’s PDF invoices, you should use [wcj_order_checkout_field] shortcode.
You can use use Custom CSS Options (accessible through WooCommerce > Settings > Booster > EMAILS & MISC. > General). For example, to change default view of custom checkout radio buttons:

WooCommerce Checkout Custom Fields - Radio button
Custom CSS code for radio buttons restyling:

label.radio { display: inline !important; padding-left: 5px; }
label.radio:after { content: '\A'; white-space: pre; }
Accessible through:
  • WooCommerce > Settings > Booster > Cart & Checkout > Checkout Custom Fields
Tested on WooCommerce 2.6.12 and WordPress 4.7.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

33 Comments

  1. James July 8, 2015 at 7:00 pm #

    I would love to know what the “categories” field does? I cant find any documentation on this.

    Thanks in advance
    James

    Reply

    • Valentin Solovjov September 16, 2015 at 7:35 pm #

      Dear James,

      you can show/enable Checkout Custom Fields only for specified product categories.

      BR,
      Val

  2. Amy October 12, 2015 at 6:45 pm #

    I sent an email to Support, but thought I would ask here too.

    Is there a way to get the data generated by the Additional Fields passed to the generated emails as something other than a solid block of text with no field separators? We have 8 fields and we would (ideally) like a paragraph break after each field so that we could cut and paste this information into a spreadsheet.

    Reply

    • Valentin Solovjov October 13, 2015 at 7:35 am #

      Hi Amy,

      We already fixing that, let you know, when it be solved.

      BR,
      Val

  3. brian valente October 20, 2015 at 11:30 pm #

    is it possible to set the default for a custom field so that a custom checkbox shows up as checked by default?

    Reply

  4. Terrance November 25, 2015 at 10:07 pm #

    Is it possible to capture the information from these custom fields for the invoices/packing slips?
    I’m trying to provide the ability for a user to add the shipping recipient’s phone number.

    Reply

  5. Mike January 1, 2016 at 3:38 pm #

    Is there a way to hide the information that is entered on custom fields from the customers view in their account/order history?

    Reply

  6. James January 1, 2016 at 6:58 pm #

    Hi, Is there a way of using a shorcode for invoice templates with this and how would you determine which custom field it was?

    Reply

  7. Valentin Solovjov January 11, 2016 at 8:01 pm #

    Question:

    Where can I find out what the custom field name is? And then some samples on how to use them in side a custom email/template – (lost here, no coding expertise).

    Answer:

    Its a little bit tricky at start. Here what you need to do :

    1) you need to go to the checkout page for example with google chrome browser and press right mouse click on the custom checkout field you need, and click inspect element

    image here: http://snag.gy/KrO7x.jpg

    2) then you need to find field ID ant the right

    http://snag.gy/IbVzp.jpg

    in my example its : billing_wcj_checkout_field_1

    and the shortcode you need to use is here : [wcj_order_meta before="TAX ID: " before="field_8" meta_key="_billing_wcj_checkout_field_1"]

    note that you can user additional option as before or after, also meta_key used with _ in front.

    Best regards,
    Valentin Solovjov
    Algoritmika Ltd.
    BoostWoo.com

    Reply

    • James January 12, 2016 at 6:15 pm #

      Brillaint and thanks. It works! I had to remove “field8” essentially and leave the inverted commas blank in between but it was pretty simple.

  8. Peter Pitchford January 12, 2016 at 7:42 am #

    How do I access the data collected by the custom fields? I don’t see it anywhere in the admin order page.

    Reply

    • Valentin Solovjov January 12, 2016 at 3:11 pm #

      Hi Peter,

      I just tested. I able to collect info.

      1) Checkout page: http://snag.gy/4fWjo.jpg
      2) Thank you page: http://snag.gy/dTFCB.jpg
      3) Back end order details : http://snag.gy/i6UFF.jpg
      4) Custom Checkout field settings: http://snag.gy/B6RPd.jpg

    • Peter Pitchford January 12, 2016 at 3:43 pm #

      Thanks for testing, but custom fields are not showing up for me. They show up in the reciept and the pdf invoice, but not in the order page.

    • Ulrich January 14, 2016 at 1:59 pm #

      Hi Valentin,

      same situation here. I can’t find the custom created fields in the backend order details.
      snag.gy is down so i can’t see the screenshots.
      Hope you can help

      Best regards

    • Ulrich January 14, 2016 at 2:43 pm #

      @Peter,

      when i changed the field ‘section’ from ‘Order Notes’ to ‘Billing’ i could find the posted data in order page. Perhaps this is a solution for you, too.

  9. gamal March 29, 2016 at 5:52 am #

    Hi.. how can i show the field to order details or thank you page instead the checkout page. thanks…

    Reply

    • Valentin Solovjov March 29, 2016 at 8:42 pm #

      Hi,

      sorry I didn`t get what you would like to do. Could you please reply with details? You would like to have a custom field on thank you page? What do you call “order details” ?

      BR,
      Val

  10. Brenda April 21, 2016 at 3:53 am #

    Hi, I am working with your Booster Plus plugin and I really want to be able to change the header “Billing Info” at the top of the Checkout page to “Registration Info”. Can you help me do that? I am not a big coder, so I hope it is easy 😉

    Many many many thanks in advance, Brenda

    Reply

    • Booster Support Team April 26, 2016 at 12:10 pm #

      Hi Brenda,

      “Billing Details” text is a part of checkout template. Unfortunately there are no hooks to change it, so the best way to do it would be to edit the template itself. The file you need is “\wp-content\plugins\woocommerce\templates\checkout\form-billing.php”. The best way would be to copy it to your child theme folder, so you won’t lose changes after the updates. You can read more about editing WooCommerce templates here – https://docs.woothemes.com/document/template-structure/.

      There is another (but not recommended) method for changing that text. by using gettext filter (https://codex.wordpress.org/Plugin_API/Filter_Reference/gettext). The filter is intended to use for translations, but it will work for just changing the text. Add to your child theme’s functions.php file:

      Hope I made it a little more clear. Please let me know if you still will have troubles changing that text. I could log on to your server and make the neccessary changes.

      Best regards,
      Tom

      Booster Support Team
  11. Kittiwat June 2, 2016 at 4:01 pm #

    Radio button
    and select didn’t work

    Reply

    • Booster Support Team June 2, 2016 at 9:10 pm #

      Hi,

      I’ve just retested on our server, and unfortunately couldn’t reproduce the issue – both Select and Radio types for custom checkout fields seem to work fine for us. Could you please give more details on the issue? Are fields not displayed at all, or with some errors? And if possible please create/share an admin account to your server so I could login and check what’s going on. My email is tom@booster.io. If sharing an account is not an option – please let me know and I will try to solve this remotely.

      Best regards,
      Tom

      Booster Support Team
  12. Felix August 23, 2016 at 3:55 pm #

    Hi there,

    I activated the radio buttons but they just showed up without the text. Does anyone know how to solve this problem?

    Looking forward to hear from you!

    Reply

    • Felix August 23, 2016 at 3:57 pm #

      I’m using bridge theme btw.

  13. Dragos August 23, 2016 at 7:42 pm #

    I am having issues with displaying and charging shipping for my products since installing this plugin. The only module I have enabled is Prices and Currencies By country with 3 price zones: Canada, USA, and Europe. There are also 3 shipping zones setup, for the same areas. Canadian and Europe shipping rates and displayed and charged properly, however the USA is not.

    USA shipping zone via WooCommerce Shipping module at 4.00 flat rate. However at checkout the only information displayed for customers is “Flat Rate” with no value, and the customer is charged nothing. If I disable the plugin the information is displayed properly.

    I need your help please with solving this issue.

    Reply

  14. Alain Aubry October 9, 2016 at 8:39 pm #

    Hi

    I am trying to add a Checkout Custom Field, the customer DoB.
    There is a field called ‘section’ that lists ‘Billing’, ‘Shipping’, ‘Order Notes’ and ‘Account’.
    I tried them all, the new filed goes to the section specified, except for ‘Account’, when I select this one I don’t see the new field anywhere.
    ‘Account’ is my preferred option.

    Thanks

    Reply

  15. Kat November 4, 2016 at 3:11 pm #

    I’d like to be able to include all of my custom fields in the order export data. Is this possible? I don’t see it as an option anywhere. If it’s not currently possible, is this a feature you can add in the future?

    Thanks!

    Reply

  16. Joomla Candy December 2, 2016 at 4:35 pm #

    Hi,
    Thanks for a great funktion. But I miss the possibility to add an error message for the required option. Desperately need that.

    Reply

  17. Ulli December 8, 2016 at 7:13 am #

    This feature seems to have stopped working with WooCommerce 2.6.9. No matter how I configure the feature, my text is not showing any more 🙁

    Reply

    • Ulli December 8, 2016 at 7:16 am #

      Damn… I’m on the wrong page here. The problem exists with the “Checkout Custom Info” feature…

    • Booster Support Team December 8, 2016 at 7:58 am #

      Hi,

      It’s probably because of new WordPress v4.7. Issue already fixed in development version. You can download the development version here – http://booster.io/dev/. You will need to uninstall the old version first (don’t worry your saved settings won’t disappear). Please let me know if the issue is fixed or if you have any questions.

      We are going to upload stable release to wordpress.org this weekend.

      Best regards,
      Tom

      Booster Support Team
    • Ulli December 9, 2016 at 7:19 am #

      Thanks Tom! It’s not thaaat important, so I’ll gladly wait until you release it officially! Thanks for the quick feedback and fix! I’ll let you know if it works!

    • Ulli December 10, 2016 at 8:56 am #

      Hey Tom! I had to disable and reenable the feature for the info to show up again but not it works! Thanks so much and have a great weekend!

  18. AMC December 14, 2016 at 5:50 pm #

    Hi,

    I am french and i have a question on the “custom field”

    When i add a custum field and t is positioned on the left column of my command and I want to know how to put it by default on the right column below the last initial fields of woocommerce (information)

    If you have a answer i’ll be happy to know.
    (PS : excuse for my english)
    Thanks
    Richard

    Reply