If you’ve ever bought something online (that’s most of us!), you’re probably familiar with the checkout process:
Add product to cart → Click checkout → Register for an account → Pay → Receive item
And it’s the same with WooCommerce. You can require your users to register for an account before they checkout. But here’s what you can’t do in WooCommerce:
Add extra custom form fields to your checkout registration field.
At least not without help…
With Registration Magic, you can add as many extra custom form fields to the WooCommerce registration form as your heart desires. Whether you want to find out where your visitors found your store, get more demographic data, or collect anything else…Registration Magic can help.
Important Update (Aug 10, 2017): Our newly launched MagicWidgets are now part of WooCommerce integration. MagicWidgets are informational snippets that you can add to your WooCommerce forms. It is a unique new system that displays extra layer of information, animations or dynamic data to your users while they fill up the form. You can add the MagicWidgets from the ‘Add Widget’ section of RegistrationMagic’s Field Manager.
Here’s exactly how you can add new form fields to WooCommerce using Registration Magic Premium.
Step 1: Disable Guest Checkout
In order for your custom WooCommerce registration form fields to show up, the first thing you need to do is disable guest checkout for WooCommerce.
That means your guests will no longer be able to checkout without creating an account (or logging into an existing account). It’s necessary for your custom WooCommerce form fields to display.
You can disable guest checkout by going to WooCommerce → Settings → Checkout. Find the Enable Guest Checkout checkbox beside the Checkout Process section and make sure you uncheck it:
Step 2: Create Your New WooCommerce Registration Form Fields
Now, you’re ready to create your brand spankin’ new WooCommerce registration form fields. Your new form fields will display below the standard WooCommerce registration form.
You can create those new fields just like you would any other Registration Magic form. Here’s the process…
First, go to RegistrationMagic → Add Form. Make sure to give your form a name. You can leave all the other settings as blank or default:
On the next page, scroll down and click the Pages and Fields button:
In this interface, you can add the new fields you want to appear on your WooCommerce registration form. Remember – you don’t need basic fields like Email Address and Name. Those are already included in the standard WooCommerce registration form.
Let’s say, for example, that you want to add two new fields:
- Where did you find us?
You can create a simple text entry field for age and a dropdown with options for “Where Did You Find Us?”:
Just click on the form fields at the top of the page to add them. When you add each form field, you’ll be able to configure its options.
When you’re finished, your form field settings should look something like this (you can ignore the Email field – it won’t display on the final product):
Step 3: Tell WooCommerce to Use Your Custom Registration Fields
Last step, I promise! Now, you just need to set up the WooCommerce integration in Registration Magic.
To do that, go to RegistrationMagic → Global Settings → WooCommerce Integration:
Select the form you just created from the dropdown and click save:
And that’s it!
Now, when your users go to checkout, they should see two added fields below the standard WooCommerce registration form:
Wrapping Things Up
While you can technically use Registration Magic to add unlimited new fields to your WooCommerce registration form, we recommend that you be discerning when choosing which extra fields to add. Use your newfound power wisely. Add only those fields which truly provide you with valuable information.
- How to Save PDF Copies of WordPress Form Submissions to Dropbox - May 19, 2017
- How to Add Variable Quantities and Total Price to Registration Form Payments - April 23, 2017
- How to Quickly Create a Multi-Page Form in WordPress - March 27, 2017
- How to Add Extra Fields to the WordPress Registration Form - February 10, 2017
- How to Add a Floating Shopping Cart Button to WooCommerce - January 29, 2017
- How to Add Custom Form Fields to WooCommerce Registration Form - January 19, 2017
- How to Customize the WordPress Register Form Style - December 17, 2016
- How Long Should Contact Forms Be? [Breakthrough Ideas] - December 1, 2016
- How to Change the WordPress Register Form URL - November 28, 2016