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…our WordPress Registration Plugin can help.
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.
We also recommend that you read our advance WordPress User Login Plugin guide. With Registration Magic, you can very easily step-up your WooCommerce user login analytics, and monitor user login timelines, login failure vs success rates and other important login parameters. You can also modernize your WooCommerce login process with two factor authentication and other advance login features.
Lastly, you can checkout RegistrationMagic Free and Premium plans comparison at this link.
Updates to WooCommerce functionality
Update (14th September, 2017): Our Display Fields are also part of WooCommerce integration. Display Fields are informational snippets that you can add to your WooCommerce forms. It is a unique new system that adds extra layers of information, animations and dynamic data to your users while they fill up the form. You can insert these fields from the ‘Add Fields’ pop-up of RegistrationMagic’s Fields Manager.
Update (2nd October, 2018): With the launch of version 18.104.22.168 you can now do the opposite. It means, you can now add WooCommerce fields to any RegistrationMagic form! That’s right, even a regular form like a contact form. Beginning with this version, you will find a new section of fields appearing in your Fields Manager.
As you can see in the screenshot – WooCommerce Billing, Shipping and Number fields are visible right inside Fields Manager popup. Click on them to add to your forms. Remember, these fields will appear just like they do in WooCommerce checkout form. For users with an existing account, submitting a form with one of these fields will update user specific values in the database.
So there it is – another step towards a richer and more meaningful WooCommerce integration for your forms. And there’s even more in store for you. Our future plans include adding WooCommerce products to your forms. If you have any questions, don’t forget to write to us in comments section below. Cheers!
- 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